/* 彻底去除数字输入框默认的上下调节小箭头 */
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
    }
    input[type=number] {
      -moz-appearance: textfield;
    }

    /* 主题变量体系定义 (默认暖纸深色，[data-theme='light'] 为暖纸明亮浅色主题) */
    :root {
      --bg-main: #16120E;            /* 底色 · 全套最暗（与浅色"底=最亮"镜像） */
      --bg-header: #211B16;          /* 卡片/顶栏表面 */
      --bg-card: #211B16;            /* 卡片 */
      --bg-panel: #16120E;           /* 面板底层 */
      --bg-panel-header: #211B16;    /* 面板头部 */
      --bg-subpanel: #1C1712;        /* 次级面板微暗沉降区 */
      --bg-subpanel-header: #211B16; /* 次级面板头部 */
      --bg-hover: #2A231C;           /* 浮层/交互悬停底色 */
      --bg-input: #16120E;           /* 输入框暗底 */
      --border-color: #2E2720;       /* 分隔线/描边 */
      --border-sub: #2E2720;         /* 次级分隔线 */
      --text-main: #F3EDE4;          /* 主文字 · 暖米白 */
      --text-white: #F3EDE4;         /* 高亮白字对齐暖米白 */
      --text-muted: #A89C8D;         /* 次级文字 · 暖灰 */
      --text-sub: #87755F;           /* 辅助文字 · 暖灰浅/弱 */
      --scrollbar-track: #16120E;    /* 滚动条轨道 */
      --scrollbar-thumb: #453A31;    /* 滚动条滑块 · 暖灰深 */
      --chart-bg: #16120E;           /* 图表背景 */
      --chart-axis-line: #2E2720;    /* 坐标轴线 */
      --chart-split-line: #2E2720;   /* 分割线 */
      --chart-label-color: #A89C8D;  /* 坐标标签 */
      --chart-value-color: #F3EDE4;  /* 数值高亮 */
      --chart-slider-bg: #211B16;    /* 滑块底色 */
      --chart-slider-border: #2E2720;/* 滑块描边 */
    }

    html[data-theme="light"], body[data-theme="light"] {
      --bg-main: #FFFFFF;            /* 底色 · 最白最亮（定稿口径） */
      --bg-header: #FFFFFF;          /* 顶栏与底同色，靠暖色描边分层 */
      --bg-card: #FFFFFF;            /* 卡片表面 */
      --bg-panel: #FFFFFF;           /* 面板 */
      --bg-panel-header: #FFFFFF;    /* 面板头 */
      --bg-subpanel: #F7F2EC;        /* 米白 · 原图底色，降级为分区/沉降底 */
      --bg-subpanel-header: #F7F2EC; /* 次级面板头 */
      --bg-hover: #F7F2EC;           /* 交互悬停暖米底 */
      --bg-input: #FFFFFF;           /* 输入框底 */
      --border-color: #E7DFD2;       /* 卡片描边/分隔线 */
      --border-sub: #E7DFD2;         /* 次级描边 */
      --text-main: #1D1916;          /* 主文字 · 暖黑 */
      --text-white: #1D1916;         /* 浅色模式下原白字映射为暖黑 */
      --text-muted: #79736D;         /* 次级文字 · 暖灰 */
      --text-sub: #9D988F;           /* 弱辅助文字 */
      --scrollbar-track: #EDE6DA;    /* 条形轨道 · 米白系浅值 */
      --scrollbar-thumb: #CAC3BB;    /* 滚动条滑块 · 暖灰浅 */
      --chart-bg: #FFFFFF;           /* 图表底色纯白 */
      --chart-axis-line: #E7DFD2;    /* 轴线 */
      --chart-split-line: #F7F2EC;   /* 图表分割线暖米白 */
      --chart-label-color: #79736D;  /* 图表文字次级暖灰 */
      --chart-value-color: #1D1916;  /* 图表数值暖黑 */
      --chart-slider-bg: #F7F2EC;    /* 滑块底暖米白 */
      --chart-slider-border: #E7DFD2;/* 滑块描边 */
    }

    /* 经典专业纯黑暗黑主题配色 与 浅色主题无缝映射 */
    html, body {
      background-color: var(--bg-main);
      color: var(--text-main);
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      margin: 0;
      padding: 0;
      overflow: hidden;
      height: 100vh;
      width: 100vw;
    }
    
    ::-webkit-scrollbar { width: 6px; height: 8px; }
    ::-webkit-scrollbar-track { background: var(--scrollbar-track); }
    ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 4px; border: 1px solid var(--border-color); }
    ::-webkit-scrollbar-thumb:hover { background: #E0493B; }

    /* 滚动条常驻高亮类 */
    .always-scrollbar {
      scrollbar-width: thin;
      scrollbar-color: #E0493B var(--scrollbar-track);
    }
    .always-scrollbar::-webkit-scrollbar {
      height: 8px;
      width: 6px;
    }
    .always-scrollbar::-webkit-scrollbar-track {
      background: var(--scrollbar-track);
    }
    .always-scrollbar::-webkit-scrollbar-thumb {
      background: var(--scrollbar-thumb);
      border-radius: 4px;
    }
    .always-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #E0493B;
    }
    
    .border-wenhua { border-color: var(--border-color); }
    .bg-wenhua-dark { background-color: var(--bg-header); }
    .bg-wenhua-card { background-color: var(--bg-card); }
    .text-wenhua-gold { color: #C32426; }
    .text-wenhua-red { color: #ef4444; }
    .text-wenhua-green { color: #10b981; }

    /* 暖纸浅色主题特定选择器覆盖: 纯白底 + 米白沉降分区 + 暖灰文字 + 暖色描边 */
    /* 浅色主题滚动条规则覆盖：暖纸风格，条形轨道 #EDE6DA，滑块默认 #CAC3BB、悬停 #9D988F */
    html[data-theme="light"] {
      scrollbar-color: #CAC3BB #EDE6DA;
      scrollbar-width: thin;
    }
    html[data-theme="light"] * {
      scrollbar-color: #CAC3BB #EDE6DA;
      scrollbar-width: thin;
    }
    html[data-theme="light"] ::-webkit-scrollbar,
    html[data-theme="light"] *::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    html[data-theme="light"] ::-webkit-scrollbar-track,
    html[data-theme="light"] *::-webkit-scrollbar-track {
      background: #EDE6DA;
    }
    html[data-theme="light"] ::-webkit-scrollbar-thumb,
    html[data-theme="light"] *::-webkit-scrollbar-thumb {
      background: #CAC3BB;
      border-radius: 4px;
      border: 1px solid #EDE6DA;
    }
    html[data-theme="light"] ::-webkit-scrollbar-thumb:hover,
    html[data-theme="light"] *::-webkit-scrollbar-thumb:hover {
      background: #9D988F;
    }
    html[data-theme="light"] .always-scrollbar {
      scrollbar-width: thin;
      scrollbar-color: #CAC3BB #EDE6DA;
    }
    html[data-theme="light"] .always-scrollbar::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    html[data-theme="light"] .always-scrollbar::-webkit-scrollbar-track {
      background: #EDE6DA;
    }
    html[data-theme="light"] .always-scrollbar::-webkit-scrollbar-thumb {
      background: #CAC3BB;
      border-radius: 4px;
      border: 1px solid #EDE6DA;
    }
    html[data-theme="light"] .always-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #9D988F;
    }
    html[data-theme="light"] .bg-\[\#0c0e14\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#000000\], html[data-theme="light"] .bg-\[\#000\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#050608\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#040507\] { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-\[\#080a10\] { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-\[\#0e121a\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#121622\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#141924\] { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-\[\#171b26\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#11141d\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#07090e\] { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-\[\#06080d\] { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-\[\#0f131f\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#0f131c\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#10131b\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#12151e\] { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-\[\#161a26\] { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-\[\#141926\] { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-\[\#0b0e14\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#121624\] { background-color: #FFFFFF !important; }
    html[data-theme="light"] .bg-\[\#161a24\] { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-\[\#1a1f2c\]\/90 { background-color: rgba(255, 255, 255, 0.95) !important; }
    /* 浮层/加载占位带透明度后缀的深色背景在浅色下同样跟随主题：纯白/米白 */
    html[data-theme="light"] .bg-\[\#0c0e14\]\/70 { background-color: rgba(255, 255, 255, 0.7) !important; }
    html[data-theme="light"] .bg-\[\#0c0e14\]\/80 { background-color: rgba(255, 255, 255, 0.8) !important; }
    html[data-theme="light"] .bg-\[\#0c0e14\]\/85 { background-color: rgba(255, 255, 255, 0.85) !important; }
    html[data-theme="light"] .bg-\[\#0c0e14\]\/90 { background-color: rgba(255, 255, 255, 0.9) !important; }
    html[data-theme="light"] .bg-\[\#11141d\]\/95 { background-color: rgba(255, 255, 255, 0.95) !important; }
    html[data-theme="light"] .bg-\[\#161a26\]\/95 { background-color: rgba(247, 242, 236, 0.95) !important; }
    html[data-theme="light"] .bg-\[\#121622\]\/40 { background-color: rgba(247, 242, 236, 0.4) !important; }
    html[data-theme="light"] .border-gray-700\/80 { border-color: #E7DFD2 !important; }
    html[data-theme="light"] .bg-gray-800 { background-color: #F7F2EC !important; }
    html[data-theme="light"] .bg-gray-900 { background-color: #EDE6DA !important; }
    html[data-theme="light"] .hover\:bg-gray-800:hover { background-color: #F7F2EC !important; }
    html[data-theme="light"] .hover\:bg-gray-700:hover { background-color: #F7F2EC !important; }

    /* 文字颜色适配: 主文字暖黑 #1D1916、次文字暖灰 #79736D */
    html[data-theme="light"] .text-white { color: #1D1916 !important; }
    html[data-theme="light"] .text-gray-100 { color: #1D1916 !important; }
    html[data-theme="light"] .text-gray-200 { color: #1D1916 !important; }
    html[data-theme="light"] .text-gray-300 { color: #453A31 !important; }
    html[data-theme="light"] .text-gray-400 { color: #79736D !important; }
    html[data-theme="light"] .text-gray-500 { color: #79736D !important; }
    html[data-theme="light"] .text-gray-600 { color: #79736D !important; }
    html[data-theme="light"] .hover\:text-white:hover { color: #1D1916 !important; }

    /* 边框适配: 暖纸描边 #E7DFD2 */
    html[data-theme="light"] .border-gray-700,
    html[data-theme="light"] .border-gray-800,
    html[data-theme="light"] .border-gray-900,
    html[data-theme="light"] .border-\[\#11141c\],
    html[data-theme="light"] .border-\[\#141824\],
    html[data-theme="light"] .border-\[\#111520\],
    html[data-theme="light"] .border-\[\#1e2538\],
    html[data-theme="light"] .border-\[\#182033\],
    html[data-theme="light"] .border-\[\#1c2438\],
    html[data-theme="light"] .border-\[\#1a2133\],
    html[data-theme="light"] .border-\[\#232b3e\],
    html[data-theme="light"] .border-\[\#2b354c\],
    html[data-theme="light"] .border-\[\#1f2535\],
    html[data-theme="light"] .border-\[\#293247\],
    html[data-theme="light"] .border-\[\#0d1017\],
    html[data-theme="light"] .border-\[\#0c0e14\] {
      border-color: #E7DFD2 !important;
    }
    html[data-theme="light"] .divide-\[\#161c2c\] > :not([hidden]) ~ :not([hidden]),
    html[data-theme="light"] .divide-\[\#171b26\] > :not([hidden]) ~ :not([hidden]),
    html[data-theme="light"] tr.border-b {
      border-color: #E7DFD2 !important;
    }

    /* 悬停与列表行交互背景: 暖米底 #F7F2EC */
    html[data-theme="light"] .hover\:bg-\[\#121622\]:hover,
    html[data-theme="light"] .hover\:bg-\[\#151a2a\]:hover,
    html[data-theme="light"] .hover\:bg-\[\#1a202c\]:hover,
    html[data-theme="light"] .hover\:bg-\[\#151924\]:hover,
    html[data-theme="light"] .hover\:bg-\[\#1d2332\]:hover,
    html[data-theme="light"] .hover\:bg-\[\#161c2b\]:hover,
    html[data-theme="light"] .hover\:bg-\[\#111520\]:hover,
    html[data-theme="light"] .hover\:bg-\[\#0f131c\]:hover {
      background-color: #F7F2EC !important;
    }
    html[data-theme="light"] .timeline-event-item:hover {
      background-color: #F7F2EC !important;
    }

    /* 弹窗遮罩背景适配浅色半透明 (暖黑半透) */
    html[data-theme="light"] .bg-\[\#0c0e14\]\/90,
    html[data-theme="light"] .bg-\[\#0c0e14\]\/85,
    html[data-theme="light"] .bg-\[\#0c0e14\]\/80,
    html[data-theme="light"] .bg-black\/85 {
      background-color: rgba(29, 25, 22, 0.45) !important;
    }

    /* 弹窗内容卡片背景与边框: 面板纯白 #FFFFFF + 描边 #E7DFD2 + 柔和阴影 */
    html[data-theme="light"] #loginModal > div,
    html[data-theme="light"] #articleModal > div,
    html[data-theme="light"] #portfolioModal > div,
    html[data-theme="light"] #conditionStrategyModal > div,
    html[data-theme="light"] #portDepositModal > div,
    html[data-theme="light"] #metricHistoryModal {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
      box-shadow: 0 10px 30px -5px rgba(29, 25, 22, 0.08), 0 4px 12px -2px rgba(29, 25, 22, 0.04) !important;
    }

    /* 弹窗输入框与文本域 */
    html[data-theme="light"] input,
    html[data-theme="light"] textarea,
    html[data-theme="light"] select {
      background-color: #FFFFFF !important;
      color: #1D1916 !important;
      border-color: #E7DFD2 !important;
    }
    html[data-theme="light"] input::placeholder,
    html[data-theme="light"] textarea::placeholder {
      color: #79736D !important;
    }

    /* ===== 问题1: 基本面数据列表选中行 (如日照港PB粉) 与行内文字、徽章适配 ===== */
    html[data-theme="light"] #fundSidebarTableBody tr {
      background-color: #FFFFFF;
      color: #1D1916 !important;
    }
    html[data-theme="light"] #fundSidebarTableBody tr:hover,
    html[data-theme="light"] #fundSidebarTableBody tr.active,
    html[data-theme="light"] #fundSidebarTableBody tr.selected {
      background-color: #F7F2EC !important;
      color: #1D1916 !important;
    }
    html[data-theme="light"] #fundSidebarTableBody tr td {
      color: #1D1916 !important;
      border-color: #E7DFD2 !important;
    }
    html[data-theme="light"] #fundSidebarTableBody tr td .text-gray-200,
    html[data-theme="light"] #fundSidebarTableBody tr td .text-gray-300,
    html[data-theme="light"] #fundSidebarTableBody tr td .text-gray-400 {
      color: #1D1916 !important;
    }
    html[data-theme="light"] #fundSidebarTableBody tr td .text-gray-500 {
      color: #79736D !important;
    }
    html[data-theme="light"] #fundSidebarTableBody tr td .text-orange-400 {
      color: #C32426 !important;
    }
    html[data-theme="light"] #fundSidebarTableBody tr td .text-orange-400\/80 {
      color: #C32426 !important;
    }

    /* ===== 问题2: 深度产业逻辑卡片 与 详情弹窗浅色适配 ===== */
    html[data-theme="light"] #topicsStream > div > div.flex-1 {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
      box-shadow: 0 4px 16px rgba(29, 25, 22, 0.05) !important;
    }
    html[data-theme="light"] #topicsStream > div > div.flex-1:hover {
      border-color: #C32426 !important;
      box-shadow: 0 6px 20px rgba(195, 36, 38, 0.12) !important;
    }
    html[data-theme="light"] #topicsStream h3,
    html[data-theme="light"] #topicsStream .text-white {
      color: #1D1916 !important;
    }
    html[data-theme="light"] #topicsStream .text-gray-200,
    html[data-theme="light"] #topicsStream .text-gray-300 {
      color: #1D1916 !important;
    }
    html[data-theme="light"] #topicsStream .text-gray-400,
    html[data-theme="light"] #topicsStream .text-gray-500 {
      color: #79736D !important;
    }
    html[data-theme="light"] #topicsStream .bg-\[\#0b0e14\] {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #1D1916 !important;
    }
    html[data-theme="light"] #topicsStream .text-orange-400\/90,
    html[data-theme="light"] #topicsStream .text-orange-400 {
      color: #C32426 !important;
    }
    html[data-theme="light"] #topicsStream button.border-blue-700\/60 {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #C32426 !important;
    }
    html[data-theme="light"] #topicsStream button.border-blue-700\/60:hover {
      background-color: #EDE6DA !important;
      color: #D0352E !important;
    }

    /* ===== 问题3: "点击还原K线大图" 胶囊浅色适配 ===== */
    html[data-theme="light"] #restoreCenterOverlay button {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
      box-shadow: 0 4px 14px rgba(29, 25, 22, 0.08) !important;
    }
    html[data-theme="light"] #restoreCenterOverlay button:hover {
      background-color: #F7F2EC !important;
      border-color: #C32426 !important;
    }
    html[data-theme="light"] #restoreCenterOverlay button span {
      color: #1D1916 !important;
    }
    html[data-theme="light"] #restoreCenterOverlay button span.text-\[10px\] {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #79736D !important;
    }

    /* ===== 问题4: 行情报价面板的 自选 与 策略 按钮浅色适配 ===== */
    html[data-theme="light"] #depthFavBtn {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
      color: #1D1916 !important;
      box-shadow: 0 1px 3px rgba(29, 25, 22, 0.04) !important;
    }
    html[data-theme="light"] #depthFavBtn:hover {
      background-color: #F7F2EC !important;
      border-color: #CAC3BB !important;
    }
    html[data-theme="light"] #depthFavBtn .text-gray-400,
    html[data-theme="light"] #depthFavBtn .text-gray-200 {
      color: #1D1916 !important;
    }
    html[data-theme="light"] #depthFavBtn.bg-yellow-950\/80 {
      background-color: #F7F2EC !important;
      border-color: #CAC3BB !important;
      color: #C32426 !important;
    }
    html[data-theme="light"] #depthFavBtn.bg-yellow-950\/80 .text-yellow-400,
    html[data-theme="light"] #depthFavBtn.bg-yellow-950\/80 .text-yellow-300 {
      color: #C32426 !important;
    }
    html[data-theme="light"] button[data-action="open-strategy"] {
      background: #C32426 !important;
      border-color: #C32426 !important;
      color: #FFFFFF !important;
      box-shadow: 0 1px 4px rgba(195, 36, 38, 0.25) !important;
    }
    html[data-theme="light"] button[data-action="open-strategy"]:hover {
      background: #D0352E !important;
      border-color: #D0352E !important;
    }

    /* ===== 问题5: 右侧面板顶部 "⚡ 新闻&基本面 →" 胶囊大按钮在深色/浅色两个主题统一样式 ===== */
    html[data-theme="light"] #rightDepthPanel .news-pill-btn,
    html[data-theme="dark"] #rightDepthPanel .news-pill-btn,
    #rightDepthPanel .news-pill-btn {
      background-color: #C32426 !important;
      color: #ffffff !important;
    }

    /* ===== 问题6: 所有 Tab 导航栏与激活态浅色规范化 (浅底深字、暖纸红与沉降底) ===== */
    html[data-theme="light"] .view-tab-btn {
      color: #79736D !important;
      background-color: transparent !important;
      border-color: transparent !important;
    }
    html[data-theme="light"] .view-tab-btn:hover {
      color: #1D1916 !important;
      background-color: #F7F2EC !important;
    }
    html[data-theme="light"] .view-tab-btn.active,
    html[data-theme="light"] #tabBtnNews.active,
    html[data-theme="light"] #tabBtnTopics.active,
    html[data-theme="light"] #tabBtnFundamentals.active,
    html[data-theme="light"] #tabBtnSemantic.active {
      background-color: #F7F2EC !important;
      color: #C32426 !important;
      border-color: #C32426 !important;
      font-weight: bold !important;
      box-shadow: none !important;
    }
    html[data-theme="light"] .view-tab-btn.active span,
    html[data-theme="light"] #tabBtnNews.active span,
    html[data-theme="light"] #tabBtnTopics.active span,
    html[data-theme="light"] #tabBtnFundamentals.active span {
      color: #C32426 !important;
    }

    /* 周期切换按钮 (1分/5分/15分/60分/日线/周线) 浅色适配 */
    html[data-theme="light"] #btn-period-daily.bg-\[\#ff6700\],
    html[data-theme="light"] button[id^="btn-period-"].bg-\[\#ff6700\] {
      background-color: #F7F2EC !important;
      color: #C32426 !important;
    }

    /* 系统性适配: 所有弹窗内徽章、深色块、按钮与微缩图表卡片 ===== */
    /* 基本面微缩走势卡片 */
    html[data-theme="light"] #fundChartsGrid > div {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
      box-shadow: 0 2px 8px rgba(29, 25, 22, 0.04) !important;
    }
    html[data-theme="light"] #fundChartsGrid > div:hover {
      border-color: #C32426 !important;
      box-shadow: 0 4px 14px rgba(195, 36, 38, 0.12) !important;
    }

    /* 脱水快讯中的微缩柱状图胶囊与偏向标签 */
    html[data-theme="light"] .shrink-0.bg-\[\#10131d\] {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
    }
    html[data-theme="light"] .shrink-0.bg-\[\#10131d\]:hover {
      background-color: #F7F2EC !important;
      border-color: #CAC3BB !important;
    }
    html[data-theme="light"] .shrink-0.bg-\[\#10131d\] span {
      color: #1D1916 !important;
    }

    /* 常见徽章类在浅色下的柔和适配 */
    html[data-theme="light"] .bg-blue-950\/80,
    html[data-theme="light"] .bg-blue-950\/50,
    html[data-theme="light"] .bg-blue-950\/40,
    html[data-theme="light"] .bg-blue-950\/20,
    html[data-theme="light"] .bg-blue-900\/40 {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #C32426 !important;
    }
    html[data-theme="light"] .text-blue-300,
    html[data-theme="light"] .text-blue-400 {
      color: #C32426 !important;
    }
    html[data-theme="light"] .bg-orange-950\/80,
    html[data-theme="light"] .bg-orange-950\/70,
    html[data-theme="light"] .bg-orange-950\/60,
    html[data-theme="light"] .bg-orange-950\/40,
    html[data-theme="light"] .bg-orange-950\/20 {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #C32426 !important;
    }
    html[data-theme="light"] .bg-amber-950\/40 {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #79736D !important;
    }
    html[data-theme="light"] .bg-purple-950\/40 {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #79736D !important;
    }

    /* 搜索下拉推荐列表浅色适配 */
    html[data-theme="light"] #searchDropdown {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
      box-shadow: 0 10px 25px rgba(29, 25, 22, 0.08) !important;
    }
    html[data-theme="light"] .search-suggest-row {
      background-color: #FFFFFF !important;
      color: #1D1916 !important;
      border-color: #E7DFD2 !important;
    }
    html[data-theme="light"] .search-suggest-row:hover,
    html[data-theme="light"] .search-suggest-row.bg-\[\#1a202c\] {
      background-color: #F7F2EC !important;
      color: #1D1916 !important;
    }
    html[data-theme="light"] .search-suggest-row span {
      color: inherit;
    }

    /* 弹窗顶栏与底栏背景适配纯白或浅底 */
    html[data-theme="light"] #metricHistoryModal > div:first-child,
    html[data-theme="light"] #articleModal .h-14,
    html[data-theme="light"] #articleModal .h-12,
    html[data-theme="light"] #portfolioModal .h-12,
    html[data-theme="light"] #portfolioModal .h-8 {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
    }
    html[data-theme="light"] #metricModalCurrentVal {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #C32426 !important;
    }
    html[data-theme="light"] #metricHistoryModal .inline-flex.bg-\[\#141926\] {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
    }
    html[data-theme="light"] #metricHistoryModal .inline-flex.bg-\[\#141926\] button {
      color: #79736D !important;
    }
    html[data-theme="light"] #metricHistoryModal .inline-flex.bg-\[\#141926\] button.bg-orange-950\/70,
    html[data-theme="light"] #metricHistoryModal .inline-flex.bg-\[\#141926\] button.bg-blue-950\/50 {
      background-color: #EDE6DA !important;
      color: #C32426 !important;
      font-weight: bold !important;
    }

    /* 研报全文弹窗正文排版适配 */
    html[data-theme="light"] #modalArticleBody {
      background-color: #FFFFFF !important;
      color: #1D1916 !important;
    }
    html[data-theme="light"] #modalArticleBody p {
      color: #1D1916 !important;
    }
    html[data-theme="light"] #modalArticleBody h2,
    html[data-theme="light"] #modalArticleBody h3 {
      color: #1D1916 !important;
    }

    /* 条件单制定与持仓大盘中的卡片与表格 */
    html[data-theme="light"] #conditionStrategyModal .bg-\[\#111520\],
    html[data-theme="light"] #portfolioModal .bg-\[\#111520\] {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
      color: #1D1916 !important;
    }
    html[data-theme="light"] #conditionStrategyModal .bg-\[\#090c12\],
    html[data-theme="light"] #portfolioModal .bg-\[\#0a0d14\],
    html[data-theme="light"] #portfolioModal .bg-\[\#080a0f\],
    html[data-theme="light"] #portfolioModal .bg-\[\#0d1017\],
    html[data-theme="light"] #portfolioModal .bg-\[\#07090e\] {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #1D1916 !important;
    }

    /* 2026-10-26 主力轮步骤四：策略窗口浅色漏网三处成套补齐（深色模式不受影响，本块仅 light 下生效）。
       ① 右侧已挂策略目录面板 bg-[#080a0f]：此前 light 规则只写了 #portfolioModal，策略窗口同色面板漏网致浅色下仍黑；
       ② 策略卡片悬停 bg-[#151a28]：此前 light 悬停映射表无此色，悬停仍跳深色；
       ③ 卡片内绿条 bg-[#0a120e]：此前无任何 light 映射，浅色下仍为深绿底。 */
    html[data-theme="light"] #conditionStrategyModal .bg-\[\#080a0f\] {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
      color: #1D1916 !important;
    }
    html[data-theme="light"] #conditionStrategyModal .hover\:bg-\[\#151a28\]:hover {
      background-color: #F7F2EC !important;
    }
    html[data-theme="light"] #conditionStrategyModal .bg-\[\#0a120e\] {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
      color: #1E7A34 !important;
    }

    /* 顶部主题切换按钮动效 */
    .theme-toggle-btn {
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .theme-toggle-btn:hover {
      transform: scale(1.05);
    }

    /* 跑马灯 */
    @keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }
    .animate-marquee {
      display: inline-block;
      white-space: nowrap;
      animation: marquee 28s linear infinite;
    }
    .animate-marquee:hover {
      animation-play-state: paused;
    }
    
    /* 呼吸高亮动效 */
    @keyframes pulse-border {
      0%, 100% { border-color: #ff6700; }
      50% { border-color: #ff7d1a; box-shadow: 0 0 14px rgba(255, 103, 0, 0.5); }
    }
    .pulse-highlight {
      animation: pulse-border 1.2s ease-in-out 2;
    }

    /* 实时事件按钮文字动态缩放与呼吸慢闪 (吸睛动感，放大缩小慢速脉动) */
    @keyframes slow-breath-glow {
      0%, 100% {
        opacity: 0.8;
        transform: scale(0.95);
        filter: drop-shadow(0 0 2px rgba(255, 103, 0, 0.4));
      }
      50% {
        opacity: 1;
        transform: scale(1.08);
        filter: drop-shadow(0 0 10px rgba(255, 120, 0, 1)) drop-shadow(0 0 18px rgba(255, 160, 0, 0.8));
      }
    }
    /* 胶囊主按钮呼吸跳动 + 光晕脉冲动画 */
    @keyframes news-pill-bounce {
      0%, 100% {
        transform: translateY(0);
        box-shadow: 0 0 6px rgba(195, 36, 38, 0.4);
      }
      50% {
        transform: translateY(-2px);
        box-shadow: 0 2px 12px rgba(195, 36, 38, 0.7);
      }
    }
    /* 胶囊内箭头单独左右滑动循环 */
    @keyframes news-pill-arrow-slide {
      0%, 100% {
        transform: translateX(0);
      }
      50% {
        transform: translateX(4px);
      }
    }
    .news-pill-btn {
      background-color: #C32426 !important;
      color: #ffffff !important;
      border-radius: 6px !important; /* 长方形微圆角 (替代两头圆胶囊 999px) */
      padding: 6px 14px !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      border: 1px solid rgba(195, 36, 38, 0.4) !important;
      cursor: pointer;
      animation: news-pill-bounce 1.6s ease-in-out infinite;
      box-shadow: 0 0 6px rgba(195, 36, 38, 0.3);
      transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
      white-space: nowrap;
      text-decoration: none;
    }
    .news-pill-btn:hover {
      animation-play-state: paused !important;
      background-color: #D0352E !important;
      opacity: 0.95;
    }
    .news-pill-btn .news-pill-arrow {
      display: inline-block;
      margin-left: 5px;
      font-weight: 700;
      animation: news-pill-arrow-slide 1.2s ease-in-out infinite;
    }
    .news-pill-btn:hover .news-pill-arrow {
      animation-play-state: paused !important;
    }
    @media (prefers-reduced-motion: reduce) {
      .news-pill-btn,
      .news-pill-btn .news-pill-arrow {
        animation: none !important;
      }
    }

    .breath-glow-text {
      animation: slow-breath-glow 2.0s ease-in-out infinite;
      display: inline-flex;
      align-items: center;
      transform-origin: center center;
    }

    /* 强烈指引性向右推进动态光波箭头动画 (用户指令: 动起来，指引性更强) */
    @keyframes arrow-nudge-flow {
      0%, 100% {
        transform: translateX(0);
        opacity: 0.6;
      }
      50% {
        transform: translateX(4px);
        opacity: 1;
        filter: drop-shadow(0 0 6px rgba(255, 180, 0, 0.9));
      }
    }
    .nudge-arrow-flow {
      animation: arrow-nudge-flow 1.0s cubic-bezier(0.4, 0, 0.2, 1) infinite;
      display: inline-block;
    }

    /* K 线视窗动画过渡 */
    #klineSection {
      transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      will-change: height;
    }

    /* 全屏K线模式下: 底部跳动按钮 */
    @keyframes bounce-slow {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-6px); }
    }
    .bounce-indicator {
      animation: bounce-slow 1.6s ease-in-out infinite;
    }
    .indicator-glass-btn {
      background: rgba(12, 14, 19, 0.78);
      border: 1px solid rgba(255, 103, 0, 0.6);
      backdrop-filter: blur(6px);
      box-shadow: 0 4px 18px rgba(0, 0, 0, 0.7), 0 0 10px rgba(255, 103, 0, 0.25);
      transition: all 0.2s ease;
    }
    .indicator-glass-btn:hover {
      background: rgba(20, 24, 33, 0.95);
      border-color: #ff6700;
      box-shadow: 0 0 20px rgba(255, 103, 0, 0.5);
      transform: translateY(-2px);
    }

    .restore-overlay-box {
      background: rgba(10, 12, 16, 0.65);
      border: 1px solid rgba(255, 103, 0, 0.45);
      backdrop-filter: blur(4px);
      transition: all 0.2s ease;
    }
    .restore-overlay-box:hover {
      background: rgba(15, 18, 24, 0.95);
      border-color: #ff6700;
      box-shadow: 0 0 14px rgba(255, 103, 0, 0.35);
      transform: translateY(-1px);
    }

    .restore-bar-btn {
      background: rgba(255, 103, 0, 0.15);
      border: 1px solid rgba(255, 103, 0, 0.5);
      transition: all 0.2s ease;
    }
    .restore-bar-btn:hover {
      background: rgba(255, 103, 0, 0.28);
      border-color: #ff6700;
      box-shadow: 0 0 10px rgba(255, 103, 0, 0.3);
    }

    /* 垂直时间轴实线与游标 */
    .timeline-vertical-line {
      width: 2px;
      background: linear-gradient(180deg, rgba(255, 103, 0, 0.85) 0%, rgba(255, 103, 0, 0.5) 50%, rgba(55, 65, 81, 0.6) 100%);
      box-shadow: 0 0 8px rgba(255, 103, 0, 0.3);
    }

    /* 水平引导虚线 */
    .timeline-dash-guide {
      border-top: 1px dashed rgba(255, 103, 0, 0.45);
      height: 0;
    }

    /* 半透明时钟控制器面板 */
    .clock-gadget-box {
      background: rgba(8, 10, 14, 0.85);
      border: 1px solid rgba(255, 103, 0, 0.4);
      backdrop-filter: blur(8px);
      box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.7), 0 0 10px rgba(255, 103, 0, 0.15);
    }

    /* 24小时表盘刻度线交互 */
    .dial-tick-interactive {
      cursor: pointer;
      transition: all 0.15s ease;
    }
    .dial-tick-interactive:hover {
      stroke: #ff8c2e !important;
      stroke-width: 3.5 !important;
      filter: drop-shadow(0 0 4px #ff6700);
    }

    /* 交易时段档位按钮 */
    .session-gear-btn {
      transition: all 0.15s ease;
    }
    .session-gear-btn:hover, .session-gear-btn.active {
      background-color: #ff6700 !important;
      color: #000 !important;
      font-weight: bold;
      transform: translateX(2px);
      border-color: #ff6700 !important;
    }

    /* 主 Tab 按钮样式 */
    .view-tab-btn {
      transition: all 0.2s ease;
    }
    .view-tab-btn.active {
      background: rgba(255, 103, 0, 0.15);
      border-color: #ff6700;
      color: #ff6700;
      font-weight: bold;
    }
    /* ===== 浅色协调补强: 投研工作台(模拟/自选/策略战报)与策略弹窗 (2026-10-27 用户目检反馈) ===== */
    /* 黑色胶囊容器 (顶栏Tab组/排序切换组/模式切换组) 浅色下改米白底+暖描边, 不再黑底白字 */
    html[data-theme="light"] #portfolioModal .bg-black\/80,
    html[data-theme="light"] #portfolioModal .bg-black {
      background-color: #F7F2EC !important;
      border-color: #E7DFD2 !important;
    }
    /* 淡彩文字 (300系粉彩) 在白底上加深到暖纸深色阶, 保证可读: KPI数值/策略信息条/状态徽章 */
    html[data-theme="light"] #portfolioModal .text-yellow-300,
    html[data-theme="light"] #conditionStrategyModal .text-yellow-300 { color: #C32426 !important; }
    html[data-theme="light"] #portfolioModal .text-amber-300,
    html[data-theme="light"] #conditionStrategyModal .text-amber-300 { color: #C32426 !important; }
    html[data-theme="light"] #portfolioModal .text-purple-300,
    html[data-theme="light"] #conditionStrategyModal .text-purple-300 { color: #79736D !important; }
    html[data-theme="light"] #portfolioModal .text-blue-300,
    html[data-theme="light"] #conditionStrategyModal .text-blue-300 { color: #C32426 !important; }
    html[data-theme="light"] #portfolioModal .text-green-300,
    html[data-theme="light"] #conditionStrategyModal .text-green-300 { color: #15803D !important; }
    html[data-theme="light"] #portfolioModal .text-red-300,
    html[data-theme="light"] #conditionStrategyModal .text-red-300 { color: #C32426 !important; }
    /* 总资产/最新价等黄色数值 (text-yellow-400) 浅色下加深为暖黑/朱红 */
    html[data-theme="light"] #portfolioModal .text-yellow-400 { color: #C32426 !important; }
    /* 自选与持仓表格分隔线颜色对齐浅色描边 */
    html[data-theme="light"] #portTableBody.divide-\[\#171b26\] > :not([hidden]) ~ :not([hidden]) { border-color: #E7DFD2 !important; }

    /* ===== 2026-10-28 明度原则修正 (用户口径: 与色相无关、只看明度——深色页深灰框+浅字, 浅色页浅框+深字) ===== */
    /* 深色: 两弹窗小字提亮 (采用暖纸深色次级字 #A89C8D) */
    #portfolioModal .text-gray-500, #conditionStrategyModal .text-gray-500,
    #conditionStrategyModal .text-gray-600 { color: #A89C8D; }
    /* 深色: 周期激活 tab 改暖灰深框+朱红字 (底 #211B16、字 #E0493B) */
    button[id^="btn-period-"].bg-\[\#ff6700\] { background-color: #211B16 !important; color: #E0493B !important; }
    /* 中明度彩色盒加深底色: 白字对比保持 5+ */
    #portfolioModal .bg-orange-600 { background-color: #C32426 !important; }
    /* 浅色: 彩色盒内文字恢复白字 (原被浅色全局规则误翻为深字, 与明度原则相悖) */
    html[data-theme="light"] #portfolioModal .bg-orange-600, html[data-theme="light"] #portfolioModal .bg-orange-600 *,
    html[data-theme="light"] #portfolioModal .from-blue-700, html[data-theme="light"] #portfolioModal .from-blue-700 *,
    html[data-theme="light"] #conditionStrategyModal .bg-red-600, html[data-theme="light"] #conditionStrategyModal .bg-red-600 *,
    html[data-theme="light"] #conditionStrategyModal .bg-green-600, html[data-theme="light"] #conditionStrategyModal .bg-green-600 * { color: #FFFFFF !important; }
    /* 浅色: 粉彩强调文字系统性映射为朱红/次级暖灰 */
    html[data-theme="light"] .text-orange-400 { color: #C32426 !important; }
    html[data-theme="light"] .text-orange-500 { color: #C32426 !important; }
    html[data-theme="light"] .text-orange-500\/90 { color: rgba(195, 36, 38, .95) !important; }
    html[data-theme="light"] .text-blue-400 { color: #C32426 !important; }
    /* 浅色: 弹窗内蓝徽章文字映射为朱红 */
    html[data-theme="light"] #conditionStrategyModal .text-blue-300,
    html[data-theme="light"] #portfolioModal .text-blue-300 { color: #C32426 !important; }
    /* 浅色: 画线浮窗标题映射为朱红 */
    html[data-theme="light"] #drawingToolbar .text-orange-400 { color: #C32426 !important; }
    /* 浅色: 投研工作台标题与数值加深 (与既有规则同级、靠后胜出) */
    html[data-theme="light"] #portfolioModal .text-orange-500 { color: #C32426 !important; }
    html[data-theme="light"] #portfolioModal .text-yellow-400 { color: #C32426 !important; }
    html[data-theme="light"] #portfolioModal .text-amber-700 { color: #C32426 !important; }
    html[data-theme="light"] #portfolioModal .bg-gray-900.text-yellow-400 { background-color: #F7F2EC !important; color: #C32426 !important; }
    
    /* 主工具栏按钮样式统一定型 (按用户 2026-10-28 指示: 价差&套利、技术指标、画线工具设计风格一致) */
    #btnOpenArbitrageModal {
      background-image: none !important;
      background-color: #211B16 !important; /* bg-surface */
      border: 1px solid #2E2720 !important; /* border-line */
      color: #F3EDE4 !important;            /* text-main */
      animation: none !important;
      box-shadow: none !important;
    }
    #btnOpenArbitrageModal:hover {
      background-color: #2A231C !important; /* hover:bg-hover */
      border-color: #E0493B !important;    /* hover:primary */
    }
    #btnOpenArbitrageModal span {
      color: #F3EDE4 !important;
    }
    html[data-theme="light"] #btnOpenArbitrageModal {
      background-color: #FFFFFF !important;
      border-color: #E7DFD2 !important;
      color: #1D1916 !important;
    }
    html[data-theme="light"] #btnOpenArbitrageModal:hover {
      background-color: #F7F2EC !important;
      border-color: #C32426 !important;
    }
    html[data-theme="light"] #btnOpenArbitrageModal span {
      color: #1D1916 !important;
    }
    #btnOpenFeedbackModal {
      background-image: none !important;
      background-color: #C32426 !important; /* 与新闻&基本面完全同款的暖纸主红 */
      border-color: #C32426 !important;
      color: #FFFFFF !important;            /* 纯正白字 */
      box-shadow: 0 0 6px rgba(195, 36, 38, 0.4) !important;
    }
    #btnOpenFeedbackModal:hover {
      background-color: #D0352E !important; /* 悬停暖纸红亮面 */
      opacity: 0.95;
    }
    #btnOpenFeedbackModal span {
      color: #FFFFFF !important;
    }

    /* 浅色补深: 战报徽章与昨结切换钮 */
    html[data-theme=light] #portfolioModal .text-amber-300 { color: #C32426 !important; }
    html[data-theme=light] #chgBasisBtn { color: #C32426 !important; }

    /* 浅色补深二: 行情数值粉彩与板块激活字 (注意：保持行情红涨绿跌不变) */
    html[data-theme=light] .text-red-500 { color: #C32426 !important; }
    html[data-theme=light] .text-green-400 { color: #15803D !important; }
    html[data-theme=light] .text-cyan-400 { color: #79736D !important; }
    html[data-theme=light] #sectorContainer .text-blue-400 { color: #C32426 !important; }
    html[data-theme=light] #sectorContainer .bg-blue-600\/20 { background-color: #F7F2EC !important; border-color: #CAC3BB !important; }

    /* ===== 2026-10-28 明度修正四轮 (用户截图复检): 浅色页里 tab/徽章/按钮一律浅框深字, 不留饱和色盒与深色徽章 ===== */
    /* 投研工作台: 激活 tab 橙盒 → 暖米白底朱红字 */
    html[data-theme="light"] #portfolioModal .bg-orange-600 { background-color: #F7F2EC !important; color: #C32426 !important; }
    /* 投研工作台: 挂条件单一句话策略渐变蓝钮 → 暖米底朱红字 (含子元素) */
    html[data-theme="light"] #portfolioModal .from-blue-700 { background-image: none !important; background-color: #F7F2EC !important; color: #C32426 !important; }
    html[data-theme="light"] #portfolioModal .from-blue-700 * { color: #C32426 !important; }
    /* 投研工作台: 分笔明细黄盒 → 暖米底暖黑字 */
    html[data-theme="light"] #portfolioModal .bg-yellow-500 { background-color: #F7F2EC !important; color: #1D1916 !important; }
    /* 投研工作台: 持仓/套利腿深色徽章 → 暖纸浅框深字 */
    html[data-theme="light"] #portfolioModal .bg-red-950.text-red-400 { background-color: #F7F2EC !important; color: #C32426 !important; border-color: #E7DFD2 !important; }
    html[data-theme="light"] #portfolioModal .bg-amber-950 { background-color: #F7F2EC !important; color: #1D1916 !important; border-color: #E7DFD2 !important; }
    /* 策略弹窗: 一键提交渐变蓝钮 → 暖米底朱红字 */
    html[data-theme="light"] #btnQuickSubmitStrategy { background-image: none !important; background-color: #F7F2EC !important; color: #C32426 !important; }
    /* 策略弹窗: 多/空方向钮 → 浅红/浅绿框深字 (保留多红空绿语义) */
    html[data-theme="light"] #conditionStrategyModal #btnDirLong.bg-red-600 { background-color: #F7F2EC !important; color: #C32426 !important; border: 1px solid #E7DFD2 !important; }
    html[data-theme="light"] #conditionStrategyModal #btnDirShort.bg-green-600 { background-color: #F7F2EC !important; color: #15803D !important; border: 1px solid #E7DFD2 !important; }
    /* 策略弹窗: 手动模式激活 tab 琥珀盒 → 暖米底朱红字 */
    html[data-theme="light"] #conditionStrategyModal .bg-amber-500 { background-color: #F7F2EC !important; color: #C32426 !important; }
    /* 画线浮窗: 清空深红盒 → 暖米底朱红字 */
    html[data-theme="light"] #drawingToolbar .bg-red-950\/80 { background-color: #F7F2EC !important; color: #C32426 !important; border-color: #E7DFD2 !important; }

    /* 移动端视口适配 (手机屏幕宽度 <= 768px 时隐藏左右固定侧栏与拖拽把手，释放完整空间给 K 线视窗) */
    @media (max-width: 768px) {
      #leftQuotePanel,
      #resizerLeft,
      #rightDepthPanel,
      #resizerCenter {
        display: none !important;
      }
      #mainTopHeader {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }
    }


.depth-sym-name{color:#F3EDE4;}
html[data-theme="light"] .depth-sym-name{color:#1D1916;}