/* ============================================================ theme-dark.css — 深色模式(全局唯一深色样式文件) 与 theme.js 配套:主题由触发, 本文件只做「令牌覆盖 + 少量硬编码残留修正」,不新增组件样式。维护约定: 1. 组件样式一律写令牌(var(--card)/var(--t2)/…),不写死颜色; 写了令牌的代码天然支持深色,无需再动本文件。 2. 若某处深色下显示异常,优先把该处源码里的硬编码色换成令牌; 实在不便改源码时,才在本文件底部「残留修正」区加一条定向覆盖。 3. 新增语义令牌时,tokens.css / index.html 内联 :root 补浅色值, 本文件补深色值,两处成对出现。 ============================================================ */ html[data-theme="dark"] { color-scheme: dark; /* 原生控件(input/select/滚动条)跟随深色 */ /* 品牌与背景 */ --bg:#0f1216; --card:#161b22; --blue:#5b8af5; --blue-soft:#1c2637; --blue-hover:#24344f; /* 涨跌语义:色相不变(红涨绿跌由 applyColorPref 管),仅软底加深 */ --up-soft:#f0353b24; --down-soft:#15a35a24; /* 文本层级 */ --t1:#e8ebf0; --t2:#98a1ac; --t3:#68707b; /* 描边 */ --line:#28303a; --line2:#37414d; /* 表面 */ --surface-hover:#1d232c; --surface-sunken:#131820; --surface-muted:#212832; /* 辅助色 */ --amber:#f09a4d; --amber-soft:#e8852b26; --amber-deep:#f0b35e; --amber-ink:#ecc689; --violet:#a78bfa; --violet-soft:#8b5cf626; /* 扩展语义令牌(与 tokens.css 成对) */ --t1b:#c3cad4; --t4:#4b535e; --line3:#46515f; --danger:#f0655f; --danger-soft:#3b2325; --danger-deep:#ee8d87; --danger-line:#5a2f2d; --ok-soft:#152a1f; --ok-line:#245839; --warn-soft:#2e2414; --warn-line:#584322; --blue-line:#2d4270; --blue-tint:#20304b; /* 阴影:深色下主要靠描边分层,阴影压暗降淡 */ --sh-card:0 1px 2px rgba(0,0,0,.45); --sh-lift:0 10px 30px rgba(0,0,0,.5); --sh-soft:0 8px 22px rgba(0,0,0,.42); --sh-pop:0 12px 36px rgba(0,0,0,.6); --sh-blue:0 2px 10px rgba(58,109,240,.35); --sh-ai:0 4px 14px rgba(124,58,237,.4); } /* 滚动条(浅色值硬编码在各入口