/* Shared compact navigation and distinct surfaces. Identity colours remain in the DB palette. */ :root{--hub-surface:#232426;--hub-canvas:#171819;--hub-edge:#434643;--bg:var(--hub-canvas);--panel:var(--hub-canvas);--card:var(--hub-surface);--line:var(--hub-edge);--fg:#e5e5e2;--mut:#afb1ad;--hub-bg:var(--hub-canvas);--hub-panel:var(--hub-surface);--hub-line:var(--hub-edge);--hub-text:var(--fg);--hub-muted:var(--mut)} [data-theme=light]{--hub-surface:#fffefa;--hub-canvas:#f3f2ed;--hub-edge:#b5bdc5;--fg:#242b33;--mut:#56616d} /* 交互四态梯级（Pen 08 / 网页控件状态，2026-10-15）： 默认（画布 #171819）→ 悬停 #30312e → 按下 #3b3c38；浅色主题同阶反向（更深=更实）。 ⚠️ 旧值 `--hover:var(--hub-surface)` 与 `--card` 同色 ⇒ 全站 52 处 `:hover{background:var(--hover)}` 在面层元素上**不可见**（探针实测，`work/interaction-20261015/`）。 原先拿 `--hover` 当基底色的 10 处已改指 `--fill-soft`（值不变），因此这里可以安全推进。 */ :root{--shell-tint:#ffb179;--shell-tint-soft:#3b2b23;--hover:#30312e;--press:#3b3c38;--fill-soft:var(--hub-surface)} [data-theme=light]{--shell-tint:#98430f;--shell-tint-soft:#f6e7da;--hover:#e1dfd8;--press:#d4d2cb} body :is(.chip,.subchip){background:var(--hub-surface);color:var(--mut);border-color:var(--hub-edge)} body :is(.chip,.subchip).on{background:var(--shell-tint-soft);color:var(--shell-tint);border-color:var(--shell-tint)} body{background-color:var(--hub-canvas)} body>header{padding-top:8px;padding-bottom:8px;background:var(--panel);box-shadow:var(--shadow-bar)} body>header .hd{gap:8px;min-height:36px;padding-block:0} body>header h1{font-size:20px;line-height:1.25;margin:0} body>header .sub,body>header .sub2{margin-top:6px} #hub-navigation{min-height:46px;padding-block:4px;position:sticky;top:0;z-index:35;background:var(--panel)} /* 外壳占位（配合 hub.navigation.js / 导出注入的