/* =========================================================================
   DaNiu-AI 短视频系统 — 完整主题覆写 v3
   浅色: 灰色大底 + 深灰侧栏 + 纯白卡片 + 闲鱼黄标题栏
   深色: 青黑光感底 + 亮灰字 + 闲鱼黄不变 (R<G≈B, 三级亮度递进)
   核心色: 闲鱼黄 #FFC107 | 特殊点缀: 青绿 #26C6DA
   ========================================================================= */
/* === 0. :root 硬兜底 === */
:root {
  --theme-brand: #FFC107 !important;
  --theme-brand-strong: #FFB300 !important;
}
/* ======================================================================
   0. 全局字体 — macOS 风格柔和圆润
   ====================================================================== */
* {
  font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei",
               "Noto Sans CJK SC", "Helvetica Neue", Helvetica, Arial,
               sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}
/* 增强: html/body 级别字体确保所有层级覆盖 */
html, body {
  font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei",
               "Noto Sans CJK SC", "Helvetica Neue", Helvetica, Arial,
               sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}
/* ======================================================================
   1. 浅色模式 — 灰色大底 + 深灰侧栏 + 纯白卡片 + 闲鱼黄标题
   ====================================================================== */
:root,
html[data-theme="soft-light"],
html[data-theme="dainiu"],
body[data-theme="soft-light"],
body[data-theme="dainiu"] {
  /* === 背景 === */
  --theme-app-bg:            #E8E8EC !important;
  --theme-app-bg-top:        #ECECF0 !important;
  --theme-page-shell:        #E8E8EC !important;
  --theme-panel-bg:          #FFFFFF !important;
  --theme-panel-bg-strong:   #FFFFFF !important;
  --theme-panel-bg-muted:    #FFFFFF !important;
  --theme-panel-overlay:     rgba(255, 255, 255, .94) !important;
  /* === 边框 === */
  --theme-border:            rgba(255, 193, 7, .22) !important;
  --theme-border-strong:     rgba(255, 179, 0, .35) !important;
  /* === 文字 === */
  --theme-text-primary:      #1a1a1a !important;
  --theme-text-secondary:    #5c5c5c !important;
  --theme-text-muted:        #999999 !important;
  /* === 品牌色 — 闲鱼黄 === */
  --theme-brand:             #FFC107 !important;
  --theme-brand-strong:      #FFB300 !important;
  --theme-brand-soft:        rgba(255, 193, 7, .12) !important;
  /* accent-blue 变量（main.css 大量引用，映射到闲鱼黄） */
  --theme-accent-blue:       #FFC107 !important;
  --theme-accent-blue-strong:#FFB300 !important;
  --theme-accent-blue-soft:  rgba(255, 193, 7, .12) !important;
  /* === 阴影 === */
  --theme-shadow-soft:       0 8px 24px rgba(0,0,0, .06) !important;
  --theme-shadow-card:       0 12px 36px rgba(0,0,0, .08) !important;
  /* === 开关组 === */
  --theme-switch-bg:             #FFFFFF !important;
  --theme-switch-border:         rgba(255, 193, 7, .18) !important;
  --theme-switch-shadow:         0 6px 18px rgba(0,0,0, .04) !important;
  --theme-switch-text:           rgba(92, 92, 92, .80) !important;
  --theme-switch-text-hover:     #1a1a1a !important;
  --theme-switch-active-bg:      #FFC107 !important;
  --theme-switch-active-text:    #1a1a1a !important;
  --theme-switch-active-shadow:  0 6px 20px rgba(255, 193, 7, .30) !important;
}
/* ======================================================================
   2. 深色模式 — 青黑光感底 + 亮灰字 + 闲鱼黄不变
   ====================================================================== */
