/* ── 猎隼 · 品牌覆盖层（08-19 接入集团设计令牌）────────────────────────── 字体栈 / 字号阶梯 / 层高 / 圆角阶梯 / 中性灰阶 / 语义色 全部来自集团唯一真相 /brand/tokens.css —— 只 link 不复制，页面 里排在本文件之前。 本文件只保留两类东西： ① --brand / --brand-weak：全集团唯一允许各系统覆盖的一组（猎隼＝隼青） ② 猎隼真正特有的：赭石强调色，以及集团 tokens 里没有对应名字的派生变量 ⚠ 别在这里重新定义 --ink/--line/--red/--green 之类 —— 那是割裂的来源。 ⚠ 旧名（--ink-2/--ink-3/--card/--card-2/--ochre…）一律做成别名，页面零改引用。 */ :root{ /* ① 品牌色 —— 隼青。这是识别，不是割裂 */ --brand:#0E7181; --brand-weak:#E2F1F3; /* ② 猎隼特有：赭石。集团命名叫 --accent，--ochre 留作旧名别名（19 处引用不用改） */ --accent:#A9793F; --accent-soft:#F6EDE1; --ochre:var(--accent); --ochre-soft:var(--accent-soft); /* ③ 派生与旧名别名 —— 值全部指向集团 tokens，不自立灰阶 */ --brand-ink:#0A5764; --brand-soft:var(--brand-weak); --ink-2:var(--muted); --ink-3:var(--faint); --card-2:var(--soft); --line-2:#f2f5f5; /* line-2 是猎隼的 hover 底，tokens 无对应 */ --red-soft:var(--red-bg); --green-soft:var(--green-bg); --amber-soft:var(--warn-bg); --blue:#3b82f6; --blue-soft:#e6f0fe; --btn:#101c1e; --btn-ink:#fff; /* 深色按钮/侧栏，猎隼特有 */ /* ④ 形状与投影（tokens 的圆角阶梯是 7/10/12；--r 是猎隼页面级卡片的 16，特有保留） */ --shadow:0 1px 2px rgba(16,28,30,.04),0 6px 20px rgba(16,28,30,.05); --hair:1px solid var(--line); --r:16px; } /* 暗色：覆盖**集团层**的变量名，上面那些别名会自动跟着走 */ @media (prefers-color-scheme:dark){:root{ --bg:#080f11; --surface:#111b1e; --soft:#0d1618; --line:#1e2c2f; --line-2:#182427; --ink:#eaf1f2; --muted:#9aabae; --faint:#66787c; --brand:#3FA9B8; --brand-weak:#12333A; --brand-ink:#63C4D1; --accent:#C79A5E; --accent-soft:#33281A; --btn:#eaf1f2; --btn-ink:#0d1618; --red-bg:#3a1f22; --warn-bg:#3a2f18; --green-bg:#12332a; --blue-soft:#132444; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);}} :root[data-theme="dark"]{ --bg:#080f11; --surface:#111b1e; --soft:#0d1618; --line:#1e2c2f; --line-2:#182427; --ink:#eaf1f2; --muted:#9aabae; --faint:#66787c; --brand:#3FA9B8; --brand-weak:#12333A; --brand-ink:#63C4D1; --accent:#C79A5E; --accent-soft:#33281A; --btn:#eaf1f2; --btn-ink:#0d1618; --red-bg:#3a1f22; --warn-bg:#3a2f18; --green-bg:#12332a; --blue-soft:#132444; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);} :root[data-theme="light"]{ --bg:#f6f7f9; --surface:#fff; --soft:#f7f9fc; --line:#e5e7eb; --line-2:#f2f5f5; --ink:#111827; --muted:#6b7280; --faint:#9aa2b1; --brand:#0E7181; --brand-weak:#E2F1F3; --brand-ink:#0A5764; --accent:#A9793F; --accent-soft:#F6EDE1; --btn:#101c1e; --btn-ink:#fff; --red-bg:#fdecec; --warn-bg:#fff8e6; --green-bg:#e6f6ef; --blue-soft:#e6f0fe; --shadow:0 1px 2px rgba(16,28,30,.04),0 6px 20px rgba(16,28,30,.05);}