/* =========================================================
   AI工作台 · 黑金轻奢皮肤（覆盖层）
   —— 与登录页同款黑金语言：深黑磨砂底 + 香槟金渐变
   —— 置于 style.css / ui5.css 之后加载，用 !important 压制蓝色科技感
   ========================================================= */

:root {
  --bg: #05060a;
  --bg2: #0a0c12;
  --card: rgba(15,17,24,.82);
  --card2: #14171f;
  --border: rgba(232,201,122,.16);
  --text: #F3EDE0;
  --muted: #9a917c;
  --accent: #E8C97A;
  --accent2: #C79A45;
  --cyan: #F5E3B0;
  --green: #D9B96A;
  --red: #FF7A6B;
  --yellow: #F2DCA0;
  --gold: #E8C97A;
  --gold2: #D4AF6A;
  --gold-grad: linear-gradient(135deg,#F5E3B0 0%,#E8C97A 38%,#C79A45 100%);
  --gold-btn: linear-gradient(135deg,#F2DCA0 0%,#E8C97A 42%,#C89A46 100%);
}

/* ===== 背景：深黑磨砂 + 星点金尘 ===== */
html, body {
  background: radial-gradient(1100px 620px at 82% -12%, rgba(232,201,122,.10), transparent 60%),
              radial-gradient(1000px 560px at 6% -10%, rgba(226,178,84,.08), transparent 60%),
              radial-gradient(900px 700px at 50% 118%, rgba(232,201,122,.06), transparent 60%),
              var(--bg) !important;
  background-attachment: fixed !important;
}
body {
  color: var(--text) !important;
  background-color: var(--bg) !important;
}

/* ===== 顶栏 ===== */
.topbar {
  background: rgba(8,9,13,.94) !important;
  border-bottom: 1px solid rgba(232,201,122,.16) !important;
  box-shadow: 0 1px 0 rgba(232,201,122,.08), 0 8px 30px rgba(0,0,0,.45) !important;
}
/* 去除左上角 logo 图标（保留品牌标题与标语） */
.topbar .logo { display: none !important; }
.topbar .brand h1 {
  color: #F7F1E3 !important;
  -webkit-text-fill-color: #F7F1E3 !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 14px rgba(232,201,122,.18));
}
.brand p { color: #9a917c !important; }
/* 品牌金色标语 */
.brand-slogan {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  color: #c9b577 !important;
  margin-top: 2px !important;
}
.brand-slogan::before {
  content: ""; width: 8px; height: 1.5px;
  background: linear-gradient(90deg, #E8C97A, transparent);
}

/* ===== 顶栏按钮 / 状态徽章 ===== */
.key-status {
  background: rgba(242,220,160,.10) !important;
  color: #F2DCA0 !important;
  border: 1px solid rgba(232,201,122,.30) !important;
}
.key-status.ok {
  background: rgba(217,185,106,.12) !important;
  color: #E8C97A !important;
  border-color: rgba(217,185,106,.34) !important;
}
.running-badge {
  background: rgba(232,201,122,.10) !important;
  border: 1px solid rgba(232,201,122,.28) !important;
  color: #F2DCA0 !important;
}
.running-badge:hover { background: rgba(232,201,122,.18) !important; border-color: rgba(232,201,122,.4) !important; }
.running-badge.has-run {
  background: rgba(232,201,122,.16) !important;
  border-color: rgba(232,201,122,.42) !important;
  color: #F2DCA0 !important;
  box-shadow: 0 0 18px rgba(232,201,122,.28) !important;
}
/* 运行中任务数气泡（黑金皮肤）：香槟金小圆点 */
.running-badge .rb-num {
  background: rgba(232,201,122,.32) !important;
  color: #2a1f0c !important;
}
/* 运行中弹层 */
.running-pop {
  background: rgba(12,13,18,.98) !important;
  border: 1px solid rgba(232,201,122,.26) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.65), 0 0 34px rgba(232,201,122,.12) !important;
}
.running-pop-head { color: #F7F1E3 !important; border-bottom-color: rgba(232,201,122,.14) !important; }
.running-pop-item:hover { background: rgba(232,201,122,.08) !important; border-color: rgba(232,201,122,.2) !important; }
.rpi-icon {
  background: rgba(232,201,122,.12) !important;
  color: #F2DCA0 !important;
}
.rpi-title { color: #F3EDE0 !important; }
.rpi-meta { color: #9a917c !important; }

/* ===== 侧边栏（功能导航）===== */
nav.tabs.sidebar {
  background: rgba(8,9,13,.94) !important;
  border-right: 1px solid rgba(232,201,122,.12) !important;
  /* 修复：压掉 .tabs 的 height:52px（侧边栏同时带 .tabs class），让功能入口撑满视口高度 */
  height: calc(100vh - 58px) !important;
  top: 58px !important;
  bottom: 0 !important;
  min-height: calc(100vh - 58px) !important;
  padding: 10px 12px 18px !important;
}
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb { background: rgba(232,201,122,.22) !important; }
nav.tabs.sidebar .tab-group + .tab-group {
  border-top: 1px solid rgba(232,201,122,.12) !important;
}
/* 底部停靠区（管理工具）：卡片样式与上方功能组一致（沿用 .tab-group 同款卡片，不再单独覆盖颜色）；按钮间距同 .tab-group */
nav.tabs.sidebar .sb-dock {
  gap: 4px !important;
  /* 统一：与上方功能组完全同款卡片（背景/边框/圆角/内边距/组间距一致） */
  background: rgba(84,169,255,.09) !important;
  border: 1px solid rgba(84,169,255,.16) !important;
  border-top-color: rgba(232,201,122,.12) !important;
  border-radius: 7px !important;
  padding: 8px 9px 3px !important;
  margin: 8px 0 0 !important;
}
nav.tabs.sidebar .sb-dock .tab-tools-label { padding: 4px 10px 3px !important; }
nav.tabs.sidebar .sb-dock .tab-tools-label::before {
  content: "" !important; display: block !important; width: 7px !important; height: 7px !important; border-radius: 50% !important;
  background: var(--gold-grad) !important; box-shadow: 0 0 8px rgba(232,201,122,.7) !important; flex: 0 0 auto !important;
}
nav.tabs.sidebar .tab-group-label,
nav.tabs.sidebar .tab-tools-label {
  color: #b39a5e !important;
  letter-spacing: 1.4px !important;
}
nav.tabs.sidebar .tab-group-label::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  background: var(--gold-grad); box-shadow: 0 0 8px rgba(232,201,122,.7);
  flex: 0 0 auto;
}
nav.tabs.sidebar .tab-btn {
  color: #93916f !important;
  /* 排版优化：icon↔文字 gap 10→8、左右 padding 12→10，给长文字区多释放约 6px，修复「最强文生视频」等截断 */
  gap: 6px !important;
  padding: 7px 8px !important;
}
/* 排版优化：组内按钮间距 5→4px，让 38px 高的按钮紧凑但仍好点 */
nav.tabs.sidebar .tab-group { gap: 4px !important; }
nav.tabs.sidebar .tab-btn .tb-ico { color: #8b8668 !important; }
nav.tabs.sidebar .tab-btn:hover {
  background: rgba(232,201,122,.06) !important;
  color: #F5EEDD !important;
}
nav.tabs.sidebar .tab-btn:hover .tb-ico { color: #F2DCA0 !important; }
nav.tabs.sidebar .tab-btn.active {
  background: linear-gradient(135deg, rgba(232,201,122,.16), rgba(200,154,70,.10)) !important;
  border-color: rgba(232,201,122,.34) !important;
  color: #FFF7E6 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 18px rgba(232,201,122,.10) !important;
}
nav.tabs.sidebar .tab-btn.active .tb-ico { color: #F2DCA0 !important; }
nav.tabs.sidebar .tab-btn .trial-badge {
  border-radius: 5px !important;
  border: 1px solid rgba(232,201,122,.22) !important;
}
nav.tabs.sidebar .tab-btn .trial-badge.trial-ok { color: #EED9A0 !important; background: rgba(232,201,122,.14) !important; border-color: rgba(232,201,122,.26) !important; }
nav.tabs.sidebar .tab-btn .trial-badge.trial-zero,
nav.tabs.sidebar .tab-btn .trial-badge.trial-lock { color: #FF8A7A !important; background: rgba(255,122,107,.16) !important; border-color: rgba(255,122,107,.3) !important; }

/* ===== 账户切换 ===== */
.as-badge-a { background: var(--gold-grad) !important; color: #2a1f0c !important; }
.as-badge-e { background: linear-gradient(135deg,#C79A45,#F2DCA0) !important; color: #2a1f0c !important; }
.as-badge-c { background: linear-gradient(135deg,#9a7950,#D4AF6A) !important; color: #2a1f0c !important; }
.as-name { color: #F3EDE0 !important; }
.as-trigger:hover { background: rgba(232,201,122,.06) !important; border-color: rgba(232,201,122,.12) !important; }
.as-trigger.open { background: rgba(232,201,122,.10) !important; border-color: rgba(232,201,122,.18) !important; }
.as-arrow { color: rgba(232,201,122,.55) !important; }
.top-update-btn { border-color: rgba(232,201,122,.14) !important; color: #F3EDE0 !important; }
.top-update-btn:hover { background: rgba(232,201,122,.06) !important; border-color: rgba(232,201,122,.2) !important; }

/* ===== 右上角合并单面板分组（acct-group）—— 账户切换 + 钱包余额 视觉一体 ===== */
.acct-group {
  display: flex; align-items: stretch;
  background: linear-gradient(165deg, rgba(30,26,18,.90), rgba(17,15,12,.94)) !important;
  border: 1px solid rgba(232,201,122,.28) !important;
  border-radius: 13px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.28), inset 0 1px 0 rgba(245,227,176,.06) !important;
  margin-left: 12px;
}
.acct-group .account-switcher { position: relative; margin-left: 0 !important; display: flex; align-items: center; }
.acct-group .as-trigger {
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 12px 0 0 12px !important;
  padding: 7px 14px 7px 10px !important;
  gap: 9px !important;
}
.acct-group .as-trigger:hover { background: rgba(232,201,122,.05) !important; }
.acct-group .as-trigger.open { background: rgba(232,201,122,.08) !important; }
/* 切换器 → 钱包 之间的柔和分隔线 */
.acct-group .account-switcher::after {
  content: ""; align-self: center;
  width: 1px; height: 26px;
  background: linear-gradient(180deg, transparent, rgba(232,201,122,.22), transparent);
}
/* 钱包徽章：去掉独立白边，融入分组胶囊 */
.acct-group .wallet-chip {
  margin-left: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  align-items: center;
  padding: 7px 12px 7px 10px !important;
  border-left: 1px solid rgba(232,201,122,.14) !important;
}
.acct-group .wallet-chip:hover { background: rgba(232,201,122,.05) !important; }
.acct-group .wallet-chip .wc-refresh {
  background: rgba(232,201,122,.10) !important;
  border-radius: 7px !important;
}
/* —— 钱包排版修复：拉开主数值 / 副标 的行距与数值间距，消除「¥4.8 40,026 钱包/余额 挤作一团」 —— */
.acct-group .wallet-chip .wc-body {
  display: flex; flex-direction: column; justify-content: center;
  gap: 2px;               /* 主数值与副标之间留 2px 呼吸，不再紧贴叠字 */
  min-width: 0;
}
.acct-group .wallet-chip .wc-name {
  display: inline-flex; align-items: baseline; gap: 5px;   /* ¥4.8 与 40,026 数字之间留 gap */
  white-space: nowrap;
  letter-spacing: .2px;
}
.acct-group .wallet-chip .wc-sub {
  white-space: nowrap;
  letter-spacing: .4px;
  color: #9a917c;
}

/* 手机端：分组收窄，只保留徽章 + 余额，隐藏账户切换文案标签 */
@media (max-width: 767px) {
  .acct-group { margin-left: 8px !important; border-radius: 12px !important; }
  .acct-group .as-trigger { padding: 6px 8px 6px 6px !important; gap: 6px !important; }
  .acct-group .wallet-chip { padding: 6px 8px 6px 8px !important; }
  .acct-group .wc-body { display: none !important; }
  .acct-group .as-name, .acct-group .as-sub, .acct-group .as-arrow { display: none !important; }
}

.top-update-btn .tub-ico { background: var(--gold-grad) !important; color: #2a1f0c !important; }
.top-update-btn .tub-txt b { color: #F3EDE0 !important; }
.top-update-btn .tub-txt .tub-ver { color: #9a917c !important; }

/* ===== 体验版横幅 ===== */
#trialBar {
  background: linear-gradient(90deg, rgba(232,201,122,.12), rgba(242,220,160,.05)) !important;
  border: 1px solid rgba(232,201,122,.20) !important;
  color: #ECE5D6 !important;
}
#trialBar .trial-q { background: rgba(232,201,122,.06) !important; border-color: rgba(232,201,122,.14) !important; }
#trialBar .trial-q b { color: #FFF7E6 !important; }
#trialBar .trial-head { background: rgba(242,220,160,.14) !important; border-color: rgba(232,201,122,.3) !important; }
#trialBar .trial-head b { color: #F2DCA0 !important; }
#trialBar .trial-qh { background: rgba(232,201,122,.12) !important; border-color: rgba(232,201,122,.26) !important; color: #F2DCA0 !important; }
#trialBar .trial-ok em { color: #E8C97A !important; }
#trialBar .trial-note { color: #9a917c !important; }
#trialBar .trial-toggle { cursor: pointer !important; background: rgba(232,201,122,.12) !important; border-color: rgba(232,201,122,.3) !important; color: #F2DCA0 !important; }
#trialBar .trial-toggle:hover { background: rgba(232,201,122,.2) !important; }
#trialDetail { background: rgba(232,201,122,.035) !important; border-color: rgba(232,201,122,.13) !important; }
#trialDetail .trial-detail-item { background: rgba(232,201,122,.05) !important; border-color: rgba(232,201,122,.13) !important; color: #b9b09a !important; }
#trialDetail .trial-detail-item b { color: #F2E7CE !important; }
#trialDetail .trial-detail-item.ok em { color: #E8C97A !important; }
#trialDetail .trial-detail-item.zero em { color: #E57373 !important; }

/* ===== 主内容区 ===== */
.acct-bar { color: #c9c2af !important; }
.wallet-chip { border-color: rgba(232,201,122,.2) !important; }

/* ===== 卡片 ===== */
.card {
  background: linear-gradient(165deg, rgba(23,24,30,.92), rgba(12,13,18,.98)) !important;
  border: 1px solid rgba(232,201,122,.16) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(232,201,122,.04) !important;
}
.card:hover {
  border-color: rgba(232,201,122,.36) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.55), 0 0 28px rgba(232,201,122,.10), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.card::before {
  background: linear-gradient(90deg, transparent, rgba(232,201,122,.55), transparent) !important;
}
/* 卡片标题：金色宝石条 + 渐变标题 */
.card h2 {
  color: #F7F1E3 !important;
}
.card h2::before {
  background: var(--gold-grad) !important;
  box-shadow: 0 0 12px rgba(232,201,122,.7) !important;
}
.card h2::after {
  background: linear-gradient(90deg, rgba(232,201,122,.35), transparent) !important;
}
.card h2 svg, .card h2 .h2-ico, .card h2 .tb-ico {
  color: #E8C97A !important;
  filter: drop-shadow(0 0 6px rgba(232,201,122,.4));
}
/* 卡片正文标题里的强调 */
.card h2::first-letter, .wash-case-title { color: #F2DCA0 !important; }
.wash-case-title { color: #F2DCA0 !important; }
.wash-case {
  background: linear-gradient(165deg, rgba(30,28,20,.45), rgba(14,14,18,.5)) !important;
  border: 1px solid rgba(232,201,122,.12) !important;
}

/* ===== 表单 ===== */
.field-label { color: #c9b577 !important; }
textarea, input[type=text], input[type=password], input[type=number], select {
  background: rgba(10,11,15,.85) !important;
  color: #F3EDE0 !important;
  border: 1px solid rgba(232,201,122,.14) !important;
}
textarea::placeholder, input::placeholder { color: #6b675c !important; }
textarea:focus, input:focus, select:focus {
  border-color: #E8C97A !important;
  box-shadow: 0 0 0 3px rgba(232,201,122,.16), 0 0 18px rgba(232,201,122,.14) !important;
}
input[type=range] { accent-color: #E8C97A !important; }
.hint { color: #9a917c !important; }

/* ===== 上传区 ===== */
.dropzone {
  border: 1.5px dashed rgba(200,154,70,.4) !important;
  background: rgba(16,16,20,.5) !important;
}
.dropzone:hover, .dropzone.drag {
  border-color: #E8C97A !important;
  background: rgba(232,201,122,.06) !important;
  box-shadow: 0 0 24px rgba(232,201,122,.12) inset !important;
}
.dz-hint { color: #9a917c !important; }
.file-chip {
  background: rgba(20,20,26,.7) !important;
  border: 1px solid rgba(232,201,122,.14) !important;
  color: #F3EDE0 !important;
}

/* ===== 按钮 ===== */
.btn { color: #F3EDE0 !important; }
.btn.primary {
  background: var(--gold-btn) !important;
  color: #2a1f0c !important;
  box-shadow: 0 8px 26px rgba(200,154,70,.34), inset 0 1px 0 rgba(255,255,255,.4) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn.primary:hover {
  filter: brightness(1.06) !important;
  box-shadow: 0 0 26px rgba(232,201,122,.45), 0 10px 30px rgba(200,154,70,.4) !important;
}
.btn.primary::after {
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent) !important;
}
.btn.danger { background: rgba(255,122,107,.12) !important; color: #FF8A7A !important; border-color: rgba(255,122,107,.3) !important; }
.btn.danger:hover { background: rgba(255,122,107,.2) !important; }
.btn:hover { transform: translateY(-1px); }
.btn:disabled { opacity: .5; }

/* ===== 预设标签 / 徽章 ===== */
.preset-btn {
  background: rgba(20,20,26,.7) !important;
  border: 1px solid rgba(232,201,122,.18) !important;
  color: #bdb48f !important;
}
.preset-btn:hover, .preset-btn.active {
  border-color: #E8C97A !important;
  background: rgba(232,201,122,.16) !important;
  color: #FFF7E6 !important;
  box-shadow: 0 0 14px rgba(232,201,122,.22) !important;
}
.badge.success { background: rgba(217,185,106,.14) !important; color: #E8C97A !important; }
.badge.running { background: rgba(242,220,160,.14) !important; color: #F2DCA0 !important; }
.badge.failed { background: rgba(255,122,107,.14) !important; color: #FF8A7A !important; }
.badge.wallet { background: rgba(232,201,122,.14) !important; color: #F2DCA0 !important; }
.badge.coin { background: rgba(242,220,160,.16) !important; color: #F2DCA0 !important; }

/* ===== 表格 / 记录 ===== */
.record-title { color: #F3EDE0 !important; }
.record-desc { color: #9a917c !important; }
.record-meta { color: #9a917c !important; }
.records-toolbar .btn.small { color: #F3EDE0 !important; }

/* ===== 滚动条（黑金统一体系）=====
   视觉层级：轨道(track)极浅透明 → 滑块(thumb)金渐变+内发光
   交互状态：normal(静置) / hover(悬停加深加宽) / active(拖拽中最醒目最宽)
   范围：全站覆盖 + main/sidebar 重点区 + 横向滚动适配 + 响应式 + Firefox 兼容
   设计变量：滚动条宽度/厚度/金渐变/轨道透明度，统一定义便于后续调整。
======================================================================== */
:root {
  --sb-size: 8px;                       /* 桌面滚动条厚度 */
  --sb-size-hover: 10px;                /* 悬停/拖拽时加宽（触感反馈） */
  --sb-radius: 999px;                   /* 全圆角胶囊 */
  --sb-grad: linear-gradient(180deg, rgba(245,227,176,.85) 0%, rgba(232,201,122,.9) 45%, rgba(199,154,69,.92) 100%); /* 金渐变滑块 */
  --sb-grad-active: linear-gradient(180deg, rgba(248,235,190,1) 0%, rgba(236,210,140,1) 45%, rgba(205,164,78,1) 100%);
  --sb-track: rgba(232,201,122,.045);   /* 轨道底色：极浅、不抢层级 */
  --sb-track-border: rgba(232,201,122,.08);
}

/* —— 滚动条整体尺寸 —— */
*::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); }

/* —— 轨道：极浅、铺满、留出呼吸，不与内容抢视觉 —— */
*::-webkit-scrollbar-track {
  background: var(--sb-track) !important;
  border-radius: var(--sb-radius) !important;
}
/* 侧边栏/主内容的轨道更收敛，避免大面积色块 */
main::-webkit-scrollbar-track,
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-track {
  background: transparent !important;
}

/* —— 滑块：金渐变 + 内发光 + 圆角胶囊 —— */
*::-webkit-scrollbar-thumb {
  background: var(--sb-grad) !important;
  border-radius: var(--sb-radius) !important;
  border: 1px solid rgba(20,18,10,.35) !important;      /* 深色描边，与黑底区隔 */
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14),   /* 顶部高光 */
              0 0 6px rgba(232,201,122,.25) !important; /* 金色柔光 */
  transition: background .18s ease, width .18s ease, box-shadow .18s ease !important;
}

/* —— hover：加深、加宽（transformer 视觉反馈，但不突兀）—— */
*::-webkit-scrollbar-thumb:hover {
  background: var(--sb-grad-active) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 0 10px rgba(232,201,122,.45) !important;
}

/* —— active（按住拖拽中）：最醒目、最宽，给明确"正在操作"的反馈 —— */
*::-webkit-scrollbar-thumb:active {
  background: var(--sb-grad-active) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), 0 0 14px rgba(232,201,122,.6) !important;
}

/* —— 滚动条增宽触感：仅当悬停/拖拽到滚动条上时，把宽度放宽（用 transition 制造平滑增粗）——
   note：WebKit 无法直接 hover 改 ::-webkit-scrollbar 宽度，这里用固定增强值保证 hover/active 足够宽且一致。*/
*::-webkit-scrollbar-thumb { position: relative; }

/* —— 四角收圆、透明 —— */
*::-webkit-scrollbar-corner,
*::-webkit-scrollbar-button {
  background: transparent !important;
  display: none !important;
}

/* —— 横向滚动条高度同步 —— */
*::-webkit-scrollbar { height: var(--sb-size); }

/* —— Firefox 兼容（scrollbar-width/color 需一起设，否则会回退原生粗条）—— */
html, body, *, main, nav.tabs.sidebar, nav.tabs.sidebar .sb-scroll {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(232,201,122,.55) rgba(232,201,122,.05) !important;
}

/* —— 侧边栏滚动条：更收敛、贴黑金（滚动容器为内部 .sb-scroll）—— */
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar { width: var(--sb-size) !important; }
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb {
  background: rgba(232,201,122,.35) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb:hover { background: rgba(232,201,122,.55) !important; }

/* —— 桌面宽屏已够用；平板厚度 = 8（触控仍需清晰）—— */
@media (min-width: 1025px) {
  *::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); }
}

/* —— 平板/触控：加宽一点、热区更大，拖动更跟手 ——
   修复：ui5.css 末尾的 `html,body{overflow:hidden!important}` 以源码顺序压过
   其自身媒体查询里的 `overflow:auto!important`，导致 ≤1024px 时 body 被裁切、
   无法滚动、滚动条消失。此处（skin-gold 最后加载，同 specificity 后胜）恢复整体滚动。 */
@media (max-width: 1024px) {
  html, body { overflow: auto !important; }
  :root { --sb-size: 10px; }
  *::-webkit-scrollbar { width: 10px; height: 10px !important; }
  *::-webkit-scrollbar-thumb { border: 1px solid rgba(20,18,10,.3) !important; }
}

/* —— 移动端（<768px）：滚动条更窄避免遮挡内容，但保触控可用 —— */
@media (max-width: 767px) {
  :root { --sb-size: 7px; }
  *::-webkit-scrollbar { width: 7px; height: 7px !important; }
  /* 触控下 hover 无意义，直接给足亮度 */
  *::-webkit-scrollbar-thumb { background: var(--sb-grad) !important; }
}

/* ===== 主题切换 FAB / 面板 ===== */
.theme-fab { background: rgba(23,24,30,.9) !important; border-color: rgba(232,201,122,.4) !important; }
.theme-fab:hover { box-shadow: 0 0 26px rgba(232,201,122,.7) !important; }
.theme-panel { background: rgba(18,19,24,.98) !important; border-color: rgba(232,201,122,.34) !important; }
.theme-title { color: #c9b577 !important; }
.theme-opt { background: rgba(12,13,17,.75) !important; border: 1px solid rgba(232,201,122,.18) !important; color: #F3EDE0 !important; }

/* ===== 顶部下载 / 各类提示条 ===== */
#keyBanner, #remoteBanner { color: #ECE5D6 !important; }
#keyBanner { background: linear-gradient(90deg, rgba(232,201,122,.14), rgba(255,122,107,.06)) !important; border-color: rgba(232,201,122,.24) !important; }

/* ===== 保留红灯/提示语义色 ===== */
.trial-zero em, .trial-lock em { color: #FF8A7A !important; }
.trial-off em { color: #F2DCA0 !important; }

/* ===== 卖点标签（功能词卖点化 · 黑金徽章）===== */
.sell-tag {
  font-style: normal;
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
  padding: 3px 11px;
  border-radius: 999px;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .6px;
  color: #1f1507 !important;
  background: var(--gold-grad);
  box-shadow: 0 0 12px rgba(232,201,122,.32), inset 0 1px 0 rgba(255,255,255,.4);
  text-shadow: 0 1px 0 rgba(255,255,255,.22);
  line-height: 1.3;
  transform: translateY(-1px);
}
/* 卡片标题徽章与文字的间距 */
.card h2 .sell-tag { margin-right: 2px; }
@media (max-width: 720px) {
  .card h2 .sell-tag { white-space: nowrap; }
}

/* =========================================================
   ═══ 排版重排层 · 卖点驱动的运营台首页 ═══
   —— 顶部价值主张 + 快捷功能卡片 + 侧边栏 NEW/HOT 角标
   —— 仅视觉 + 文案层，不改任何业务逻辑
   ========================================================= */

/* ---- 顶部全局价值主张（居中超大标题）---- */
.page-hero {
  text-align: center;
  padding: 26px 12px 10px;
  margin-bottom: 2px;
  position: relative;
}
.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 12px; letter-spacing: 3px; font-weight: 700;
  color: #b39a5e; text-transform: uppercase;
}
.hero-eyebrow::before, .hero-eyebrow::after {
  content: ""; width: 26px; height: 1px;
  background: linear-gradient(90deg, transparent, #E8C97A);
}
.hero-eyebrow::after { transform: scaleX(-1); }
.hero-title {
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 800; letter-spacing: 1px; line-height: 1.25;
  margin: 12px auto 10px; max-width: 940px;
  background: var(--gold-grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 18px rgba(232,201,122,.20));
}
.hero-sub {
  font-size: 14.5px; color: #9a917c; max-width: 720px;
  margin: 0 auto 18px; line-height: 1.7; letter-spacing: .3px;
}
/* 分段胶囊（视觉装饰）*/
.hero-pills {
  display: inline-flex; gap: 6px; padding: 5px;
  border: 1px solid rgba(232,201,122,.22); border-radius: 999px;
  background: rgba(16,16,22,.6);
  box-shadow: 0 6px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}
.hero-pill {
  padding: 8px 22px; border-radius: 999px; font-size: 13px;
  font-weight: 700; letter-spacing: .6px; color: #9a917c;
  cursor: default; transition: .2s; user-select: none;
}
.hero-pill.active {
  background: var(--gold-grad); color: #1f1507;
  box-shadow: 0 4px 16px rgba(232,201,122,.32), inset 0 1px 0 rgba(255,255,255,.4);
}

/* ---- 链接分析输入区（参考图 · 大标题下粘贴框） ---- */
.link-analyzer {
  max-width: 720px; margin: 4px auto 26px;
  padding: 14px 16px 16px;
  background: linear-gradient(165deg, rgba(23,24,30,.92), rgba(12,13,18,.98));
  border: 1px solid rgba(232,201,122,.18); border-radius: 16px;
  box-shadow: 0 12px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
  text-align: left;
}
.la-tabs {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 4px; margin-bottom: 12px;
  background: rgba(12,13,17,.6); border-radius: 999px;
  border: 1px solid rgba(232,201,122,.14);
}
.la-tab {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 16px; border-radius: 999px;
  font-size: 12.5px; font-weight: 700; letter-spacing: .3px;
  color: #9a917c; border: 1px solid transparent; cursor: default; user-select: none;
}
.la-tab svg { width: 14px; height: 14px; color: #8b8668; }
.la-tab.active {
  background: rgba(232,201,122,.10);
  border-color: rgba(232,201,122,.40);
  color: #F7F1E3;
}
.la-tab.active svg { color: #F2DCA0; }
.la-input {
  position: relative; width: 100%;
}
.la-input input {
  width: 100%; box-sizing: border-box;
  background: rgba(10,11,15,.85); color: #F3EDE0;
  border: 1px solid rgba(232,201,122,.16); border-radius: 11px;
  padding: 13px 16px; font-size: 14px; outline: none;
  transition: border-color .18s, box-shadow .18s;
}
.la-input input::placeholder { color: #6b675c; }
.la-input input:focus {
  border-color: #E8C97A;
  box-shadow: 0 0 0 3px rgba(232,201,122,.14), 0 0 18px rgba(232,201,122,.14);
}
.la-btn {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  display: inline-flex; align-items: center; gap: 5px;
  padding: 8px 18px; border: none; border-radius: 9px; cursor: pointer;
  font-size: 13px; font-weight: 800; color: #2a1f0c;
  background: var(--gold-btn);
  box-shadow: 0 6px 18px rgba(200,154,70,.3), inset 0 1px 0 rgba(255,255,255,.4);
  transition: filter .2s, box-shadow .2s;
}
.la-btn:hover { filter: brightness(1.06); box-shadow: 0 0 22px rgba(232,201,122,.4); }
.la-btn svg { width: 15px; height: 15px; }

/* ---- 快捷功能卡片区 ---- */
.quick-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px; margin: 10px 0 26px;
}
.quick-card {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 9px; padding: 16px 16px 15px; text-align: left;
  background: linear-gradient(165deg, rgba(23,24,30,.90), rgba(12,13,18,.98));
  border: 1px solid rgba(232,201,122,.16); border-radius: 14px;
  color: #F3EDE0; cursor: pointer; position: relative; overflow: hidden;
  font-family: inherit;
  transition: transform .2s, border-color .2s, box-shadow .2s;
}
.quick-card:hover {
  transform: translateY(-3px);
  border-color: rgba(232,201,122,.40);
  box-shadow: 0 14px 34px rgba(0,0,0,.5), 0 0 24px rgba(232,201,122,.14);
}
.quick-card .qc-ico {
  width: 42px; height: 42px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(232,201,122,.12);
  border: 1px solid rgba(232,201,122,.2);
  color: #F2DCA0; flex: 0 0 auto;
}
.quick-card .qc-ico svg { width: 21px; height: 21px; }
.quick-card b { font-size: 14px; font-weight: 700; color: #F7F1E3; letter-spacing: .2px; line-height: 1.3; }
.quick-card small { font-size: 12px; color: #9a917c; line-height: 1.5; }
.quick-card::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(120% 120% at 20% 0%, rgba(232,201,122,.14), transparent 55%);
  opacity: 0; transition: opacity .2s; pointer-events: none;
}
.quick-card:hover::after { opacity: 1; }
@media (max-width: 900px) { .quick-cards { grid-template-columns: repeat(2, minmax(0,1fr)); } }

/* ---- 侧边栏 NEW/HOT 角标 ---- */
.feat-badge {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto; min-width: 20px; height: 17px; padding: 0 4px;
  border-radius: 999px; font-size: 9px; font-weight: 800;
  letter-spacing: .4px; line-height: 1; margin-left: 1px;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  transform: none;
}
.feat-badge.feat-new { background: linear-gradient(135deg,#3ADF8E,#19B96A); color: #04130a; }
.feat-badge.feat-hot { background: linear-gradient(135deg,#FF7A5C,#F0452B); color: #1a0502; }
.feat-badge.feat-gold { background: var(--gold-grad); color: #1f1507; }
/* ===== 侧边栏 快速/慢速 子分组标签（客户参考布局） ===== */
nav.tabs.sidebar .tab-speed-label {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 8px 4px; font-size: 10px; font-weight: 800;
  letter-spacing: 1.2px; text-transform: uppercase;
}
nav.tabs.sidebar .tab-speed-label .tsl-dot {
  width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; margin-right: 2px;
}
nav.tabs.sidebar .tab-speed-label.speed-fast { color: #4BE39A; }
nav.tabs.sidebar .tab-speed-label.speed-fast .tsl-dot { background: #3ADF8E; box-shadow: 0 0 7px rgba(58,223,142,.75); }
nav.tabs.sidebar .tab-speed-label.speed-slow { color: #9FB4C8; }
nav.tabs.sidebar .tab-speed-label.speed-slow .tsl-dot { background: #7C93A9; box-shadow: 0 0 7px rgba(124,147,169,.6); }

/* 数字人子项缩进 */
nav.tabs.sidebar .tab-btn.sub { padding-left: 22px !important; }

/* 快速 / 慢速 功能角标 */
.feat-badge.feat-fast { background: linear-gradient(135deg,#3ADF8E,#19B96A); color: #04130a; }
.feat-badge.feat-slow { background: linear-gradient(135deg,#7C93A9,#596E82); color: #F2F6FA; }

/* 角标存在时微调文字基线 */
nav.tabs.sidebar .tab-btn .tb-txt { letter-spacing: .2px; }

/* =========================================================
   开场动画 · 黑金版
   —— 压制 style.css 的蓝紫 splash（#54A9FF/#40B4F3）
   —— 深黑磨砂底 + 香槟金渐变 logo/标题/loading 点
   ========================================================= */
#splash {
  background: radial-gradient(1100px 620px at 82% -12%, rgba(232,201,122,.12), transparent 60%),
              radial-gradient(1000px 560px at 6% -10%, rgba(226,178,84,.08), transparent 60%),
              #05060a !important;
}
.splash-bg { display: none !important; }
#splash .splash-logo {
  background: var(--gold-grad) !important;
  color: #2a1f0c !important;
  box-shadow: 0 0 70px rgba(232,201,122,.5), inset 0 1px 0 rgba(255,255,255,.4) !important;
  text-shadow: none !important;
}
#splash .splash-title {
  color: #F7F1E3 !important;
  -webkit-text-fill-color: #F7F1E3 !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 14px rgba(232,201,122,.22)) !important;
}
#splash .splash-sub { color: #9a917c !important; }
#splash .splash-loading span {
  background: var(--gold-grad) !important;
  box-shadow: 0 0 10px rgba(232,201,122,.35) !important;
}
#splash .splash-tip { color: #D9B96A !important; }
/* 帮助浮钮（右下角）也随黑金统一：压掉 index.html 内联蓝紫 #6C8CFF→#A05FF0 */
.help-fab {
  background: var(--gold-grad) !important;
  color: #2a1f0c !important;
  box-shadow: 0 8px 24px rgba(232,201,122,.30), 0 6px 18px rgba(0,0,0,.35) !important;
}
.help-fab:hover { background: linear-gradient(135deg,#F7ECCB 0%,#EFD79B 45%,#C89A46 100%) !important; }
.help-fab svg.ico { filter: none !important; }

/* =========================================================
   槽位（slot）组件 · 黑金统一
   —— 压制 style.css/ui5.css 的蓝紫色（#54A9FF/#6C8CFF→#A05FF0）
   —— 背景=深黑磨砂、边框=香槟金、编号/状态=金色体系
   ========================================================= */

/* —— batch-slot 通用批量槽：容器 —— */
.batch-slot {
  background: linear-gradient(165deg, rgba(23,24,30,.90), rgba(12,13,18,.97)) !important;
  border: 1px solid rgba(232,201,122,.16) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.batch-slot:hover {
  border-color: rgba(232,201,122,.40) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.45), 0 0 24px rgba(232,201,122,.14) !important;
  transform: translateY(-1px) !important;
}
/* batch-slot 标题（含编号） */
.batch-slot-head, .batch-slot-head { color: #F3EDE0 !important; }
.slot-num {
  background: linear-gradient(135deg, #F5E3B0 0%, #E8C97A 38%, #C79A45 100%) !important;
  color: #2a1f0c !important;
  box-shadow: 0 0 12px rgba(232,201,122,.28) !important;
  border: 1px solid rgba(232,201,122,.24) !important;
}
.batch-slot .field-label { color: #D9B96A !important; }
.batch-slot textarea.slot-field, .batch-slot .slot-text,
.batch-slot input.slot-field, .batch-slot select.slot-select {
  background: rgba(13,14,19,.72) !important;
  border: 1px solid rgba(232,201,122,.18) !important;
  color: #F3EDE0 !important;
}
.batch-slot textarea.slot-field:focus, .batch-slot input.slot-field:focus, .batch-slot select.slot-select:focus {
  border-color: #E8C97A !important;
  box-shadow: 0 0 0 3px rgba(232,201,122,.16) !important;
}
.batch-slot textarea.slot-field::placeholder, .batch-slot .slot-text::placeholder,
.batch-slot input.slot-field::placeholder { color: #9a917c !important; }

/* —— 文件选择框 —— */
.slot-file-pick {
  background: rgba(13,14,19,.64) !important;
  border: 1.5px dashed rgba(232,201,122,.30) !important;
}
.slot-file-pick:hover {
  border-color: #E8C97A !important;
  background: rgba(232,201,122,.10) !important;
  box-shadow: 0 0 16px rgba(232,201,122,.14) !important;
}
.sfp-text { color: #F3EDE0 !important; }
.sfp-name { color: #9a917c !important; }
.sfp-name.has { color: #D9B96A !important; }

/* —— 参考素材磁贴 —— */
.slot-ref-tile, .srt-body, .slot-ref-grid {
  background: rgba(13,14,19,.70) !important;
  border: 1px solid rgba(232,201,122,.16) !important;
  color: #F3EDE0 !important;
}
.slot-ref-tile:hover { border-color: rgba(232,201,122,.40) !important; box-shadow: 0 0 16px rgba(232,201,122,.14) !important; }
.srt-label, .srt-add { color: #D9B96A !important; }

/* —— 勾选模式卡 —— */
.slot-check-wrap.slot-check-top {
  background: rgba(232,201,122,.10) !important;
  border: 1px solid rgba(232,201,122,.24) !important;
  color: #F3EDE0 !important;
}
.slot-check-wrap.slot-check-top:hover { background: rgba(232,201,122,.16) !important; border-color: rgba(232,201,122,.44) !important; }
.slot-check-wrap.slot-check-top .slot-check-label { color: #F3EDE0 !important; }
.slot-check-wrap.slot-check-top input:checked ~ .slot-check-label { color: #E8C97A !important; }
.slot-check-box { background: rgba(13,14,19,.74) !important; border: 2px solid rgba(232,201,122,.36) !important; }
.slot-check-wrap input:checked + .slot-check-box { background: linear-gradient(135deg,#F5E3B0,#E8C97A) !important; }

/* —— 状态徽章（idle/running/success/failed/skip）—— */
.slot-status.idle { background: rgba(154,145,124,.16) !important; color: #c8c0ad !important; border: 1px solid rgba(154,145,124,.30) !important; }
.slot-status.running { background: rgba(242,220,160,.16) !important; color: #F2DCA0 !important; border: 1px solid rgba(242,220,160,.40) !important; animation: vtPulse 1.2s ease-in-out infinite !important; }
.slot-status.success { background: rgba(217,185,106,.16) !important; color: #D9B96A !important; border: 1px solid rgba(217,185,106,.42) !important; }
.slot-status.failed { background: rgba(255,122,107,.16) !important; color: #FF7A6B !important; border: 1px solid rgba(255,122,107,.42) !important; }
.slot-status.skip { background: rgba(154,145,124,.14) !important; color: #9a917c !important; border: 1px solid rgba(154,145,124,.28) !important; }

/* —— 单独生成按钮：金渐变色次按钮 —— */
.batch-slot .slot-run {
  background: linear-gradient(135deg, rgba(232,201,122,.16), rgba(199,154,70,.22)) !important;
  border: 1px solid rgba(232,201,122,.34) !important;
  color: #F2DCA0 !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  backdrop-filter: blur(6px) !important;
}
.batch-slot .slot-run:hover {
  background: linear-gradient(135deg, rgba(232,201,122,.28), rgba(199,154,70,.34)) !important;
  border-color: rgba(232,201,122,.56) !important;
  color: #F7F1E3 !important;
  box-shadow: 0 8px 22px rgba(232,201,122,.22) !important;
  transform: translateY(-1px) !important;
}
.batch-slot .slot-run:disabled { opacity:.55 !important; cursor:not-allowed !important; }

/* —— vt-slot 视频文案批量槽 —— */
.vt-slot {
  background: linear-gradient(165deg, rgba(23,24,30,.90), rgba(12,13,18,.97)) !important;
  border: 1px solid rgba(232,201,122,.16) !important;
}
.vt-slot:hover { border-color: rgba(232,201,122,.40) !important; box-shadow: 0 12px 34px rgba(0,0,0,.45), 0 0 24px rgba(232,201,122,.14) !important; }
.vt-num {
  background: linear-gradient(135deg, #F5E3B0 0%, #E8C97A 38%, #C79A45 100%) !important;
  color: #2a1f0c !important;
  box-shadow: 0 0 12px rgba(232,201,122,.28) !important;
  border: 1px solid rgba(232,201,122,.24) !important;
}
.vt-platform { color: #D9B96A !important; background: rgba(232,201,122,.10) !important; border: 1px solid rgba(232,201,122,.26) !important; }
.vt-url {
  background: rgba(13,14,19,.72) !important;
  border: 1px solid rgba(232,201,122,.18) !important;
  color: #F3EDE0 !important;
}
.vt-url:focus { border-color: #E8C97A !important; box-shadow: 0 0 0 3px rgba(232,201,122,.16) !important; }
.vt-bar { background: rgba(232,201,122,.14) !important; }
.vt-bar i { background: linear-gradient(90deg,#F5E3B0,#E8C97A,#C79A45) !important; }
.vt-video video { border: 1px solid rgba(232,201,122,.20) !important; }
.vt-text textarea { background: rgba(13,14,19,.72) !important; border: 1px solid rgba(232,201,122,.18) !important; color: #F3EDE0 !important; }
.vt-text textarea:focus { border-color: #E8C97A !important; }
/* vt 状态徽章 */
.vt-status.idle { background: rgba(154,145,124,.16) !important; color: #c8c0ad !important; border: 1px solid rgba(154,145,124,.30) !important; }
.vt-status.downloading { background: rgba(232,201,122,.16) !important; color: #F2DCA0 !important; border: 1px solid rgba(232,201,122,.40) !important; animation: vtPulse 1.2s ease-in-out infinite !important; }
.vt-status.running { background: rgba(242,220,160,.16) !important; color: #F2DCA0 !important; border: 1px solid rgba(242,220,160,.40) !important; animation: vtPulse 1.2s ease-in-out infinite !important; }
.vt-status.success { background: rgba(217,185,106,.16) !important; color: #D9B96A !important; border: 1px solid rgba(217,185,106,.42) !important; }
.vt-status.failed { background: rgba(255,122,107,.16) !important; color: #FF7A6B !important; border: 1px solid rgba(255,122,107,.42) !important; }
/* vt 按钮 */
.vt-fetch { background: linear-gradient(135deg,#F2DCA0 0%,#E8C97A 42%,#C89A46 100%) !important; color: #2a1f0c !important; box-shadow: 0 4px 16px rgba(232,201,122,.30) !important; }
.vt-fetch:hover { filter: brightness(1.06) !important; }
.vt-transcribe, .vt-copy { background: rgba(232,201,122,.12) !important; color: #D9B96A !important; border: 1px solid rgba(232,201,122,.30) !important; }
.vt-transcribe:hover, .vt-copy:hover { background: rgba(232,201,122,.22) !important; }

/* —— img-batch-slot 图片批量槽 —— */
.img-batch-slot {
  background: linear-gradient(170deg, rgba(23,24,30,.90), rgba(12,13,18,.97)) !important;
  border: 1px solid rgba(232,201,122,.16) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.img-batch-slot:hover { border-color: rgba(232,201,122,.40) !important; box-shadow: 0 16px 40px rgba(0,0,0,.45), 0 0 22px rgba(232,201,122,.14) !important; }
.img-batch-slot .img-batch-img { box-shadow: 0 8px 24px rgba(0,0,0,.4) !important; }
.img-batch-status { color: #9a917c !important; }
.img-batch-bar {
  background: linear-gradient(135deg, rgba(232,201,122,.12), rgba(199,154,70,.06)) !important;
  border: 1px solid rgba(232,201,122,.28) !important;
}
.img-batch-bar .img-batch-count { color: #D9B96A !important; }

/* =========================================================
   全局过渡层 / 加载遮罩 · 黑金版
   —— 切换账户整页刷新时的过渡遮罩 + spinner，压掉蓝紫
   ========================================================= */
.global-loading {
  background: radial-gradient(1100px 620px at 50% 16%, rgba(232,201,122,.10), transparent 60%), rgba(5,6,10,.72) !important;
  backdrop-filter: blur(4px) !important;
}
.global-loading .spinner {
  width: 40px; height: 40px;
  border: 3px solid rgba(232,201,122,.18) !important;
  border-top-color: #E8C97A !important;
  box-shadow: 0 0 18px rgba(232,201,122,.30) !important;
  animation: spin .8s linear infinite !important;
}

/* =========================================================
   钱包组件 · 黑金统一
   —— 覆盖「当前账户」信息条 + 右上角钱包徽章 + 余额明细弹窗
   —— 压制 style.css/ui5.css 的三套蓝紫定义（#54A9FF/#8b5cf6/#6C8CFF）
   ========================================================= */

/* —— 当前账户信息条（acct-bar）—— */
/* 用 #acctBar.acct-bar(1,1,0) 压过 ui5.css L958 的蓝紫渐变（同为 !important，specificity 高者胜） */
#acctBar.acct-bar {
  background: linear-gradient(165deg, rgba(23,24,30,.90), rgba(12,13,18,.97)) !important;
  border: 1px solid rgba(232,201,122,.18) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03) !important;
  color: #c9c2af !important;
}
/* —— acct-bar 现在插入到 main 内容顶部（随页面滚动），需让出左侧固定侧边栏，
      并去掉之前被推下视口时的顶部空隙；窄视口下改为可靠的全宽流式提示条 —— */
#acctBar.acct-bar {
  margin: 0 0 14px !important;
}
@media (min-width: 1025px) {
  #acctBar.acct-bar {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 1024px) {
  #acctBar.acct-bar {
    margin: 0 0 12px !important;
    flex-wrap: wrap !important;
  }
}
#acctBar.acct-bar b { color: #FFF7E6 !important; }
/* 账户状态脉冲点：蓝紫 → 香槟金 */
#acctBar.acct-bar .acct-dot {
  background: linear-gradient(135deg, #F5E3B0 0%, #E8C97A 38%, #C79A45 100%) !important;
  box-shadow: 0 0 10px rgba(232,201,122,.80) !important;
  animation: dotPulse2 1.2s ease-in-out infinite !important;
}
#acctBar.acct-bar .acct-hint { color: #9a917c !important; }
#acctBar.acct-bar .acct-txt { color: #E6DEB8 !important; }
/* —— v2 排版：左「当前账户 + 切换提示」、右「钱包徽章」，两端对齐撑满整行 —— */
#acctBar.acct-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 5px 14px !important;   /* 条高刚好包裹 40px 钱包胶囊，上下留白协调 */
  min-height: 50px !important;
  box-sizing: border-box !important;
}
#acctBar.acct-bar .acct-left { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
#acctBar.acct-bar .acct-hint { font-style: normal; white-space: nowrap; margin-left: 6px; font-size: 12px; }
#acctBar.acct-bar .acct-right { display: inline-flex; align-items: center; flex-shrink: 0; }
/* 信息条内钱包徽章：单行紧凑 —— 隐藏重复的 wc-icon（wc-name 已含钱包小图标）与副标「钱包/余额」 */
#acctBar .wallet-chip .wc-icon { display: none !important; }
#acctBar .wallet-chip .wc-sub { display: none !important; }
#acctBar .wallet-chip .wc-body { display: inline-flex !important; flex-direction: row !important; align-items: baseline !important; }
/* 【用户要求 2026-08-30】信息条内钱包去掉胶囊外壳：透明背景、无边框无阴影、无独立内边距，
   只保留「钱包小图标 + ¥金额 + 金币 40,026 + ⟳ 刷新」的裸文字行，与左侧账户文字同处一条内 */
#acctBar .wallet-chip {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  gap: 7px !important;
}
#acctBar .wallet-chip:hover { background: transparent !important; border: none !important; box-shadow: none !important; transform: none !important; }
#acctBar .wallet-chip.ok, #acctBar .wallet-chip.error { border: none !important; }
#acctBar .wallet-chip .wc-refresh { background: transparent !important; }

/* 余额包装：黑金胶囊 */
#acctBar.acct-bar .acct-bal {
  background: rgba(232,201,122,.08) !important;
  border: 1px solid rgba(232,201,122,.22) !important;
  border-radius: 10px !important;
}
/* 余额数值：金色高亮（压过 style.css L3278 / L3004 的 #f0f0f5 / #e6e6f0） */
#acctBar.acct-bar .acct-bal em, .acct-bal em, .wc-name em {
  color: #F2DCA0 !important;
  font-weight: 700 !important;
  font-style: normal;
  -webkit-text-fill-color: #F2DCA0 !important;
}
/* 信息条刷新钮：黑金 */
#acctBar.acct-bar .acct-bal .ab-refresh, .acct-bal .ab-refresh {
  border: none !important;
  background: rgba(232,201,122,.14) !important;
  color: #F2DCA0 !important;
}
#acctBar.acct-bar .acct-bal .ab-refresh:hover, .acct-bal .ab-refresh:hover { background: rgba(232,201,122,.30) !important; color: #FFF7E6 !important; }

/* —— 右上角钱包徽章（wallet-chip）—— 与账户切换器统一黑金语言 */
.wallet-chip {
  background: linear-gradient(165deg, rgba(30,26,18,.90), rgba(17,15,12,.94)) !important;
  border: 1px solid rgba(232,201,122,.30) !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.28), inset 0 1px 0 rgba(245,227,176,.06) !important;
}
.wallet-chip:hover {
  border-color: rgba(232,201,122,.58) !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.34), inset 0 1px 0 rgba(245,227,176,.08) !important;
}
.wallet-chip.ok { border-color: rgba(217,185,106,.42) !important; }
/* 错误态：弱化为不刺眼的琥珀警示，避免大面积橙红攻击性 */
.wallet-chip.error { border-color: rgba(255,145,120,.38) !important; }
/* 钱包图标：干净的纯金，去掉外发光 drop-shadow */
.wallet-chip .wc-icon {
  color: #F2DCA0 !important;
  filter: none !important;
}
.wallet-chip .wc-icon svg { color: #F2DCA0 !important; }
/* 钱包数值/副标：<em>/<i> 标签默认斜体，用户要求正体（font-style:normal） */
.wc-name { color: #FFF7E6 !important; font-style: normal !important; }
.wc-sub { color: #9a917c !important; font-style: normal !important; }
/* 徽章刷新钮：黑金（与账户切换器 dot 同源） */
.wc-refresh {
  border: none !important;
  background: rgba(232,201,122,.12) !important;
  color: #F2DCA0 !important;
}
.wc-refresh:hover { background: rgba(232,201,122,.26) !important; color: #FFF7E6 !important; }

/* —— 余额明细弹窗（wc-pop）—— 阴影收窄，去掉金色光晕 */
.wc-pop {
  background: linear-gradient(165deg, rgba(24,22,17,.98), rgba(14,13,11,.99)) !important;
  border: 1px solid rgba(232,201,122,.26) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(232,201,122,.05) !important;
}
.wc-pop-title {
  color: #E8C97A !important;
  border-bottom-color: rgba(232,201,122,.16) !important;
}
.wc-acc {
  background: rgba(232,201,122,.06) !important;
  border: 1px solid rgba(232,201,122,.14) !important;
}
.wc-acc-name { color: #EDE6D6 !important; }
/* 当前账户高亮 + "当前"标签 */
.wc-acc.cur { background: rgba(232,201,122,.14) !important; border-color: rgba(232,201,122,.34) !important; }
.wc-acc.cur .wc-acc-name { color: #FFF7E6 !important; font-weight: 600 !important; }
.wc-cur {
  font-style: normal !important; font-size: 10px !important; font-weight: 700 !important;
  color: #2a1f0c !important; background: var(--gold-grad) !important;
  padding: 1px 6px !important; border-radius: 999px !important; margin-left: 6px !important;
  vertical-align: middle !important;
}
.wc-acc-v {
  color: #F2DCA0 !important;
  font-weight: 700 !important;
}
.wc-pop-hint { color: #9a917c !important; }
/* 余额内图标：统一为金色系，去掉橙/蓝紫杂色 */
.wallet-chip .wico { color: #E8C97A !important; }
.wallet-chip .wico-wallet { color: #F2DCA0 !important; }
.wallet-chip .wico-coins { color: #D4AF6A !important; }

/* 提示条：退一步的暗描边，不再与钱包争抢视觉焦点 */
#acctBar.acct-bar {
  background: rgba(18,17,13,.72) !important;
  border: 1px solid rgba(232,201,122,.14) !important;
  color: #c9c2af !important;
  box-shadow: none !important;
}
#acctBar.acct-bar .acct-hint { color: #8f8875 !important; }