html[data-theme="dark"],
body[data-theme="dark"] {
  --theme-app-bg:            #182626 !important;
  --theme-app-bg-top:        #1c2c2c !important;
  --theme-page-shell:        #182626 !important;
  --theme-panel-bg:          rgba(30, 46, 46, .85) !important;
  --theme-panel-bg-strong:   rgba(38, 50, 50, .90) !important;
  --theme-panel-bg-muted:    rgba(255,255,255, .03) !important;
  --theme-panel-overlay:     rgba(22, 34, 34, .88) !important;
  --theme-border:            rgba(255, 193, 7, .12) !important;
  --theme-border-strong:     rgba(255, 193, 7, .22) !important;
  /* 亮灰字 — 不刺眼 */
  --theme-text-primary:      #D5D9E0 !important;
  --theme-text-secondary:    #9AA0B0 !important;
  --theme-text-muted:        #6B7185 !important;
  /* 闲鱼黄不变 */
  --theme-brand:             #FFC107 !important;
  --theme-brand-strong:      #FFB300 !important;
  --theme-brand-soft:        rgba(255, 193, 7, .14) !important;
  /* accent-blue → 闲鱼黄 (深色) */
  --theme-accent-blue:       #FFC107 !important;
  --theme-accent-blue-strong:#FFB300 !important;
  --theme-accent-blue-soft:  rgba(255, 193, 7, .14) !important;
  --theme-shadow-soft:       0 12px 32px rgba(0,0,0, .35) !important;
  --theme-shadow-card:       0 18px 48px rgba(0,0,0, .45) !important;
  --theme-switch-bg:             rgba(38, 50, 50, .80) !important;
  --theme-switch-border:         rgba(255, 193, 7, .10) !important;
  --theme-switch-shadow:         0 10px 28px rgba(0,0,0, .35) !important;
  --theme-switch-text:           rgba(154, 160, 176, .74) !important;
  --theme-switch-text-hover:     #D5D9E0 !important;
  --theme-switch-active-bg:      #FFC107 !important;
  --theme-switch-active-text:    #1a1a1a !important;
  --theme-switch-active-shadow:  0 8px 22px rgba(255, 193, 7, .25) !important;
}
/* ======================================================================
   3. 浅色 — 侧边栏 深灰色调
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .page-nav-container,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .page-nav-container,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="sidebar"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="sidebar"],
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="sider"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="sider"] {
  background: #2D2D30 !important;
}
/* 侧边栏菜单项 — 默认浅灰底深灰字 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .page-nav-item,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .page-nav-item {
  color: #9A9A9E !important;
  background: transparent !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .page-nav-item:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .page-nav-item:hover {
  background: rgba(255, 193, 7, .10) !important;
  color: #FFC107 !important;
}
/* 侧边栏菜单项 — 激活态：闲鱼黄底 + 纯黑字 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .page-nav-item.active,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .page-nav-item.active,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-menu-item.arco-menu-selected,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-menu-item.arco-menu-selected {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
}
/* QuickUse页面 section-card-header — 浅色闲鱼黄 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-stage .section-card-header,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-stage .section-card-header {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-bottom: none !important;
  min-height: 22px !important;
  padding: 2px 8px !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-stage .section-card-header *,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-stage .section-card-header * {
  color: #1a1a1a !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .section-card-header {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-bottom: none !important;
  min-height: 22px !important;
  padding: 2px 8px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .section-card-header * {
  color: #1a1a1a !important;
}
/* ======================================================================
/* 侧边栏激活态 — 图标也改为黑色（与文字统一） */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .page-nav-item.active .iconfont,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .page-nav-item.active .iconfont,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .page-nav-item.active .arco-icon,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .page-nav-item.active .arco-icon,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .page-nav-item.active svg,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .page-nav-item.active svg {
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
}
/* QuickUse 侧边栏 — 白底 + 精致步骤项 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar {
  background: #FFFFFF !important;
  zoom: 1 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar *,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar * {
  background: transparent !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-icon,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-icon {
  width: 22px !important;
  height: 22px !important;
  font-size: 11px !important;
  border-radius: 50% !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-wait .arco-steps-icon,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-wait .arco-steps-icon {
  background: #f0f0f0 !important;
  color: #999 !important;
  border: 1.5px solid #ddd !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-active .arco-steps-icon,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-active .arco-steps-icon,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-finish .arco-steps-icon,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-finish .arco-steps-icon {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border: 1.5px solid #FFB300 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-title,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #5c5c5c !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-description,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-description {
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #999 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-active .arco-steps-item-title,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-active .arco-steps-item-title,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-finish .arco-steps-item-title,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-finish .arco-steps-item-title {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-tail::after,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-tail::after {
  background-color: #e0e0e0 !important;
  width: 1.5px !important;
}
/* 浅色模式 卡片式步骤 — 与深色统一卡片风格 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item {
  background: #FFFFFF !important;
  border: 1px solid #e8e8ec !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  margin: 3px 0 !important;
  transition: border-color .2s, background .2s, box-shadow .2s !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item:hover {
  border-color: #FFC107 !important;
  box-shadow: 0 2px 8px rgba(255,193,7,.12) !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-active,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-active,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-finish,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-finish {
  border-color: #FFC107 !important;
  box-shadow: 0 2px 8px rgba(255,193,7,.15) !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-active:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-active:hover,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-sidebar .arco-steps-item-finish:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-sidebar .arco-steps-item-finish:hover {
  box-shadow: 0 4px 12px rgba(255,193,7,.20) !important;
}
/* QuickUse 侧边栏 — 深色模式 卡片式步骤 (hover/click 文字始终可见) */
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar {
  background: #1a2230 !important;
  zoom: 1 !important;
  padding: 10px 8px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar * {
  background: transparent !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item {
  background: rgba(24,38,50,.75) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  margin: 3px 0 !important;
  transition: border-color .2s, background .2s !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item:hover {
  border-color: rgba(255,193,7,.2) !important;
  background: rgba(30,46,55,.85) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-active,
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-finish {
  border-color: rgba(255,193,7,.40) !important;
  background: rgba(255,193,7,.07) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-active:hover,
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-finish:hover {
  border-color: rgba(255,193,7,.55) !important;
  background: rgba(255,193,7,.10) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-icon {
  width: 22px !important;
  height: 22px !important;
  font-size: 11px !important;
  border-radius: 50% !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-wait .arco-steps-icon {
  background: rgba(255,255,255,.08) !important;
  color: #666 !important;
  border: 1.5px solid rgba(255,255,255,.12) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-active .arco-steps-icon,
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-finish .arco-steps-icon {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border: 1.5px solid #FFB300 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #a0a8b4 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-description {
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #5a6677 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-active .arco-steps-item-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-finish .arco-steps-item-title {
  color: #FFC107 !important;
  font-weight: 600 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar .arco-steps-item-tail::after {
  background-color: rgba(255,255,255,.1) !important;
  width: 1.5px !important;
}
   4. 浅色 — 编号卡片 (①②③④⑤⑥⑦) 标题栏 = 闲鱼黄纯色
   关键类: section-card-header
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .video-ip-agent-shell .section-card-header,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .video-ip-agent-shell .section-card-header {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-bottom: none !important;
  min-height: 22px !important;
  padding: 2px 8px !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .video-ip-agent-shell .section-card-header *,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .video-ip-agent-shell .section-card-header * {
  color: #1a1a1a !important;
}
/* 编号徽章 — 白底 + 纯黑字圆圈（与标题统一黑色字体） */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .video-ip-agent-shell .section-card-header [class*="rounded-full"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .video-ip-agent-shell .section-card-header [class*="rounded-full"],
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .quick-use-stage .section-card-header [class*="rounded-full"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .quick-use-stage .section-card-header [class*="rounded-full"] {
  background: #FFFFFF !important;
  color: #1a1a1a !important;
  border: 1.5px solid rgba(0,0,0, .12) !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 11px !important;
}
/* 卡片整体边框 — 橙黄高亮 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .video-ip-agent-shell [class*="grid"] > div,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .video-ip-agent-shell [class*="grid"] > div,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .section-card-body,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .section-card-body {
  border: 1.5px solid rgba(255, 193, 7, .35) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
/* 卡片展开弹窗标题栏 — 也是闲鱼黄 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .module-popup-card--popup > [class*="header"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .module-popup-card--popup > [class*="header"] {
  background: #FFC107 !important;
  color: #1a1a1a !important;
}
/* ======================================================================
   5. 浅色 — 通用卡片 (arco-card, home-card, glass-card)
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-card,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-card,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .home-card,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .home-card,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .glass-card,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .glass-card {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(255, 193, 7, .25) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 24px rgba(0,0,0, .04) !important;
}
/* 通用卡片标题栏 — 闲鱼黄 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-card-header,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-card-header,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .home-card > :first-child:is(h1,h2,h3,h4,h5,h6,div[class*="title"],div[class*="header"]),
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .home-card > :first-child:is(h1,h2,h3,h4,h5,h6,div[class*="title"],div[class*="header"]) {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-bottom: none !important;
  padding: 12px 18px !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-card-header *,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-card-header * {
  color: #1a1a1a !important;
}
/* hover */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-card:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-card:hover {
  border-color: rgba(255, 193, 7, .45) !important;
  box-shadow: 0 10px 32px rgba(255, 193, 7, .08), 0 4px 12px rgba(0,0,0, .04) !important;
}
/* ======================================================================
   6. 浅色 — 按钮 (核心交互)
   激活 = 黄底黑字 | 默认 = 浅灰底深灰字
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-btn-primary,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-btn-primary,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-btn--primary,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-btn--primary {
  background: #FFC107 !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  transition: all .2s !important;
  box-shadow: 0 3px 12px rgba(255, 193, 7, .30) !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-btn-primary:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-btn-primary:hover {
  background: #FFB300 !important;
  box-shadow: 0 5px 18px rgba(255, 193, 7, .40) !important;
  transform: translateY(-1px) !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-btn-primary:active,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-btn-primary:active {
  transform: translateY(1px) !important;
  filter: brightness(.93) !important;
}
/* 次要按钮 — 浅灰底 + 深灰字 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-btn-secondary,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-btn-secondary {
  background: #FFFFFF !important;
  border: 1px solid rgba(0,0,0, .08) !important;
  color: #5c5c5c !important;
  border-radius: 10px !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-btn-secondary:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-btn-secondary:hover {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-color: #FFC107 !important;
}
/* 文本按钮 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-btn-text,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-btn-text {
  color: #5c5c5c !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-btn-text:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-btn-text:hover {
  color: #1a1a1a !important;
  background: rgba(255, 193, 7, .12) !important;
}
/* ======================================================================
   7. 浅色 — 输入框 & 下拉框
   默认: 纯白底 + 灰提示 | 聚焦: 黄色边框 + 黑字
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-input,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-input,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-input-wrapper input,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-input-wrapper input,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) textarea,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) textarea {
  background: #FFFFFF !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(0,0,0, .10) !important;
  border-radius: 8px !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) input::placeholder,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) input::placeholder,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) textarea::placeholder,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) textarea::placeholder {
  color: #999999 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-input-wrapper:focus-within,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-input-wrapper:focus-within,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-input:focus,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-input:focus,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-select-view:focus,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-select-view:focus {
  border-color: #FFC107 !important;
  box-shadow: 0 0 0 3px rgba(255, 193, 7, .15) !important;
}
/* 下拉框 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-select-view,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-select-view {
  background: #FFFFFF !important;
  border: 1px solid rgba(0,0,0, .08) !important;
  color: #5c5c5c !important;
  border-radius: 8px !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-select-view:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-select-view:hover {
  border-color: #FFC107 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-select-popup-option.arco-select-popup-option-active,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-select-popup-option.arco-select-popup-option-active {
  background: #FFC107 !important;
  color: #1a1a1a !important;
}
/* ======================================================================
   8. 浅色 — Tabs / Switch / 分页 / 进度条 → 闲鱼黄
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-tabs-tab-active,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-tabs-tab-active {
  color: #FFC107 !important;
  font-weight: 600 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-tabs-tab-active::after,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-tabs-tab-active::after {
  background: #FFC107 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-tabs-tab:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-tabs-tab:hover {
  color: #FFB300 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-switch-checked,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-switch-checked {
  background: #FFC107 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-pagination-item-active,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-pagination-item-active {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border: none !important;
  font-weight: 600 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-progress-bar,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-progress-bar {
  background: #FFC107 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-spin-icon,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-spin-icon {
  color: #FFC107 !important;
}
/* ======================================================================
   9. 浅色 — 链接
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) a,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) a {
  color: #FFB300 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) a:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) a:hover {
  color: #1a1a1a !important;
}
/* ======================================================================
   10. 浅色 — 标签 / Badge / 通知
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-tag-red,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-tag-red,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-tag-orangered,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-tag-orangered,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-tag-orange,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-tag-orange {
  background: rgba(255, 193, 7, .15) !important;
  color: #B8860B !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-badge-status-dot-processing,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-badge-status-dot-processing {
  background: #FFC107 !important;
}
/* ======================================================================
   11. 浅色 — 顶部条
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="header"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="header"],
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="navbar"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="navbar"],
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="topbar"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="topbar"] {
  background: #FFFFFF !important;
  border-bottom: 1px solid rgba(255, 193, 7, .12) !important;
}
/* ======================================================================
   12. 浅色 — 弹窗/模态框
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-modal-content,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-modal-content {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(255, 193, 7, .15) !important;
  border-radius: 14px !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-modal-header,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-modal-header {
  background: #FFC107 !important;
  color: #1a1a1a !important;
}
/* ======================================================================
   13. 浅色 — 登录页
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .login-container,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .login-container {
  background: #E8E8EC !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .login-card,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .login-card {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(255, 193, 7, .20) !important;
  box-shadow: 0 20px 60px rgba(255, 193, 7, .08), 0 6px 20px rgba(0,0,0, .04) !important;
  border-radius: 18px !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .login-submit,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .login-submit {
  background: #FFC107 !important;
  border: none !important;
  border-radius: 10px !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 20px rgba(255, 193, 7, .30) !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .login-submit:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .login-submit:hover {
  background: #FFB300 !important;
  box-shadow: 0 12px 28px rgba(255, 193, 7, .40) !important;
  transform: translateY(-1px) !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .login-forgot:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .login-forgot:hover,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .login-footer a,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .login-footer a {
  color: #FFB300 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .login-tabs button.is-active,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .login-tabs button.is-active {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .login-tabs button.is-active::after,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .login-tabs button.is-active::after {
  background: #FFC107 !important;
}
/* ======================================================================
   14. 深色 — 侧边栏 深色底
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .page-nav-container,
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="sidebar"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="sider"] {
  background: #121e1e !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .page-nav-item {
  color: #7B8398 !important;
  background: transparent !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .page-nav-item:hover {
  background: rgba(255, 193, 7, .10) !important;
  color: #FFC107 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .page-nav-item.active,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-menu-item.arco-menu-selected {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
}
/* ======================================================================
   15. 深色 — 编号卡片标题栏 (闲鱼黄不变)
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell .section-card-header {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-bottom: none !important;
  min-height: 22px !important;
  padding: 2px 8px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell .section-card-header * {
  color: #1a1a1a !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell .section-card-header [class*="rounded-full"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .section-card-header [class*="rounded-full"] {
  background: #FFFFFF !important;
  color: #1a1a1a !important;
  border: 1.5px solid rgba(0,0,0, .12) !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 11px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell [class*="grid"] > div {
  border: 1.5px solid rgba(255, 193, 7, .20) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .module-popup-card--popup > [class*="header"] {
  background: #FFC107 !important;
  color: #1a1a1a !important;
}
/* ======================================================================
   16. 深色 — 通用卡片 (柔和青色调 + 亮灰字)
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card,
:is(html[data-theme="dark"], body[data-theme="dark"]) .home-card,
:is(html[data-theme="dark"], body[data-theme="dark"]) .glass-card {
  background: rgba(30, 46, 46, .82) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 193, 7, .12) !important;
  border-radius: 14px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-bottom: none !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header * {
  color: #1a1a1a !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card:hover {
  border-color: rgba(255, 193, 7, .30) !important;
  box-shadow: 0 10px 30px rgba(255, 193, 7, .06) !important;
}
/* ======================================================================
   17. 深色 — 按钮 (黄色不变，适配暗底)
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn--primary,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn--primary * {
  background: #FFC107 !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  transition: all .2s !important;
  box-shadow: 0 3px 12px rgba(255, 193, 7, .25) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary:hover {
  background: #FFB300 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 20px rgba(255, 193, 7, .40) !important;
  transform: translateY(-1px) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-secondary {
  background: rgba(255,255,255, .05) !important;
  border: 1px solid rgba(255,255,255, .08) !important;
  color: #9AA0B0 !important;
  border-radius: 10px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-secondary:hover {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-color: #FFC107 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-text {
  color: #9AA0B0 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-text:hover {
  color: #FFC107 !important;
  background: rgba(255, 193, 7, .08) !important;
}
/* ======================================================================
   18. 深色 — 输入框 (暗底适配)
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-input,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-input-wrapper input,
:is(html[data-theme="dark"], body[data-theme="dark"]) textarea {
  background: rgba(30, 46, 46, .75) !important;
  color: #D5D9E0 !important;
  border: 1px solid rgba(255,255,255, .06) !important;
  border-radius: 8px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) input::placeholder,
:is(html[data-theme="dark"], body[data-theme="dark"]) textarea::placeholder {
  color: #6B7185 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-input-wrapper:focus-within,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-input:focus,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-select-view:focus {
  border-color: #FFC107 !important;
  box-shadow: 0 0 0 3px rgba(255, 193, 7, .12) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-select-view {
  background: rgba(30, 46, 46, .75) !important;
  border: 1px solid rgba(255,255,255, .06) !important;
  color: #9AA0B0 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-select-popup-option.arco-select-popup-option-active {
  background: #FFC107 !important;
  color: #1a1a1a !important;
}
/* ======================================================================
   19. 深色 — Tabs/Switch/分页/进度条
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tabs-tab-active,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tabs-tab:hover {
  color: #FFC107 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tabs-tab-active::after {
  background: #FFC107 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-switch-checked {
  background: #FFC107 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-pagination-item-active {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  border: none !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-progress-bar {
  background: #FFC107 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-spin-icon {
  color: #FFC107 !important;
}
/* ======================================================================
   20. 深色 — 链接
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) a {
  color: #FFC107 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) a:hover {
  color: #FFD54F !important;
}
/* ======================================================================
   21. 深色 — 标签
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tag-red,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tag-orangered,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tag-orange {
  background: rgba(255, 193, 7, .12) !important;
  color: #FFD54F !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-badge-status-dot-processing {
  background: #FFC107 !important;
}
/* ======================================================================
   22. 深色 — 顶部条
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="header"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="navbar"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="topbar"] {
  background: rgba(24, 38, 38, .85) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(255, 193, 7, .08) !important;
}
/* ======================================================================
   23. 深色 — 弹窗
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-modal-content,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-drawer-body {
  background: rgba(30, 46, 46, .90) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 193, 7, .10) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-modal-header {
  background: #FFC107 !important;
  color: #1a1a1a !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-dropdown-menu,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-popup-content {
  background: rgba(30, 46, 46, .94) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 193, 7, .08) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-dropdown-option:hover {
  background: rgba(255, 193, 7, .08) !important;
  color: #FFC107 !important;
}
/* ======================================================================
   24. 深色 — 表格
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-table-container {
  background: rgba(30, 46, 46, .65) !important;
  backdrop-filter: blur(10px) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-table-th {
  background: rgba(255, 193, 7, .04) !important;
  color: #9AA0B0 !important;
  border-bottom: 1px solid rgba(255, 193, 7, .06) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-table-tr:hover td {
  background: rgba(255, 193, 7, .03) !important;
}
/* ======================================================================
   25. 深色 — 登录页
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .login-container {
  background: #182626 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .login-card {
  background: rgba(30, 46, 46, .82) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 193, 7, .12) !important;
  box-shadow: 0 24px 64px rgba(0,0,0, .4) !important;
  border-radius: 18px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .login-submit {
  background: #FFC107 !important;
  border: none !important;
  border-radius: 10px !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 20px rgba(255, 193, 7, .25) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .login-submit:hover {
  background: #FFB300 !important;
  box-shadow: 0 12px 28px rgba(255, 193, 7, .40) !important;
  transform: translateY(-1px) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .login-forgot:hover,
:is(html[data-theme="dark"], body[data-theme="dark"]) .login-footer a {
  color: #FFC107 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .login-tabs button.is-active,
:is(html[data-theme="dark"], body[data-theme="dark"]) .login-tabs button.is-active::after {
  color: #FFC107 !important;
  background: #FFC107 !important;
}
/* ======================================================================
   26. 深色 — 滚动条
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) ::-webkit-scrollbar {
  width: 5px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) ::-webkit-scrollbar-track {
  background: rgba(24, 38, 38, .5) !important;
  border-radius: 3px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) ::-webkit-scrollbar-thumb {
  background: #FFC107 !important;
  border-radius: 4px !important;
}
/* ======================================================================
   27. 深色 — 工具提示
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tooltip-content {
  background: rgba(30, 46, 46, .94) !important;
  backdrop-filter: blur(12px) !important;
  color: #D5D9E0 !important;
}
/* ======================================================================
   28. 特殊重点 — 青绿色强反差按钮 (高识别度)
   ====================================================================== */
/* 青绿底 + 白字 */
.accent-cyan,
.accent-cyan-btn {
  background: #26C6DA !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  border: none !important;
}
/* 黑底 + 金黄字 */
.accent-gold {
  background: #1a1a1a !important;
  color: #FFC107 !important;
  font-weight: 600 !important;
}
/* 橙黄底 + 白字 */
.accent-orange-white {
  background: #FFC107 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
}
/* ======================================================================
   29. 深色 — misc 补充
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-trigger-popup {
  background: rgba(30, 46, 46, .94) !important;
  border: 1px solid rgba(255, 193, 7, .08) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-menu {
  background: #121e1e !important;
}
/* ======================================================================
   30. 青绿色点缀 — 特殊/亮点/优势处
   ====================================================================== */
/* 青绿底白字按钮/标签 */
.accent-cyan-btn {
  background: #26C6DA !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 4px 14px !important;
  box-shadow: 0 3px 12px rgba(38, 198, 218, .30) !important;
  transition: all .2s !important;
}
.accent-cyan-btn:hover {
  background: #00BCD4 !important;
  box-shadow: 0 6px 18px rgba(38, 198, 218, .40) !important;
  transform: translateY(-1px) !important;
}
/* 青绿文字 */
.accent-cyan-text { color: #26C6DA !important; font-weight: 600 !important; }
/* 青绿边框高亮卡片 */
.accent-cyan-border {
  border: 2px solid #26C6DA !important;
  border-radius: 12px !important;
  box-shadow: 0 0 16px rgba(38, 198, 218, .12) !important;
}
/* 青绿图标发光 */
.accent-cyan-icon { filter: drop-shadow(0 0 6px rgba(38, 198, 218, .45)) !important; }
/* 黑底金黄高亮 */
.accent-gold-tag {
  background: #1a1a1a !important;
  color: #FFC107 !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 2px 10px !important;
  font-size: 12px !important;
}
/* 浅黄底色温和高亮 */
.accent-soft-highlight {
  background: #FFF3CD !important;
  color: #856404 !important;
  border: 1px solid #FFE082 !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-weight: 500 !important;
}
/* 橙色标签 (警告/重要) */
.accent-warm-tag {
  background: rgba(255, 193, 7, .15) !important;
  color: #B8860B !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .accent-soft-highlight {
  background: rgba(255, 193, 7, .10) !important;
  color: #FFD54F !important;
  border-color: rgba(255, 193, 7, .20) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .accent-warm-tag {
  background: rgba(255, 193, 7, .12) !important;
  color: #FFD54F !important;
}
/* ======================================================================
   31. 深色 — 全面白色块覆盖 (青黑底 + 亮灰字)
   ====================================================================== */
/* --- 通用：所有 arco 组件内部白底 → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-body,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-collapse-item-content,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-panel,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tabs-content,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tabs-pane {
  background: transparent !important;
}
/* --- 通用：表单组件内黑字 → 亮灰字 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-form-item-label,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-checkbox-label,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-radio-label,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-table-cell,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-descriptions-item-label,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-typography {
  color: #D5D9E0 !important;
}
/* --- 复选框图标白底 → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-checkbox-icon {
  background: rgba(30,46,46,.75) !important;
  border-color: rgba(255,193,7,.15) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-checkbox-checked .arco-checkbox-icon {
  background: #FFC107 !important;
  border-color: #FFB300 !important;
}
/* --- 表单 Label 黑字 → 亮灰 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) label,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-form-label-item {
  color: #D5D9E0 !important;
}
/* --- 视频预览区 / 封面预览区 白底 → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell [style*="background:#fff"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell [style*="background: #fff"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell [style*="background:#ffffff"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell [style*="background: #ffffff"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell [style*="background:#FFFFFF"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell [style*="background: #FFFFFF"] {
  background: rgba(30,46,46,.82) !important;
}
/* --- 形象页 / 素材页 / 声音页 / 合成页 / 提取页 卡片白底全覆盖 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card,
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="card"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="Card"] {
  background: rgba(30,46,46,.82) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-color: rgba(255,193,7,.15) !important;
}
/* 排除闲鱼黄标题栏（已经正确） */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-header {
  background: #FFC107 !important;
}
/* --- 列表项 / 条块 白底 → 青黑底 (形象页数字人列表、素材库列表等) --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-list-item,
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="list-item"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-row,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-col {
  background: transparent !important;
}
/* --- 空状态占位符 → 半透明青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-empty,
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="empty"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .no-data,
:is(html[data-theme="dark"], body[data-theme="dark"]) .no-preview,
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="no-preview"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="no-data"] {
  background: transparent !important;
  color: #9AA0B0 !important;
}
/* --- Arco 输入框组 (InputNumber/InputGroup) → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-input-group-addon,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-input-number,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-input-inner-wrapper {
  background: rgba(30,46,46,.75) !important;
  border-color: rgba(255,193,7,.15) !important;
}
/* --- VideoIPAgent 行编辑器/标题字幕面板 → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .line-style-editor,
:is(html[data-theme="dark"], body[data-theme="dark"]) .title-subtitle-settings,
:is(html[data-theme="dark"], body[data-theme="dark"]) .sound-effect-panel {
  background: rgba(30,46,46,.82) !important;
  border-color: rgba(255,193,7,.15) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .line-style-editor .style-section,
:is(html[data-theme="dark"], body[data-theme="dark"]) .title-subtitle-settings .title-preview,
:is(html[data-theme="dark"], body[data-theme="dark"]) .title-subtitle-settings .lines-preview,
:is(html[data-theme="dark"], body[data-theme="dark"]) .title-subtitle-settings .line-preview,
:is(html[data-theme="dark"], body[data-theme="dark"]) .title-subtitle-settings .title-text {
  background: rgba(38,50,50,.85) !important;
  border-color: rgba(255,193,7,.12) !important;
}
/* --- 视频预览/封面预览空状态区 （暂无预览 大白色块）--- */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="preview"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="Preview"] {
  background: rgba(30,46,46,.82) !important;
}
/* --- 页头区域 → 透明/青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .page-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="page-header"] {
  background: rgba(24,38,38,.85) !important;
  backdrop-filter: blur(10px) !important;
}
/* --- 开关组 / 单选组白底 → 透明 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-radio-group-button,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-radio-button {
  background: transparent !important;
}
/* --- Slider 轨道 → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-slider-track {
  background: rgba(30,46,46,.65) !important;
}
/* --- 非闲鱼黄标题处的黑色文字 → 亮灰字 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-body,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-body *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-body,
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-body * {
  color: #D5D9E0 !important;
}
/* 但保留闲鱼黄标题栏内的黑色文字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-header *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header * {
  color: #1a1a1a !important;
  background: #FFC107 !important;
}
/* --- 分割线 → 黄色微调 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-divider,
:is(html[data-theme="dark"], body[data-theme="dark"]) hr {
  border-color: rgba(255,193,7,.12) !important;
}
/* --- Tailwind bg-white / bg-gray-50 / bg-gray-100 → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .bg-white,
:is(html[data-theme="dark"], body[data-theme="dark"]) .bg-gray-50,
:is(html[data-theme="dark"], body[data-theme="dark"]) .bg-gray-100,
:is(html[data-theme="dark"], body[data-theme="dark"]) .bg-gray-200 {
  background: rgba(30,46,46,.82) !important;
}
/* --- text-gray-* 黑字和灰字 → 亮灰 (暗色模式可读) --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .text-gray-600,
:is(html[data-theme="dark"], body[data-theme="dark"]) .text-gray-700,
:is(html[data-theme="dark"], body[data-theme="dark"]) .text-gray-800,
:is(html[data-theme="dark"], body[data-theme="dark"]) .text-gray-900,
:is(html[data-theme="dark"], body[data-theme="dark"]) .text-black {
  color: #D5D9E0 !important;
}
/* --- VideoIPAgent 视频预览/封面预览内联白色背景 → 强制覆盖 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell div[style*="background"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell div[style*="background-color"] {
  background: rgba(30,46,46,.82) !important;
}
/* 但保留闲鱼黄的 section-card-header */
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-header[style*="background"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-header[style*="background-color"] {
  background: #FFC107 !important;
}
/* --- 模型设置 (Server/Settings) 页面白底 → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell,
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-content,
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-card {
  background: rgba(30,46,46,.82) !important;
  border-color: rgba(255,193,7,.12) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-sidebar {
  background: rgba(24,38,38,.85) !important;
}
/* --- 账号管理页白底 → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-card,
:is(html[data-theme="dark"], body[data-theme="dark"]) .platform-tab {
  background: rgba(30,46,46,.82) !important;
  border-color: rgba(255,193,7,.12) !important;
}
/* --- 字体管理页白底 → 青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .font-manager-page,
:is(html[data-theme="dark"], body[data-theme="dark"]) .font-preview-text {
  background: rgba(30,46,46,.82) !important;
}
/* --- 通用：所有 arco 组件内部的黑色文字 → 亮灰 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-input-tag,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tree-node-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-upload-list-item,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-comment,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-statistic,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-timeline-item-content,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-anchor-link-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-breadcrumb-item,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-steps-item-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-steps-item-description,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-tag,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-alert {
  color: #D5D9E0 !important;
  background: transparent !important;
}
/* --- 暗色模式下所有内页的整体容器 → 确保透明/青黑底 --- */
:is(html[data-theme="dark"], body[data-theme="dark"]) .page-container,
:is(html[data-theme="dark"], body[data-theme="dark"]) .window-body {
  background: #182626 !important;
}
/* ======================================================================
   32. 深色 — 闲鱼黄按钮白字最后保险 (覆盖所有通配符回退)
   ====================================================================== */
/* 主按钮黄底白字 — 最高优先级（放最后防止被 * 选择器覆盖） */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn--primary,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn--primary *,
:is(html[data-theme="dark"], body[data-theme="dark"]) button[class*="primary"],
:is(html[data-theme="dark"], body[data-theme="dark"]) button[class*="Primary"] {
  background: #FFC107 !important;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary:hover,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn--primary:hover {
  background: #FFB300 !important;
  color: #FFFFFF !important;
}
/* 黄底按钮内所有子元素白字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary svg,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn--primary svg,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary .arco-icon,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn--primary .arco-icon {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
/* ======================================================================
   33. 深色 — Tailwind 编译类 bg-[#...] 强制覆盖 (声音页/合成页黑色底)
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#0a0a0a]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#141414]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#111]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#1a1a1a]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#222]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~=bg-black],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~=bg-gray-800],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~=bg-gray-900] {
  background: rgba(30, 46, 46, .82) !important;
}
/* 更暗的尾缀色 (sidebar/深层容器) */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#0a0a0a]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#111]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~=bg-black] {
  background: rgba(18, 30, 30, .92) !important;
}
/* ======================================================================
   34. 深色 — 声音页/合成页 body-level 容器强制覆盖
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .sound-workbench,
:is(html[data-theme="dark"], body[data-theme="dark"]) .sound-workbench *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell,
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-ip-agent-shell * {
  color: #D5D9E0 !important;
}
/* 但保留黄底标题栏黑字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-header *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header * {
  color: #1a1a1a !important;
  background: #FFC107 !important;
}
/* 黄底按钮白字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn--primary,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn--primary * {
  color: #FFFFFF !important;
  background: #FFC107 !important;
}
/* 黄底下拉/选择/翻页/开关激活态 — 白字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background-color:#FFC107"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#FFC107"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-select-popup-option-active,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-pagination-item-active,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-radio-checked,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-switch-checked {
  color: #FFFFFF !important;
}
/* 黄底元素内部所有子文本强制白字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background-color:#FFC107"] *,
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#FFC107"] *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-select-popup-option-active *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-pagination-item-active *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-radio-checked *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-switch-checked * {
  color: #FFFFFF !important;
}
/* ======================================================================
   35. 深色 — 消除浅黄色横杠 (border 变量从黄色还原为无感白色调)
   ====================================================================== */
/* 深色模式下的 --theme-border 不用黄色, 避免所有边框/分割线/header 底部出现黄条 */
:is(html[data-theme="dark"], body[data-theme="dark"]) {
  --theme-border:            rgba(255, 255, 255, .06) !important;
  --theme-border-strong:     rgba(255, 255, 255, .10) !important;
}
/* 卡片/组件级别保留微黄边框(极淡, 避免黄条) */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="card"]:not(.section-card-body),
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card {
  border-color: rgba(255, 193, 7, .08) !important;
}
/* 窗口 header 底部边框完全透明 → 消灭黄条 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .window-header {
  border-bottom-color: transparent !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, .12) !important;
}
/* 全局消除所有 header 底部黄条 */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="header"] {
  border-bottom-color: transparent !important;
}
/* 消除 section-card-body 的所有边框 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-body,
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="section-card"] {
  border-color: transparent !important;
}
/* 深色模式下所有分割线 → 接近透明 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .setting-divider,
:is(html[data-theme="dark"], body[data-theme="dark"]) .home-page :is(.border,.border-t,.border-b) {
  border-color: rgba(255, 255, 255, .04) !important;
}
/* ======================================================================
   36. 浅色 — 粉色元素全面替换为浅黄色
   粉色来源: #E0945C / #F56C1F / #F39466 / #ec4899 / #F8B697 / #D7992B / #854722
   → 闲鱼黄系列: #FFC107 / #FFB300 / #FFD54F / #B8860B
   ====================================================================== */
/* --- 亮粉/橘色按钮 → 闲鱼黄 --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-btn-primary.btn-orange,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-btn-primary.btn-orange,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="orange"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="orange"] {
  background: #FFC107 !important;
  color: #1a1a1a !important;
}
/* --- 粉色文字 → 黄色 --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="text-pink"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="text-pink"],
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .text-rose,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .text-rose {
  color: #B8860B !important;
}
/* --- 粉色/暖橙元素 → 浅黄 (背景/边框) --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .text-blue-600,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .text-blue-600,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="text-blue"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="text-blue"] {
  color: #B8860B !important;
}
/* --- 浅色模式下所有蓝紫色调元素 → 黄色系列 --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .bg-blue-50,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .bg-blue-50,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .bg-indigo-50,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .bg-indigo-50 {
  background: #FFF3CD !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .bg-blue-100,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .bg-blue-100 {
  background: #FFE082 !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .border-blue-200,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .border-blue-200,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .border-blue-300,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .border-blue-300,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .border-blue-500,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .border-blue-500 {
  border-color: #FFC107 !important;
}
/* --- 浅色模式 sidebar 里的粉色/橙色图标 → 黄色 --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [style*="#E0945C"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [style*="#E0945C"],
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [style*="#F39466"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [style*="#F39466"],
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [style*="#F8B697"],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [style*="#F8B697"] {
  color: #FFC107 !important;
  border-color: #FFC107 !important;
}
/* --- 浅色模式 badge/tag 粉色/橘色 → 黄色淡底暗字 --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .bg-rose-50,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .bg-rose-50,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .bg-pink-50,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .bg-pink-50,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .bg-orange-50,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .bg-orange-50 {
  background: #FFF3CD !important;
  color: #856404 !important;
}
/* --- 浅色模式 数字人列表/素材列表粉色hover → 黄色 --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="hover:bg-pink"]:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="hover:bg-pink"]:hover,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="hover:bg-rose"]:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="hover:bg-rose"]:hover,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) [class*="hover:bg-orange"]:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) [class*="hover:bg-orange"]:hover {
  background: rgba(255, 193, 7, .15) !important;
}
/* --- 浅色模式 progress/active 粉色底色 → 黄色 --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .bg-pink-100,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .bg-pink-100,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .bg-rose-100,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .bg-rose-100 {
  background: #FFE082 !important;
}
/* ======================================================================
   37. 深色 — 订阅过期页 / QuickUse module-popup-card 黑色文字 → 亮灰
   ====================================================================== */
/* 订阅过期页 — 深色模式下白色卡片+黑色文字 → 青黑底+亮灰字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .expired-container {
  background: #182626 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .expired-card {
  background: rgba(30,46,46,.82) !important;
  box-shadow: 0 8px 16px rgba(0,0,0,.35) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .expired-card .expired-header h1,
:is(html[data-theme="dark"], body[data-theme="dark"]) .expired-card .redeem-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) .expired-card .expired-info .arco-descriptions-value {
  color: #D5D9E0 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .expired-card .expired-header p {
  color: #9AA0B0 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .expired-card .expired-info .arco-descriptions-label {
  color: #6B7185 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .expired-card .expired-info,
:is(html[data-theme="dark"], body[data-theme="dark"]) .expired-card .redeem-panel {
  background: rgba(24,38,50,.55) !important;
  border: 1px solid rgba(255,193,7,.10) !important;
}
/* QuickUse 右侧 module-popup-card 深色模式下黑字→亮灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .module-popup-card {
  color: #D5D9E0 !important;
  background: rgba(30,46,46,.82) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .module-popup-card .font-medium,
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .module-popup-card .font-semibold {
  color: #D5D9E0 !important;
}
/* QuickUse 侧边栏 origin line1 硬编码 #FFF8E1 背景 → 深色覆盖 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-sidebar[data-v-7c2d629c] {
  background: #1a2230 !important;
}
/* Video-CiW15L2-.css 深色 body 颜色冲突 → 统一亮灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) {
  color: #D5D9E0 !important;
}
/* ======================================================================
   38. 深色 — 设置左侧菜单卡片 闲鱼黄反差色
   默认态看不清 (C7BFB8暖灰) → 白字+黄边
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .setting-sidebar {
  background: #1a2230 !important;
  border-color: rgba(255,193,7,.10) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .setting-container {
  background: #182626 !important;
  color: #D5D9E0 !important;
}
/* 菜单项默认 — 白字+暗卡底+微黄边 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .setting-menu-item {
  color: #FFFFFF !important;
  background: rgba(24,38,50,.60) !important;
  border: 1px solid rgba(255,193,7,.12) !important;
  border-radius: 10px !important;
}
/* hover — 边框亮黄+微微黄底 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .setting-menu-item:hover {
  color: #FFC107 !important;
  background: rgba(255,193,7,.08) !important;
  border-color: #FFC107 !important;
  box-shadow: 0 4px 14px rgba(255,193,7,.12) !important;
}
/* 激活态 — 黄底黑字 高反差 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .menu-active,
:is(html[data-theme="dark"], body[data-theme="dark"]) .menu-active[data-v-c5a3d77b] {
  color: #1a1a1a !important;
  background: #FFC107 !important;
  border-color: #FFB300 !important;
  box-shadow: 0 6px 20px rgba(255,193,7,.25) !important;
}
/* 激活态内部文字全部黑字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .menu-active *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .menu-active[data-v-c5a3d77b] * {
  color: #1a1a1a !important;
}
/* 分割线 — 微弱黄 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .setting-divider {
  border-color: rgba(255,193,7,.10) !important;
}
/* ======================================================================
   39. 浅色 — 设置左侧菜单卡片 闲鱼黄反差色 (替换 origin 粉紫色)
   ====================================================================== */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .setting-sidebar,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .setting-sidebar {
  background: linear-gradient(180deg,#fffffff0,#f3f4fff7) !important;
  border-color: rgba(255,193,7,.15) !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .setting-menu-item,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .setting-menu-item {
  color: #5c5c5c !important;
  background: #FFFFFF !important;
  border: 1px solid #e8e8ec !important;
  border-radius: 10px !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .setting-menu-item:hover,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .setting-menu-item:hover {
  color: #1a1a1a !important;
  border-color: #FFC107 !important;
  box-shadow: 0 4px 14px rgba(255,193,7,.20) !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .menu-active,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .menu-active,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .menu-active[data-v-c5a3d77b],
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .menu-active[data-v-c5a3d77b] {
  color: #1a1a1a !important;
  background: #FFC107 !important;
  border-color: #FFB300 !important;
  box-shadow: 0 6px 20px rgba(255,193,7,.25) !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .menu-active *,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .menu-active *,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .menu-active[data-v-c5a3d77b] *,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .menu-active[data-v-c5a3d77b] * {
  color: #1a1a1a !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .setting-divider,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .setting-divider {
  border-color: rgba(255,193,7,.20) !important;
}
/* ======================================================================
   40. QuickUse深色卡片标题黑字 — 终端保险 (覆盖 video-ip-agent-shell * 通配符)
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .section-card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .section-card-header *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .arco-card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage .arco-card-header *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .quick-use-stage [class*="card-header"] {
  color: #1a1a1a !important;
  background: #FFC107 !important;
}
/* ======================================================================
   41. 深浅双模 — 卡片标题栏 黄底黑字 + 压缩高度
   原 padding:12px 18px 太高引发大面积黄色
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-card-header,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-card-header {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-bottom: none !important;
  padding: 6px 14px !important;
  min-height: unset !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header *,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .arco-card-header *,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .arco-card-header * {
  color: #1a1a1a !important;
}
/* 字体管理页暗色 — 浅灰文字提升对比度 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .font-manager-setting .text-gray-500,
:is(html[data-theme="dark"], body[data-theme="dark"]) .font-manager-setting .arco-statistic-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) .font-manager-setting .arco-descriptions-item-label {
  color: #F0EDE5 !important;
}
/* ======================================================================
   42. 字体管理页 — 直接穿透 scoped [data-v-1719425f] 覆盖
   通用 .arco-card-header 被 scoped 选择器压制 → 必须用同等特异性反击
   ====================================================================== */
/* --- 浅色/深色双模：卡片标题栏 黄底黑字 + 压缩高度 --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .arco-card-header,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .arco-card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .font-manager-setting[data-v-1719425f] .arco-card-header {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  padding: 6px 14px !important;
  min-height: unset !important;
}
/* 标题栏内部文字全部黑字 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .arco-card-header *,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .arco-card-header *,
:is(html[data-theme="dark"], body[data-theme="dark"]) .font-manager-setting[data-v-1719425f] .arco-card-header * {
  color: #1a1a1a !important;
}
/* --- 浅色模式: 字体目录表格 灰色 bg-gray-50 → 高反差 --- */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .bg-gray-50,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .bg-gray-50 {
  background: #FFF8E1 !important;
  color: #1a1a1a !important;
}
/* 浅色模式: 描述表标签/值 高反差黑字 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .arco-descriptions-item-label,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .arco-descriptions-item-label {
  color: #5c5c5c !important;
  background: #FFFBEB !important;
}
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .arco-descriptions-item-value,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .arco-descriptions-item-value {
  color: #1a1a1a !important;
  background: #FFFFFF !important;
}
/* 浅色模式: text-gray-500 深灰 → 足够黑 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .text-gray-500,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .text-gray-500,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .arco-statistic-title,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .arco-statistic-title {
  color: #5c5c5c !important;
}
/* 浅色模式: font-medium / 普通文字 纯黑 */
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .font-medium,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .font-medium,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .text-sm,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .text-sm,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .text-lg,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .text-lg,
:is(html[data-theme="soft-light"], body[data-theme="soft-light"]) .font-manager-setting[data-v-1719425f] .arco-statistic-value,
:is(html[data-theme="dainiu"], body[data-theme="dainiu"]) .font-manager-setting[data-v-1719425f] .arco-statistic-value {
  color: #1a1a1a !important;
}
/* ======================================================================
   43. 深色 — ⑦视频发布 → 账号管理弹窗 — 穿透 scoped [data-v-61c711fc]
   抖音/快手/视频号/小红书 平台名+ "+添加账号" 按钮
   ====================================================================== */
/* 弹窗整体 → 青黑底 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] {
  color: #D5D9E0 !important;
}
/* 平台标签行 (整体容器) → 青黑底 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .platform-tabs {
  background: transparent !important;
}
/* 平台标签按钮 (📱抖音 🎬快手 📺视频号 📕小红书) → 亮灰字+青黑底 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .platform-tab {
  background: rgba(30,46,46,.82) !important;
  border-color: rgba(255,193,7,.15) !important;
  color: #D5D9E0 !important;
}
/* 平台标签 hover → 微黄 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .platform-tab:hover {
  background: rgba(255,193,7,.12) !important;
  border-color: #FFC107 !important;
}
/* 平台标签 激活态 → 闲鱼黄底黑字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .platform-tab.active {
  background: #FFC107 !important;
  border-color: #FFB300 !important;
  color: #1a1a1a !important;
}
/* 平台标签内 图标/图标名/计数 → 亮灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .tab-icon,
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .tab-name,
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .tab-count {
  color: #D5D9E0 !important;
}
/* 激活态内图标/名称/计数 → 黑字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .platform-tab.active .tab-icon,
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .platform-tab.active .tab-name,
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .platform-tab.active .tab-count {
  color: #1a1a1a !important;
}
/* 账号卡片 → 青黑底+黄边 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .account-card {
  background: rgba(30,46,46,.82) !important;
  border-color: rgba(255,193,7,.12) !important;
  color: #D5D9E0 !important;
}
/* 账号昵称 → 亮灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .account-nickname {
  color: #D5D9E0 !important;
}
/* 账号元数据(粉丝数/更新时间) → 灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .account-meta,
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .status-text {
  color: #9AA0B0 !important;
}
/* "+添加账号" 按钮 → 闲鱼黄底黑字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .add-account-btn {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border: 2px solid #FFB300 !important;
  font-weight: 600 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .add-account-btn:hover {
  background: #FFB300 !important;
  color: #1a1a1a !important;
}
/* 空/加载状态 → 亮灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .empty-state,
:is(html[data-theme="dark"], body[data-theme="dark"]) .account-manager[data-v-61c711fc] .loading-state {
  color: #9AA0B0 !important;
}
/* ======================================================================
   44. 深色 — 模型菜单 → 大模型设置 — 穿透 scoped [data-v-3ca43bff]
   ====================================================================== */
/* 整体容器 → 文字亮灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] {
  color: #D5D9E0 !important;
  background: rgba(30,46,46,.82) !important;
}
/* 侧边栏 → 深色底 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .model-setting-sidebar {
  background: rgba(24,38,38,.85) !important;
}
/* 内容区 → 半透明底 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .model-setting-content {
  background: rgba(30,46,46,.82) !important;
}
/* 模型卡片 → 青黑底 + 黄边 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .model-card {
  background: rgba(30,46,46,.82) !important;
  border-color: rgba(255,193,7,.10) !important;
}
/* provider 列表项 → 亮灰字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .provider-nav-item {
  color: #D5D9E0 !important;
  background: rgba(30,46,46,.65) !important;
}
/* provider 列表项 hover → 微黄 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .provider-nav-item:hover {
  background: rgba(255,193,7,.12) !important;
  border-color: #FFC107 !important;
}
/* provider 激活态 → 黄底黑字 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .provider-nav-item-active {
  background: #FFC107 !important;
  color: #1a1a1a !important;
  border-color: #FFB300 !important;
}
/* 添加模型面板 → 青黑底 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .builtin-model-add-panel {
  background: rgba(30,46,46,.82) !important;
  border-color: rgba(255,193,7,.12) !important;
}
/* 添加面板标题 → 亮黄 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .builtin-model-add-title {
  color: #FFD54F !important;
}
/* 添加面板提示 → 灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .builtin-model-add-tip {
  color: #9AA0B0 !important;
}
/* Form label → 亮灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-form-item-label {
  color: #D5D9E0 !important;
}
/* 输入框 / 下拉 → 深色底 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-input-wrapper,
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-input-number,
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-select-view,
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-textarea-wrapper {
  background: rgba(30,46,46,.75) !important;
  border-color: rgba(255,193,7,.15) !important;
}
/* 下拉选中值 → 亮灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-select-view-value {
  color: #D5D9E0 !important;
}
/* 次按钮 → 透明灰 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-btn-secondary {
  background: transparent !important;
  border-color: rgba(255,193,7,.15) !important;
  color: #FFC107 !important;
}
/* model名字 & provider名 → 咸鱼黄 (覆盖 text-gray-200) */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] [class*="text-gray-200"] {
  color: #FFC107 !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] [class*="text-gray-300"] {
  color: #FFD54F !important;
}
/* 内置模型/自定义 标题 → 咸鱼黄 (text-gray-400) */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] [class*="text-gray-400"] {
  color: #FFC107 !important;
}
/* 下拉框选中值(doubao-seed...) 和 input → 咸鱼黄 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-select-view-value,
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-select-view-single,
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-select-view-input div,
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-select-view-mirror,
:is(html[data-theme="dark"], body[data-theme="dark"]) .model-setting-shell[data-v-3ca43bff] .arco-input-wrapper input {
  color: #FFC107 !important;
}
/* 深色模式全局 ARCO select 选中值 → 咸鱼黄 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-select-view-value,
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-select-view-single {
  color: #FFC107 !important;
}
/* ======================================================================
   45. 深色 — 深→浅→深 切换后黄横条 Bug
   原因: 浅色模式切换时部分元素残留了 inline style="background:#FFF..." 
   深色模式下白底没有被完全覆盖，形成黄条/白条纹
   修复: 全局强制覆盖所有残留白底/浅底 inline styles
   ====================================================================== */
/* 通用: 深色模式任何剩余白底 → 青黑底 */
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#fff"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background: #fff"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#ffffff"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background: #ffffff"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#FFFFFF"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background: #FFFFFF"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#f8f8f8"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background: #f8f8f8"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#fafafa"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background: #fafafa"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#f5f5f5"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background: #f5f5f5"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#FFF8E1"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background: #FFF8E1"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background:#FFF3CD"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="background: #FFF3CD"] {
  background: rgba(30, 46, 46, .82) !important;
}
/* 深色模式 残留 border-color 黄条 → 透明 */
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="border-color"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [style*="border-color:"] {
  background: rgba(30, 46, 46, .82) !important;
  border-color: transparent !important;
}
/* 但保留 闲鱼黄标题栏 不做覆盖 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .section-card-header[style*="background"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-card-header[style*="background"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-btn-primary[style*="background"],
:is(html[data-theme="dark"], body[data-theme="dark"]) .arco-modal-header[style*="background"] {
  background: unset !important;
}
/* ======================================================================
   46. 深色 — 纯黑/近黑背景 → 藏青色统一
   原因: 合成页/Sound 等使用 Tailwind bg-[#0a0a0a]/bg-[#111]/bg-[#141414]
   深色模式下改为统一藏青 rgba(30, 46, 46, .82)
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#0a0a0a]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#111]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#141414]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#1a1a1a]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-[#0b0b0b]"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-black"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-gray-800"],
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-gray-900"] {
  background: rgba(30, 46, 46, .82) !important;
}
/* ======================================================================
   47. IP智能体设置弹窗 — 深色模式适配
   ====================================================================== */
/* 模板名称 (11 Inline / 77 Classic 等) → 咸鱼黄 */
:is(html[data-theme="dark"], body[data-theme="dark"]) .template-name,
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="template-name"] {
  color: #FFC107 !important;
}
/* 位置调整卡片内白底 → 藏青 + 分组名称咸鱼黄 */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="p-3"][class~="border"][class~="rounded"][class~="bg-white"] {
  background: rgba(30, 46, 46, .82) !important;
}
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="p-3"][class~="border"][class~="rounded"][class~="bg-white"] [class*="text-sm"] {
  color: #FFC107 !important;
}
/* SVG 位置预览白底 → 藏青 */
:is(html[data-theme="dark"], body[data-theme="dark"]) svg[class~="bg-white"] {
  background: rgba(30, 46, 46, .82) !important;
}
/* canvas 白底画布 → 藏青 */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class~="bg-white"][class~="mx-auto"][class~="shadow-lg"] {
  background: rgba(30, 46, 46, .82) !important;
}
/* ======================================================================
   48. IP智能体弹窗 — 浅色模式 checkbox 文字补黑
   原因: ARCO checkbox label 默认用灰色，浅色模式下不够黑
   ====================================================================== */
:is(html[data-theme="soft-light"], html[data-theme="dainiu"]) .arco-checkbox-label,
:is(body[data-theme="soft-light"], body[data-theme="dainiu"]) .arco-checkbox-label {
  color: #1a1a1a !important;
}
/* ======================================================================
   49. IP智能体 — 位置调整 白底卡片 → 藏青（改用 * 匹配）
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) [class*="p-3"][class*="rounded"][class*="bg-white"]:not([class*="bg-white/"]):not([class*="hover"]) {
  background: rgba(30, 46, 46, .82) !important;
}
/* 位置调整区 form 标签 → 黑色粗体 (仅 label, 白底卡片可见) */
:is(html[data-theme="dark"], body[data-theme="dark"]) label[class*="text-gray-600"] {
  color: #1a1a1a !important;
  font-weight: 700 !important;
}
/* ======================================================================
   50. 合成页/数字人合成 黑底 → 藏青（直接命中 elegant-theme）
   ====================================================================== */
:is(html[data-theme="dark"], body[data-theme="dark"]) .elegant-theme,
:is(html[data-theme="dark"], body[data-theme="dark"]) .sound-page,
:is(html[data-theme="dark"], body[data-theme="dark"]) .video-gen-page {
  background: rgba(30, 46, 46, .82) !important;
}
/* ======================================================================
   51. AI法务审核报告 — 浅色模式字体/背景反差修复
   根因：modal-style 硬编码 #1a1a2e 深色背景，
   且报告内容区 bg-[#0d0d1a] text-gray-300 在浅色模式下灰蒙蒙看不清
   ====================================================================== */
/* 报告内容区：深色底→浅色底，灰字→深字 */
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark [class*="bg-[#0d0d1a]"],
.legal-modal-dark .bg-\[\#0d0d1a\],
.legal-modal-dark [class*="bg-\\[\\#0d0d1a\\]"] {
  background: #f5f6f8 !important;
  color: #1a1a1a !important;
}
/* 弹窗内所有灰色文字→深色 */
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark .text-gray-300,
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark .text-gray-400 {
  color: #333 !important;
}
/* 风险头部卡片：amber/emerald 深色底→浅色醒目 */
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark [class*="bg-amber-900"],
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark [class*="bg-emerald-900"] {
  background: none !important;
  border-color: #d1d5db !important;
}
/* 风险头部文字→深色 */
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark .text-amber-300,
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark .text-amber-400\/70,
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark .text-emerald-300,
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark .text-emerald-400\/70 {
  color: #1a1a1a !important;
}
/* 风险图标保持原色 */
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark .text-amber-400 {
  color: #d97706 !important;
}
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark .text-emerald-400 {
  color: #059669 !important;
}
/* 深色边框→浅色 */
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark [class*="border-[#2a2a3a]"],
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark [class*="border-amber-700"],
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark [class*="border-emerald-700"] {
  border-color: #d1d5db !important;
}
/* 加载中状态：深色底→浅色 */
:is(html:not([data-theme="dark"]), body:not([data-theme="dark"])) .legal-modal-dark .legal-shield-container {
  background: #f5f6f8 !important;
}
/* =========================================================================
   [USV-MOBILE-FIX-20260925] 手机端适配补丁
   四类问题：侧栏抽屉+汉堡 / 内容溢出 / 文字截断 / flex撑破
   ========================================================================= */
/* === 1. 侧栏抽屉：手机端隐藏，汉堡按钮控制 === */
@media (max-width: 768px) {
  .page-nav-container {
    transform: translateX(-100%) !important;
    transition: transform .3s ease !important;
    z-index: 9999 !important;
    box-shadow: 2px 0 12px rgba(0,0,0,.3) !important;
  }
  .page-nav-container.usv-nav-open {
    transform: translateX(0) !important;
  }
  .usv-nav-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.4);
    z-index: 9998;
  }
  .usv-nav-overlay.usv-nav-open {
    display: block;
  }
  .usv-burger {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px; height: 36px;
    cursor: pointer;
    flex-shrink: 0;
  }
  .usv-burger svg {
    width: 22px; height: 22px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
  }
}
@media (min-width: 769px) {
  .usv-burger { display: none !important; }
  .usv-nav-overlay { display: none !important; }
}
/* === 2. 快速使用页：radio button + select 溢出 === */
@media (max-width: 768px) {
  .arco-radio-group {
    flex-wrap: wrap !important;
    gap: 4px !important;
  }
  .arco-radio-button {
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
  .arco-select-view-single {
    max-width: 160px !important;
    width: auto !important;
  }
}
/* === 3. 声音页：内容容器 608px 溢出 === */
@media (max-width: 768px) {
  .page-container > div:not(.page-nav-container):not(.usv-nav-overlay):not(.usv-burger) {
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
  }
  .flex-1 {
    min-width: 0 !important;
  }
  .flex-1.flex, .h-full.flex {
    flex-wrap: wrap !important;
    min-width: 0 !important;
  }
}
/* === 4. 设置页：侧栏不撑爆主内容 === */
@media (max-width: 768px) {
  .page-container {
    flex-direction: column !important;
  }
  .page-container > div > div[class*=sidebar]:not(.page-nav-container),
  .page-container > div > div[class*=nav]:not(.page-nav-container) {
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    position: static !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
  }
  .page-container > div > div[class*=content]:not(.page-nav-container) {
    width: 100% !important;
    max-width: 100vw !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}
/* === 5. 形象页 sliver 修复 === */
@media (max-width: 768px) {
  .text-gray-400.ml-3 {
    min-width: unset !important;
    width: auto !important;
  }
}
/* === 6. 通用：所有 flex/grid 容器 min-width:0 === */
@media (max-width: 768px) {
  .page-container > * {
    min-width: 0 !important;
  }
  .arco-tabs-pane {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .arco-tabs-content {
    overflow-x: auto !important;
  }
}
/* === 7. window-header 留汉堡按钮空间 === */
@media (max-width: 768px) {
  .window-header {
    padding-left: 8px !important;
  }
}
/* [USV-QUICK-TIMELINE-20260925V2] 快速使用页 sidebar → 竖向时间线胶囊 */
@media (max-width: 768px) {
  .quick-use-page {
    grid-template-columns: 48px 1fr !important;
  }
  .quick-use-sidebar {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  .quick-use-sidebar .arco-steps {
    flex-direction: column !important;
    padding: 8px 0 !important;
    align-items: center !important;
  }
  .quick-use-sidebar .arco-steps-item {
    min-height: 52px !important;
    position: relative !important;
    width: 48px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 !important;
  }
  .quick-use-sidebar .arco-steps-item-tail {
    position: absolute !important;
    left: 23px !important;
    top: 28px !important;
    bottom: -8px !important;
    width: 2px !important;
    background: #d9d9d9 !important;
    height: auto !important;
  }
  .quick-use-sidebar .arco-steps-item:last-child .arco-steps-item-tail {
    display: none !important;
  }
  .quick-use-sidebar .arco-steps-item-node {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    z-index: 2 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .quick-use-sidebar .arco-steps-icon {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
  }
  .quick-use-sidebar .arco-steps-item-content {
    margin-top: 2px !important;
    text-align: center !important;
    padding: 0 !important;
    max-width: 44px !important;
    overflow: hidden !important;
  }
  .quick-use-sidebar .arco-steps-item-title {
    font-size: 9px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    max-width: 44px !important;
    display: block !important;
    text-align: center !important;
    color: #86909c !important;
  }
  .quick-use-sidebar .arco-steps-item-process .arco-steps-item-node,
  .quick-use-sidebar .arco-steps-item-active .arco-steps-item-node {
    background: #165dff !important;
    border-color: #165dff !important;
  }
  .quick-use-sidebar .arco-steps-item-process .arco-steps-icon,
  .quick-use-sidebar .arco-steps-item-active .arco-steps-icon {
    color: #fff !important;
  }
  .quick-use-sidebar .arco-steps-item-process .arco-steps-item-title,
  .quick-use-sidebar .arco-steps-item-active .arco-steps-item-title {
    color: #165dff !important;
    font-weight: 600 !important;
  }
  .quick-use-content {
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
}
/* [USV-FIX4-20260925] 4问题统一修复 */
@media (max-width: 768px) {
  /* ① 快速使用 sidebar 可滚动（步骤④⑤⑥⑦可见）*/
  .quick-use-sidebar {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: calc(100vh - 60px) !important;
    -webkit-overflow-scrolling: touch !important;
  }
  /* 隐藏滚动条但保持可滚动 */
  .quick-use-sidebar::-webkit-scrollbar { width: 0 !important; }
  .quick-use-sidebar { scrollbar-width: none !important; }
  /* ③ 帮助/所有页面标题区 — 手机端隐藏账户信息重复 */
  .window-header .user-subscription-card {
    display: none !important;
  }
  .window-header .user-subscription-bar {
    display: none !important;
  }
  .window-header .window-header-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  /* 只保留标题文字，隐藏徽章 */
  .window-header .window-header-badge {
    display: none !important;
  }
  /* ④ 设置页 sidebar → 48px 时间线胶囊 */
  .setting-container {
    flex-direction: row !important;
  }
  .setting-sidebar {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    padding: 8px 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
  }
  .setting-sidebar .setting-menu-item {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    padding: 8px 4px !important;
    margin-bottom: 4px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 8px !important;
    position: relative !important;
  
  -webkit-text-size-adjust: none !important;
  text-size-adjust: none !important;
}
  /* 菜单项标题文字极简 */
  .setting-sidebar .setting-menu-item {
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #86909c !important;
  }
  .setting-sidebar .setting-menu-item svg,
  .setting-sidebar .setting-menu-item i,
  .setting-sidebar .setting-menu-item .arco-icon,
  .setting-sidebar .setting-menu-item [class*="icon"] {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    margin-bottom: 2px !important;
  }
  .setting-sidebar .setting-menu-item.menu-active {
    background: #165dff !important;
    color: #fff !important;
  }
  /* 设置内容区获得最大空间 */
  .setting-content {
    flex: 1 !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
}
/* [USV-FIX5-20260925] 3问题修复 */
@media (max-width: 768px) {
  /* 1. 首页内容区的账户信息重复 → 隐藏（header 已隐藏，这里处理 home-page 内的）*/
  .home-page .user-subscription-bar,
  .home-page .user-subscription-card,
  .home-page .flex.items-center.gap-3.mr-4 {
    display: none !important;
  }
  /* "欢迎使用AI智能体"区域占满宽度 */
  .home-page .flex.items-center.mb-1 .flex-grow {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .home-page .flex.items-center.mb-1 .flex-grow .text-2xl {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 18px !important;
  }
  /* 3. 首页卡片放大按钮 → 手机端隐藏 */
  .module-expand-btn,
  button[class*="module-expand"],
  [class*="expand-btn"] {
    display: none !important;
  }
  /* 卡片放大 scale 变量 → 重置 */
  .module-popup-card {
    --module-popup-scale: 1 !important;
  }
  /* 防止卡片点击触发放大 */
  .module-popup-card {
    transform: none !important;
    cursor: default !important;
  }
}
/* [USV-FIX6-20260925] IP卡片内容截断修复（全端生效，不限手机） */
.module-popup-card .section-card-body {
  max-height: none !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.module-popup-card {
  max-height: none !important;
  overflow: visible !important;
}
.module-popup-card .module-popup-card-body,
.module-popup-card > div:first-child {
  max-height: none !important;
  overflow: visible !important;
}
.section-card-body::-webkit-scrollbar { width: 4px !important; }
.section-card-body { scrollbar-width: thin !important; }