/* JokeLink 皮卡丘电系浅色主题：已登录壳 + Element Plus（登录门由 reskin-login-pika-light.css 负责） */
:root {
  --jl-bg: #fffbeb;
  --jl-bg-alt: #f8fafc;
  --jl-card: #ffffff;
  --jl-head: rgba(255, 251, 235, 0.72);
  --jl-line: rgba(251, 191, 36, 0.28);
  --jl-text: #1e293b;
  --jl-muted: #64748b;
  --jl-gold: #fbbf24;
  --jl-gold-2: #facc15;
  --jl-cyan: #0891b2;
  --jl-rose: #f43f5e;
  --el-color-primary: #d97706;
  --el-color-primary-light-3: #f59e0b;
  --el-color-primary-light-5: #fbbf24;
  --el-color-primary-light-7: #fde68a;
  --el-color-primary-light-8: rgba(251, 191, 36, 0.22);
  --el-color-primary-light-9: rgba(254, 243, 199, 0.7);
  --el-color-primary-dark-2: #b45309;
  --el-bg-color: #ffffff;
  --el-bg-color-overlay: #ffffff;
  --el-bg-color-page: #fffbeb;
  --el-text-color-primary: #1e293b;
  --el-text-color-regular: #334155;
  --el-text-color-secondary: #64748b;
  --el-text-color-placeholder: #94a3b8;
  --el-border-color: #e2e8f0;
  --el-border-color-light: #e2e8f0;
  --el-border-color-lighter: #f1f5f9;
  --el-border-color-extra-light: #f8fafc;
  --el-fill-color: #f8fafc;
  --el-fill-color-light: #f1f5f9;
  --el-fill-color-lighter: #f8fafc;
  --el-fill-color-blank: #ffffff;
  --el-fill-color-dark: #e2e8f0;
  --el-mask-color: rgba(15, 23, 42, 0.36);
  --el-box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  --el-disabled-bg-color: #f1f5f9;
  --el-disabled-text-color: #94a3b8;
  --el-table-bg-color: #ffffff;
  --el-table-tr-bg-color: #ffffff;
  --el-table-header-bg-color: rgba(255, 251, 235, 0.72);
  --el-table-row-hover-bg-color: rgba(254, 243, 199, 0.45);
  --el-table-border-color: #e2e8f0;
  --el-table-text-color: #1e293b;
  --el-table-header-text-color: #334155;
}

html, body, #app {
  background: #fffbeb !important;
  color: #1e293b !important;
}

.shell,
.body,
.main,
.content {
  background: transparent;
  color: #1e293b;
}

.shell {
  background:
    radial-gradient(900px 280px at 8% -10%, rgba(250, 204, 21, 0.22), transparent 58%),
    radial-gradient(700px 240px at 100% 0%, rgba(253, 224, 71, 0.18), transparent 50%),
    linear-gradient(160deg, #fffbeb 0%, #fef9c3 55%, rgba(254, 240, 138, 0.4) 100%);
}

/* ---- 顶栏：白底浮雕 + 皮卡丘黄底边 ---- */
.shell .header {
  height: 52px;
  background: #ffffff;
  color: #1e293b;
  border-bottom: 2px solid #fbbf24;
  box-shadow: 0 6px 18px rgba(251, 191, 36, 0.12);
}

@keyframes jl-ball-glow {
  0%, 100% { box-shadow: 0 0 12px rgba(250, 204, 21, 0.4), 0 4px 10px rgba(15, 23, 42, 0.08); }
  50% { box-shadow: 0 0 22px rgba(250, 204, 21, 0.75), 0 0 36px rgba(234, 179, 8, 0.32); }
}
.shell .jl-pokeball,
.shell .brand-mark {
  background: #fff;
  border: 1px solid rgba(251, 191, 36, 0.55);
  animation: jl-ball-glow 1.8s ease-in-out infinite;
  filter: drop-shadow(0 0 8px rgba(250, 204, 21, 0.45));
}

.shell .brand-name {
  background: linear-gradient(90deg, #b45309, #d97706 40%, #facc15);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}

.shell .brand-ai {
  color: #0e7490;
  background: #ecfeff;
  border: 1px solid #a5f3fc;
}

.shell .brand-sub { color: #64748b; }

.shell .main-menu button,
.shell .main-menu a {
  color: #475569;
  height: 52px;
}
.shell .main-menu button:hover,
.shell .main-menu a:hover {
  color: #0f172a;
  background: rgba(251, 191, 36, 0.16);
}
.shell .main-menu button.on,
.shell .main-menu a.on {
  color: #78350f;
  background: linear-gradient(180deg, #fde68a, #facc15);
  font-weight: 800;
  box-shadow: inset 0 -2px 0 #f59e0b;
}

.shell .header-right,
.shell .header-right .clock { color: #475569; }

.shell .back-master {
  background: #fffbeb;
  color: #b45309;
  border-color: #fcd34d;
  box-shadow: 0 0 10px rgba(250, 204, 21, 0.28);
}
.shell .back-master:hover { color: #78350f; }

.shell .logout {
  background: #f43f5e;
  color: #fff;
  border-radius: 999px;
  padding: 5px 12px;
  font-weight: 700;
}

/* ---- 侧栏：浅米白，告别海军黑 ---- */
.shell .sider {
  background: #fffef7;
  color: #334155;
  border-right: 1px solid rgba(251, 191, 36, 0.28);
}
.shell .side-item { color: #475569; }
.shell .side-item:hover {
  background: rgba(254, 243, 199, 0.7);
  color: #0f172a;
}
.shell .side-item.on {
  background: linear-gradient(90deg, #fde68a, #fef9c3);
  color: #78350f;
  font-weight: 800;
  box-shadow: inset 3px 0 0 #f59e0b;
}
.shell .side-sub .side-item { color: #64748b; }
.shell .side-foot {
  border-top: 1px solid rgba(251, 191, 36, 0.22);
  color: #94a3b8;
}

.shell .tabs {
  background: #ffffff;
  border-bottom: 1px solid #fde68a;
}
.shell .tab { color: #64748b; border-right-color: #fef3c7; }
.shell .tab.on {
  color: #b45309;
  background: #fffbeb;
  border-bottom: 2px solid #f59e0b;
  font-weight: 800;
}
.shell .tab .x { color: #cbd5e1; }
.shell .tab .x:hover { color: #f43f5e; }

.shell .panel {
  background: #ffffff !important;
  border: 1px solid rgba(251, 191, 36, 0.28) !important;
  border-radius: 12px;
  color: #1e293b;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
}
.shell .panel h3 { color: #1e293b; }
.shell .hint { color: #64748b !important; }
.shell .toolbar .metric { color: #64748b; }
.shell .toolbar .metric b { color: #d97706; }
.shell .pager { color: #64748b; }
.shell .info-grid label { color: #64748b; }
.shell .link { color: #0891b2; }
.shell .link:hover { color: #0e7490; }
.shell .ok { color: #059669; }
.shell .bad { color: #f43f5e; }

/* ---- 统计卡片：白底圆角 + 金色数值 ---- */
.shell .metrics .m,
.shell .metric-card {
  background: #ffffff !important;
  border: 1px solid rgba(251, 191, 36, 0.38) !important;
  border-radius: 12px !important;
  color: #64748b !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}
.shell .metric-blue,
.shell .metric-red,
.shell .metric-teal,
.shell .metric-purple {
  background: #ffffff !important;
}
.shell .metrics .m b,
.shell .metric-card .num {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #d97706 !important;
  font-weight: 800;
  text-shadow: none;
}

/* ---- 金黄主按钮 / 幽灵次按钮 ---- */
.el-button {
  --el-button-bg-color: #ffffff;
  --el-button-text-color: #334155;
  --el-button-border-color: #e2e8f0;
  --el-button-hover-bg-color: #fffbeb;
  --el-button-hover-text-color: #92400e;
  --el-button-hover-border-color: #fcd34d;
  border-radius: 999px !important;
  font-weight: 600;
}
.el-button--primary,
.btn-pika.el-button,
.el-button.btn-pika {
  --el-button-bg-color: #fbbf24;
  --el-button-border-color: #f59e0b;
  --el-button-text-color: #0f172a;
  --el-button-hover-bg-color: #facc15;
  --el-button-hover-border-color: #eab308;
  --el-button-hover-text-color: #0f172a;
  background: linear-gradient(90deg, #fbbf24, #facc15) !important;
  border-color: transparent !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px rgba(250, 204, 21, 0.28);
}
.el-button--primary:hover,
.btn-pika.el-button:hover,
.el-button.btn-pika:hover {
  box-shadow: 0 0 12px rgba(250, 204, 21, 0.45) !important;
  filter: brightness(1.03);
}
.el-button--primary.is-plain {
  background: #fffbeb !important;
  color: #b45309 !important;
  border: 1px solid #fcd34d !important;
  box-shadow: none;
}
.btn-ghost.el-button,
.el-button.btn-ghost,
.el-button--default,
.el-button.is-plain:not(.el-button--primary):not(.el-button--danger) {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  box-shadow: none;
}
.btn-ghost.el-button:hover,
.el-button.btn-ghost:hover,
.el-button--default:hover,
.el-button.is-plain:not(.el-button--primary):not(.el-button--danger):hover {
  background: #fffbeb !important;
  border-color: #fcd34d !important;
  color: #92400e !important;
}
.el-button--success {
  --el-button-bg-color: #ecfeff;
  --el-button-border-color: #67e8f9;
  --el-button-text-color: #0e7490;
  background: #ecfeff !important;
  border-color: #67e8f9 !important;
  color: #0e7490 !important;
}
.el-button--warning {
  --el-button-bg-color: #fffbeb;
  --el-button-border-color: #fcd34d;
  --el-button-text-color: #b45309;
}
.el-button--danger {
  --el-button-bg-color: #f43f5e;
  --el-button-border-color: #f43f5e;
  --el-button-text-color: #fff;
  background: #f43f5e !important;
  border-color: #f43f5e !important;
  color: #fff !important;
}

/* ---- 表格：浅黄表头 + 斑马纹 ---- */
.el-table,
.el-table__inner-wrapper,
.el-table__header-wrapper,
.el-table__body-wrapper,
.el-table__footer-wrapper {
  background: #ffffff !important;
  color: #1e293b !important;
}
.el-table::before,
.el-table--border::after,
.el-table--border .el-table__inner-wrapper::after,
.el-table__border-left-patch,
.el-table__inner-wrapper::before {
  background-color: #e2e8f0 !important;
}
.el-table th.el-table__cell {
  background: rgba(255, 251, 235, 0.72) !important;
  color: #334155 !important;
  font-weight: 700 !important;
  border-bottom-color: #fde68a !important;
  border-right-color: #fef3c7 !important;
}
.el-table td.el-table__cell {
  color: #1e293b !important;
  border-bottom-color: #f1f5f9 !important;
  border-right-color: #f8fafc !important;
}
.el-table__body tr.el-table__row:nth-child(odd) > td.el-table__cell {
  background: #ffffff !important;
}
.el-table__body tr.el-table__row:nth-child(even) > td.el-table__cell {
  background: rgba(248, 250, 252, 0.55) !important;
}
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: rgba(254, 243, 199, 0.42) !important;
  box-shadow: none;
}
.el-table--border .el-table__cell { border-color: #f1f5f9 !important; }
.el-table .el-table__empty-text { color: #94a3b8; }
.el-table__empty-block { background: transparent; }
.el-table .el-table__cell .cell { color: inherit; }

.el-table.seat-table td.el-table__cell:nth-child(7) .cell {
  color: #0e7490 !important;
}

/* 操作列：高频动作 + 收纳菜单 */
.ops { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
.ops .link {
  display: inline-flex;
  align-items: center;
  padding: 2px 0;
  background: transparent;
  border: 0;
  color: #0891b2 !important;
  font-weight: 700;
  line-height: 1.4;
}
.ops .link:hover {
  color: #0e7490 !important;
  text-decoration: none;
  background: transparent;
  box-shadow: none;
}
.ops .link-blast { color: #d97706 !important; }
.ops .link-blast:hover { color: #b45309 !important; }
.ops .ops-more { color: #64748b !important; font-weight: 600; }
.ops .link[style*="color:#e8524a"],
.ops .link[style*="color: #e8524a"] {
  color: #f43f5e !important;
  background: transparent;
  border: 0;
}

.el-dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #fde68a !important;
  border-radius: 10px !important;
}
.el-dropdown-menu__item { color: #334155 !important; }
.el-dropdown-menu__item:hover,
.el-dropdown-menu__item:focus {
  background: #fffbeb !important;
  color: #b45309 !important;
}
.el-dropdown-menu__item--divided {
  border-top-color: #fef3c7 !important;
  color: #f43f5e !important;
}

/* ---- 表单 / 弹层 ---- */
.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper,
.el-input-number {
  background-color: #ffffff !important;
  box-shadow: 0 0 0 1px #e2e8f0 inset !important;
}
.el-input__wrapper:hover,
.el-select__wrapper:hover {
  box-shadow: 0 0 0 1px #fcd34d inset !important;
}
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px #f59e0b inset, 0 0 0 3px rgba(251, 191, 36, 0.18) !important;
}
.el-input__inner,
.el-textarea__inner,
.el-select__placeholder,
.el-select__selected-item {
  color: #1e293b !important;
}
.el-select-dropdown,
.el-popper.is-pure,
.el-picker-panel {
  background: #ffffff !important;
  border: 1px solid #fde68a !important;
}
.el-select-dropdown__item { color: #1e293b; }
.el-select-dropdown__item.is-hovering,
.el-select-dropdown__item:hover { background: #fffbeb; }
.el-select-dropdown__item.is-selected { color: #d97706; font-weight: 700; }

.el-dialog,
.el-drawer {
  background: #ffffff !important;
  border: 1px solid rgba(251, 191, 36, 0.35);
  color: #1e293b;
  border-radius: 14px !important;
}
.el-dialog__header,
.el-drawer__header {
  border-bottom: 1px solid #fef3c7;
}
.el-dialog__title,
.el-drawer__title,
.el-form-item__label { color: #1e293b !important; }
.el-dialog__body,
.el-drawer__body,
.el-dialog__footer { color: #1e293b; background: transparent; }
.el-overlay { background-color: rgba(15, 23, 42, 0.36) !important; }

.el-pagination {
  --el-pagination-bg-color: #ffffff;
  --el-pagination-text-color: #475569;
  --el-pagination-button-bg-color: #ffffff;
}
.el-pager li { background: #ffffff !important; color: #475569 !important; }
.el-pager li.is-active {
  color: #b45309 !important;
  background: #fef3c7 !important;
}

.el-message-box { background: #ffffff; border: 1px solid #fde68a; }
.el-message-box__title, .el-message-box__message { color: #1e293b; }

.el-checkbox__label, .el-radio__label { color: #334155; }
.el-tag {
  --el-tag-bg-color: #ecfeff;
  --el-tag-text-color: #0e7490;
  --el-tag-border-color: #a5f3fc;
}

.seat { background: #ffffff; border-color: #fde68a; color: #1e293b; }
.webhook { background: #ecfdf5; border-color: #6ee7b7; color: #047857; }

.prog .bar { background: #f1f5f9; }
.prog .bar i { background: linear-gradient(90deg, #fbbf24, #22d3ee); }
.prog .pct { color: #64748b; }
.ph-row button {
  border-color: #67e8f9;
  background: #ecfeff;
  color: #0e7490;
}
.ph-row button:hover { background: #22d3ee; color: #fff; }

.sender-box {
  background: #fffbeb !important;
  border: 1px solid rgba(251, 191, 36, 0.4) !important;
}
.sender-chip.el-checkbox {
  background: #ffffff !important;
  color: #1e293b !important;
  border-color: #fde68a !important;
}
.sender-chip .el-checkbox__label { color: #1e293b !important; }
.sender-link { color: #0891b2 !important; }
.blast-cost {
  background: #ecfeff !important;
  border-color: #a5f3fc !important;
  color: #0f172a !important;
}
.blast-cost.warn {
  background: #fff1f2 !important;
  border-color: #fda4af !important;
  color: #9f1239 !important;
}
.blast-log {
  background: #fffbeb;
  color: #334155;
  border: 1px solid #fde68a;
}
.blast-log .row { border-bottom-color: #fde68a; }

.boot {
  background: linear-gradient(160deg, #fffbeb, #fef9c3) !important;
  color: #334155 !important;
}

.sb-head h2 { color: #1e293b !important; }
.sb-head p { color: #64748b !important; }
.sb-link { color: #b45309 !important; }
.sb-card {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(253, 230, 138, 0.9) !important;
  box-shadow: 0 12px 28px rgba(234, 179, 8, 0.12);
}
.sb-card h3 { color: #1e293b !important; }
.sb-card .en { color: #94a3b8 !important; }
.sb-json, .sb-preview, .sb-chat, .sb-cred {
  background: #fffbeb !important;
  color: #334155 !important;
  border: 1px solid #fde68a !important;
}
.sb-check, .sb-meta, .sb-item, .sb-chat .who { color: #475569 !important; }
.sb-chat .row.user .bubble { background: #fef3c7 !important; color: #1e293b !important; }
.sb-chat .row.agent .bubble { background: #dcfce7 !important; color: #14532d !important; }
.sb-pika { filter: drop-shadow(0 0 16px rgba(250, 204, 21, 0.65)) drop-shadow(0 0 28px rgba(234, 179, 8, 0.35)); }