/* ============================================================
   设计 token —— 全站唯一色彩/尺寸/字体来源
   首页、内页共用。
   ★ 要按后台设置覆盖这里，在 inc/enqueue.php 里 wp_add_inline_style() 追加
     一段 :root{...} 即可（目前没有任何可调配色项；ACF 站点设置只调文案与坐标，
     不碰颜色，所以没有另建 customizer.php 的必要）。

   品牌融合原则（用户明确，2026-10-05 拟定 / 2026-10-09 两次修订）：
     ★★ 2026-10-09 最终版：**行动色 = 品牌黄；蓝色 = 主题基调（面）**。
       用户原话（第一次）：「品牌色从载运黄改为蓝色，做好 token」；
       一天后纠正：「蓝色出现的地方不是我想要的，比如导航的按钮已经变成蓝色了。
       所以得收回此前的决定，如果这种就叫行动色，请改回此前的黄色（一样 token 化）」，
       并给出理由：「蓝色、青色这个色系属于比较接近的色系，我们现有的地球有光晕
       （夜晚模式下）、星空背景色都是蓝、青色（人眼无法通过色值准确判断），
       所以品牌的蓝色更应该体现在整个主题色」。
       ⇒ 结论（三条，缺一不可）：
         ① **行动色回品牌黄 `#f2b300`** —— 它和整个蓝/青的底**色相远离**，
            所以"每屏最多一处"的 CTA 才跳得出来。当初"换蓝"恰恰破坏了这一点：
            蓝 CTA 压在蓝球+蓝星空上根本不算强调，只是"又一抹蓝"。
         ② **蓝色下沉为"面"的基调** —— 面板玻璃、区块背景、分割线、hover 底衬，
            让整页读起来是冷的、蓝的，但它永远不承担"这是按钮"的语义。
         ③ **青 `#05d9e8` 仍是数据色** —— 经纬网格、状态条、等宽标签、hover 与当前页。
       ⇒ 一句话：**金 = 点（行动）· 青 = 线（数据）· 蓝 = 面（基调）**。
       （2026-10-13 D57：点由 #f2b300 迁到品牌金 #dfa62c，论证见下方 ramp 注释）
     深空 / 大屏 / 玻璃质感是**既定的底**，品牌色是**加入**，不是推翻：
       石墨黑 → 只做**文档底色**与玻璃的**极低比例调色**，不许铺成实色
       品牌黄 → 只做行动色（CTA、始发港标记、转化入口、焦点描边），全站数量克制
       品牌蓝 → 只做基调面（玻璃调色 / 区块底 / 分隔 / hover 衬底）
       青色   → 数据色（经纬网格、状态条、等宽标签、hover / 当前页）
     ★★★ 优先级：屏幕 / 玻璃质感 > 品牌色。
        两个品牌色不许"强行塞入" —— 面板、表单、卡片首先必须是**透的**
        （能看到后面的星空/网格），品牌色只以极低不透明度参与调色。
        判定标准：一块面板如果看起来像实心色块，就是过头了。
   ============================================================ */
:root{
  /* ===== 浏览器原生 UI 跟随深色（★ 一行解决三个"露馅"处） =====
     color-scheme:dark 让 UA 自己把三样东西切成深色 —— 根滚动条、原生 <select>
     展开出的选项面板、自动填充的输入框底色。缺了它，前面所有玻璃都可能被一个
     亮白下拉框或一条浅色滚动条出卖。下面 .field select option 的显式底色因此
     只是双保险，不再是唯一手段。 */
  color-scheme:dark;
  /* 勾选框 / 单选 / 进度条的原生强调色，别让它停在系统蓝上 */
  accent-color:var(--cyan);

  /* ===== ★★★ 品牌金（行动色 · 唯一换肤点，勿散落） =====
     ★ 改行动色只改这一段。全站任何组件都不许再写死品牌色 hex。
     ★ 2026-10-09 由蓝改回黄（见文件头三条结论）；2026-10-13 黄→**品牌金**（D57）：
       logo 方案 07 定稿（速乐达），VI 金渐变 #F2C862→#DFA62C→#C89A10（深锚 #B0841E）。
       旧黄 #f2b300 与金色相只差 8°，本就同族；主值取**渐变中段 #dfa62c**，
       而非 #B0841E —— 那是 VI 里印刷/烫金的暗锚（占比≤5%），当屏幕 CTA 底
       只剩 4.9:1，"每屏一处"的跳脱感会从 10.3 掉到 5.6。中金对底 8.8:1、
       压深字 7.6:1，双过线。青 #05d9e8 经论证**保留**（数据线要的是亮度电感）。
     ★ 命名从 --fuel（旧名，语义与色相脱钩）迁移到 --brand，
       新的 --fuel* 仍保留为**指向 --brand* 的别名**，老组件不会失效。
       新代码一律用 --brand*。
     ★ --brand-soft 与 --brand-hi 同值是刻意的：CTA 渐变 = VI 金渐变原样
       （soft→brand→deep = F2C862→DFA62C→C89A10）；VI 只给了 4 个停点，
       两个角色将来若需分化再拆。 */
  --brand:#dfa62c;        /* 品牌金（主）：CTA 底、始发港、转化入口 */
  --brand-hi:#f2c862;     /* 提亮：hover 高光（VI 渐变亮端） */
  --brand-soft:#f2c862;   /* 浅：渐变起手（VI 渐变亮端） */
  --brand-deep:#c89a10;   /* 深：渐变收尾（VI 渐变暗端） */
  --brand-dark:#b0841e;   /* 压暗：深底/描边（VI 点睛金 · 印刷暗锚，屏幕上少用） */

  /* ---- 旧名别名 ---- 不要在新代码里用 */
  --fuel:var(--brand); --fuel-hi:var(--brand-hi);
  --fuel-soft:var(--brand-soft); --fuel-deep:var(--brand-deep);

  /* ===== ★★ 主题蓝（基调色 · 只做"面"，永不做"点"） =====
     ★★ 2026-10-09 新增（用户第 3 条要求）。
     它是**整个页面的冷色基调**，不是行动色 —— 只出现在这些地方：
       面板玻璃的冷光、区块底纹、分隔线、hover 衬底、滚动条、选区。
     ★★ 硬规则：**它不许出现在任何可点击控件的"脸"上**
       （按钮底、链接字、当前页标记）—— 那会立刻变成第二个"行动色"，
       和 CTA 抢注意力，正是用户第一轮否决的那个问题。
     ★★ 2026-10-13 D58：由「手调近义蓝」改为 **VI 品牌蓝原值**（logo 方案 07 定稿联动）。
       主航蓝 #0E63B8 → --tint（基调主）／亮面蓝 #4E9BD8 → --tint-hi（提亮）。
       旧值与 VI 的 ΔE 分别只有 13.4 / 8.2 —— 肉眼几乎分不出，但从此这套蓝
       **有出处可引**，不再是"我调的感觉差不多"。
       ★★ --tint-deep **故意不动**：深海蓝 #0A2760 对深底 #0d0f12 的对比只有 1.35
          （比旧值 1.66 还低），作为低 alpha 叠层等于隐形。它的正确位置是下面
          的 --tint-sea（接近实色的区块），别混为一谈。
     ★ 色相刻意贴近星空与青（用户说"人眼无法通过色值准确判断"），
       所以它在页面上是**氛围**而不是**元素** —— 察觉不到具体色值，
       只会觉得"整页是蓝的"。 */
  --tint:#0E63B8;         /* 基调蓝（主）＝ VI 主航蓝：玻璃冷光、区块底纹、分隔线 */
  --tint-hi:#4E9BD8;      /* 提亮 ＝ VI 亮面蓝：hover 衬底、细描边 */
  --tint-deep:#123a63;    /* 压暗：深区块底、渐收尾（★ 保持原值，见上） */
  --teal-tint:#0d7a86;    /* 青调基调（与 --cyan 同族但更沉，用于大块底色） */

  /* ---- VI 深海蓝（★ 只做「接近实色」的区块，不做低 alpha 叠层） ----
     ★ 为什么单独一格：#0A2760 是 VI 的**招牌标准色**，但它对本站底色
       #0d0f12 的亮度对比只有 1.35 —— 拿去当面板/玻璃的叠加色，人眼看到的是
       "没变化"。它只有在**接近不透明**的地方才成立：og 分享图的背景、
       以及将来任何实底模块（页脚改版、印刷物、落地页 hero 实底版）。
     ★ 当前唯一应用：`tools/make-og-image.py` 的 BG_TOP（分享时第一眼就是它）。 */
  --tint-sea:#0A2760;

  /* ===== logo 专属蓝（★ 只属于 logo 那个 mark，不参与全站配色） =====
     ★ 2026-10-13 D59：**已定稿**（VI 方案 07 应用场景板，色值取自取色飘带）。
       导航 mark 已换成提取的位图（logo-mark-ondark.png，见 nav.php），
       这组 token 现在只喂少数 SVG 兜底（页脚装饰等）—— 值与 VI 对齐：
       --logo-a = VI 亮面蓝 #4E9BD8、--logo-b = VI 主航蓝 #0E63B8。
       ★ 对比度注意（备忘）：#0E63B8 压深底 #0d0f12 只有 3.19:1 —— 够图形
         （非文本 3:1），不够小字（4.5:1）。别拿它给深底上的文字上色。 */
  --logo-a:#4E9BD8;       /* VI 亮面蓝（渐变亮端） */
  --logo-b:#0E63B8;       /* VI 主航蓝（渐变主色） */

  /* ===== 石墨黑（官方，勿改） ===== */
  --graphite:#1a1d21;     /* 石墨黑 */
  --graphite-hi:#25292f;  /* 石墨黑提亮：面板浮起 / hover */
  --graphite-lo:#0d0f12;  /* 石墨黑压暗：文档底色 */

  /* ===== 科技 / 数据色（沿用既有深空语言） ===== */
  --cyan:#05d9e8; --magenta:#ff2a6d; --mint:#00ff9f; --purple:#b537f2;

  /* ===== 角色分工：改这两行即可整体换肤 ===== */
  --accent:var(--brand);     /* 行动色：CTA / 始发港 / 选中 / 转化入口 */
  --accent-data:var(--cyan); /* 数据色：网格 / 状态条 / 等宽标签 / hover */

  /* ===== 承载层 =====
     ★ 全部是「低不透明度 + 高模糊」，不是实色块：品牌石墨黑只负责把
       透出来的背景往中性压一点点，绝不允许糊成一片死黑。
       透明度是这个设计的主控参数 —— 调它比调色值更能改变观感。
     ★★ 2026-10-09：玻璃底色从"纯石墨黑"改为**带蓝调的墨** ——
        这是「品牌蓝体现在主题色」最核心的一处：整页每一块玻璃都透出冷蓝，
        但没有任何一个可点击控件被染蓝。改的是 rgba 的第三通道（蓝）与
        第二通道（绿）的配比，不是加一层蓝膜。 */
  --bg:var(--graphite-lo);                 /* 文档底色：唯一允许较实的一层 */
  /* ↓ 2026-10-13 D58：下面四组 rgba 的**取样**改由 VI 品牌蓝派生。
     ★★ alpha 一律不动 —— 透明度是这个设计的主控参数，"透得出来"优先于"颜色准"。
        换取样后，压在 #0d0f12 上的合成色只差 ΔE 3.6~8.3（更蓝，但远不到蓝膜）；
        若照搬 VI 原值不降饱和度，玻璃会立刻变成"实心蓝块"（违反本段上述原则）。
     ★ 取样替换：(20,32,46)→(12,60,110)、玻璃亮端 (24,40,58)→(14,68,124)、
        暗端 (10,20,32)→(10,39,96)、--line-tint (30,95,158)→(14,99,184)。 */
  --bg-panel:rgba(12,60,110,.26);          /* 面板顶层（几乎不再用到，留兼容） */
  --bg-panel-2:rgba(10,39,96,.16);         /* 面板底层 */
  --glass-bg:linear-gradient(180deg, rgba(14,68,124,.24) 0%, rgba(10,39,96,.13) 100%);
  --glass-brd:rgba(5,217,232,.22);
  --glass-line:inset 0 1px 0 rgba(255,255,255,.11);   /* 顶沿高光：玻璃"厚度"的来源 */
  --glass-inner:inset 0 1px 28px rgba(78,155,216,.11); /* 内侧冷光＝VI 亮面蓝（原 #4096D7 已 ΔE 3.2） */
  /* 越透就越要靠"形变"来证明它是玻璃 —— 透明度降下来后把模糊与增艳拉上去 */
  --glass-blur:blur(26px) saturate(165%) brightness(1.05);

  /* ===== 玻璃控件（输入框 / 下拉 / 文本域）=====
     刻意不加 backdrop-filter：它们本来就叠在已模糊的面板之上，再滤一层
     只会发灰发浑且徒增开销。改用「半透明白 + 内侧暗」伪造凹入的玻璃槽。 */
  --ctl-bg:linear-gradient(180deg, rgba(255,255,255,.045) 0%, rgba(10,39,96,.15) 100%);
  --ctl-brd:rgba(5,217,232,.20);
  --ctl-src:inset 0 1px 0 rgba(255,255,255,.07), inset 0 2px 12px rgba(0,0,0,.22);

  --line-tech:rgba(5,217,232,.16);
  /* 基调蓝的极淡分隔线 ＝ VI 主航蓝 @.28（原 #1e5f9e，ΔE 13.4） */
  --line-tint:rgba(14,99,184,.28);
  /* 品牌黄的极淡分隔线：由 --brand 派生，换肤时自动跟随（用于 CTA 相邻处） */
  --line-brand:rgba(223,166,44,.20);

  /* ===== 第三方 logo 的浅色底衬（合作伙伴墙）=====
     ★ 为什么必须有：绝大多数企业的 logo 是**为浅底设计**的（深色字 / 彩色字），
       直接放在本站的深色卡片上等于隐形（ISWFA 的 logo 实测 92.5% 的像素亮度 < 68）。
     ★ 为什么用 CSS 底衬而不是预先处理图片文件：图片保持官方原件不动，
       将来后台新加的 logo 自动获得同样待遇，不用每一张都单独做图。
     ★ 不放 grayscale：那会抹掉第三方品牌色，是比"用色秩序"更严重的问题。 */
  --logo-plate:#eef2f6;

  /* ===== 行动按钮（品牌黄） =====
     ★ 由 --brand* 派生 → 改品牌黄只改上面那一段，这里自动跟随。
     ★ 2026-10-09 改回黄：CTA 压在蓝球/蓝星空上，只有黄色系才跳得出来。 */
  --cta-bg:linear-gradient(180deg, var(--brand-soft) 0%, var(--brand) 55%, var(--brand-deep) 100%);
  --cta-ink:#2a1c00;   /* 深褐近墨：压在黄底上仍保持 4.5:1 以上对比 */
  --cta-glow:rgba(223,166,44,.42);        /* 静止光晕 */
  --cta-glow-hover:rgba(223,166,44,.72);  /* hover 光晕 */

  /* ===== 航线色 =====
     ★ 这三个值就是 3D 地球上弧线与城市点的颜色，字面量写在
       assets/js/globe-hero.js 的 showCountry() 里（arc/point 数据）。
       首页左下角的图例必须与球面所见完全一致，否则"图例说这个颜色是港口、
       球上却是另一个颜色"。改这里 → 同步改 JS。
     ★ 2026-10-09 二次修订：始发港从品牌蓝**改回品牌黄** —— 与"行动色回黄"
       保持一致。于是「始发=品牌黄（暖，起点）/ 目的=天蓝（冷，终点）」，
       冷暖对立比"两个蓝"更容易分开。 */
  --route-origin:#dfa62c;       /* 始发港（深圳港）：品牌金 */
  --route-hub:#6fd6ff;          /* 访客国主要港口：天蓝 */
  --route-spoke:#a8ecff;        /* 支线城市：更浅的天蓝 */
  --route-hue:var(--cyan);      /* 兜底色（hero.css 里 var(--route-hue,var(--cyan)) 的默认） */
  /* 始发港标注（球面上的 .hlabel--origin）三件套 —— 由品牌黄派生 */
  --origin-chip-brd:rgba(223,166,44,.50);          /* 标签描边 */
  --origin-chip-bg:rgba(30,20,6,.72);              /* 标签底（暖褐近黑） */
  --origin-chip-ink:#ffe1a0;                       /* 标签主字：暖黄，压深底可读 */
  --origin-tick:rgba(223,166,44,.7);               /* 引线起手 */
  --origin-tick-end:rgba(223,166,44,.12);          /* 引线收尾 */

  /* ===== 文本色阶（冷调蓝灰，明度单调递减） =====
     ★ 为什么要有这条阶梯：原先全站散着 60+ 个手工 hex，其中一大批是
       "色相几乎相同、明度乱序"的近义值（#9dbcd4 / #8fb0c9 / #a9c8de /
       #93b3cc / #84a5bf / #7d9cb6 / #cfe8f7 / #dbeeff…）。
       单独看每个都没问题，摆在一起就会让整页显得"浑"而不是"有层次"。
       收敛成一条阶梯后，各层级之间的关系变得可预期，观感几乎不变但立刻"更整"。
     ★ 改文案层级时改这里，不要在组件里写死 hex。 */
  --ink-1:#eafcff;   /* 最亮：大标题 / KPI 数值 / 需要跳出来的数字 */
  --ink-2:#cfeaff;   /* 卡片标题 / 区块小标题 */
  --ink-3:#b9d4e8;   /* 次级正文 */
  --ink-4:#a9c8de;   /* 正文（最常用的一档） */
  --ink-5:#9dbcd4;   /* 次要正文：卡片段落、说明 */
  --ink-6:#93b3cc;   /* 更弱：注解、次级说明 */
  /* ★ 2026-10-13 排查：原 #4f6b83 对深底只有 **3.44:1**，达不到正文 4.5:1
     （面包屑分隔符、9.5px 的次级刻度文本都被它拖到不合格）。提到 #63839d
     → 对 #0d0f12 **4.81:1**、对 #12161c 4.55:1，仍是最弱的一档、不抢层级。 */
  --ink-7:#63839d;   /* 最弱：placeholder / 刻度线 / 分隔符 */

  /* ===== 文本（保留旧名，等价于阶梯上的某一档） ===== */
  --ink:#e9edf2; --dim:#8794a5; --ink-2:#b9c6d4;

  /* ===== 动效 =====
     ★ 原先全站手写了 4 条 cubic-bezier 和一堆 .18/.2/.22/.3/.5/.72/.95/1.1s 时长，
       同一个"悬停变亮"在不同组件里手感是不一样的。统一成三条缓动 + 三档时长，
       动效才会有"同一个产品"的整体感，而不是几个模块拼的。 */
  --e-out:cubic-bezier(.2,.72,.2,1);   /* 进场 / 位移：起步快、收尾稳 */
  --e-in:cubic-bezier(.4,0,1,1);       /* 离场 */
  --e-soft:cubic-bezier(.4,0,.2,1);    /* 颜色 / 阴影这类无位移的过渡 */
  --dur-1:.16s;                        /* 触感反馈：hover / focus */
  --dur-2:.24s;                        /* 常规位移 */
  --dur-3:.42s;                        /* 较大幅度的入场 */

  /* ===== 排版 ===== */
  --lh-read:1.72;                      /* 正文行高：中文需要比英文更松，但 1.9 会散 */
  --measure:68ch;                      /* 单栏舒适阅读宽度 */

  /* 安全区：导航玻璃面板高度 / 距顶距离，其余浮层一律按这两个值避让
     ★ D60（2026-10-13）：64 → **76px**。用户指出「导航条这么高，logo 却为了对齐
       文字做小了」——之前 mark 容器 28px / 图 20px 是被 side-align 思维捆住了，
       64px 的面板明明放得下更大的品牌位。加高 8px 让 logo 区真能用上垂直空间。
     ★ 改这一个值即可：`.page-head`、hero 的 `.left-col` / 右侧卡 / `:root` 时间轴、
       博客侧栏 sticky **全部是 `calc(var(--nav-top) + var(--nav-h) + …)`**，会自动跟随
       —— 这就是当初把两个安全区数值收成 token 的意义，别在组件里另写高度。 */
  --nav-h:76px; --nav-top:24px;

  /* ★ D61 新增 / D62 调整：**品牌位图形的高度**，导航 logo 的 mark 与右侧
     「字标 + 副标」文字块**必须共用这一个值** —— 两块的盒高相等，视觉上才对得齐
     （用户原话：「争取让 solodex+slogan 的高度 = 现在 logo 的高度，看着才和谐」）。
     ★★ D62 起这个值是**紧裁后图形本体**的高度（extract-logo.py 已把辉光抠掉、
        按alpha紧裁），不会再出现"盒子等高、图形偏小"的假等高。
     ★★ 改大改小要**连着改三处**：①本值 ②字标/副标 font-size × line-height 之和
        （46 + 10 = 56）③窄屏断点里的覆盖值（≤1023 → 34px、≤430 → 30px）。
        mark 图的宽走 width:auto 按位图比例自动跟随，无需另算。 */
  --nav-logo-h:56px;

  /* ★★ D63（2026-10-13）：mark 的**视觉**高度，与 --nav-logo-h 分离。
     盒高相等 ≠ 视觉等高：字块 56px 盒里字标是大字号+行距，墨迹（ink）实测只有
     **46px**（probe-brand-ink.mjs：SOLODEX 墨顶 8 → slogan 墨底 54，两行墨迹间距
     8px，墨迹中心比盒中心低 3px）；而 mark 位图是紧裁的、墨迹=整盒。
     所以 mark 高度改为**等于文字墨迹高**，并整体下移 3px 对齐墨迹中心 ——
     这才是用户要的「让 logo 与他们等高」。
     ★ 量测工具：earth-route-demo/tools/probe-brand-ink.mjs（canvas TextMetrics
       按 CSS 行盒模型推墨迹边界）。改字标/副标字号后必须重跑重算这两个值。 */
  --nav-logo-mark-h:46px;
  --nav-logo-mark-dy:3px;

  /* ===== ★★ D63（终版）：内容舞台 = **导航栏那一列** =====
     >1580？不存在 —— 判定标准只有一条：**内容两端与导航条两端严丝合缝**
     （用户 2026-10-13 原话：「不说1280了，咱就说等于导航栏的宽度！」）。
     ★ 演进两次，错误两次，都记在这里免得再退回去：
        · v1 舞台宽 1280px（跟着用户"以1280为蓝本"的字面）→ 与容器列中心线差 20px
          ⇒ 内容比导航多内缩 20px，两端对不齐（用户实测指出）。
        · v2 改用容器列 + `pad ± 8px 构图差`（想保住 1280 那档的观感）→ 对齐了但留了
          ±8/−2 的自定义差，仍算"另一套宽度"。
        · v3（本版）：干脆让 float 层**直接用导航列自身的边距** `--stage-pad`，
          内容左右缘 == 导航左右缘，Δ=0。
     ★ --stage-pad = 视口边缘 → 容器列(导航)边缘的距离，表达式与 `.nav-shell` 的
       `width:min(--container-w, 100% - gutter*2)` 居中后完全等价：
         max(gutter, 50% - container-w/2)
       · ≤1304 时 50%-620 为负 → max 取 gutter(32px)；
       · >1304 时即容器列留白。浮层据此定位 ⇒ 天然与导航同列。
     · 背景（地球/极光/扫描线/日月）依旧 inset:0 全幅，不受舞台约束。 */
  --stage-pad:max(var(--gutter), calc(50% - var(--container-w) / 2));

  /* ===== 布局：页面内容容器 —— 导航 / 正文 / 页脚共用同一个宽度 =====
     任何"这一栏应该多宽"的判断都只在这里改，别在组件里另写数值。 */
  --container-w:1240px; --gutter:32px;

  /* ===== ★★★ 大屏缩放档位（2026-10-09 新增：修「2K/4K 下一切都小」）=====
     ★ 问题：全站尺寸是**一套固定 px**（卡片 270px、字号 11~13px…），只做了
       「向下」的窄屏断点，**没有「向上」的大屏档位**。结果 2560×1440 原生
       分辨率下，所有元素相对屏幕都缩了一半 —— 用户原话：「港口的、城市的
       卡片很小，还有右下角也小…没有自适应」。
     ★ 方案：把"要随大屏放大的尺寸"统一乘一个比例 `--ui`。
       基础值 1，在 ≥1920 / ≥2400 两档抬升；**窄屏（<1180）仍为 1**，
       所以既有的移动端布局完全不受影响（零回归风险）。
     ★ 为什么用"乘一个比例"而不是给每个断点重写一遍尺寸：
       ① 只有一处可调，将来加 5K 档位只需再写一行；
       ② 所有引用 `calc(x * var(--ui))` 的组件自动跟随，不会漏改；
       ③ 不改变组件的**相对关系**（卡片相对字号、图标相对行高的比例全保持）。
     ★★ 注意：**不要**把 `--ui` 乘到 `--container-w` 上 —— 内页正文容器
        1240px 是刻意的阅读宽度，放大反而伤可读性（`--measure:68ch` 已封顶）。
        大屏该放大的是 **hero 上的浮层与字号**，不是正文栏宽。 */
  /* ===== 大屏缩放档位 —— D63 起**停用** =====
     ★ 2026-10-09 引入的 ≥1920/≥2400/≥3200 三档 --ui 放大（1.18/1.42/1.70）
       已于 2026-10-13（D63）按用户决定**移除**：大屏的正确做法不是把 UI 放大，
       而是「内容锚定 1280 舞台居中、背景平铺全幅」（见上方 --stage-w/--stage-l）。
       放大档位与舞台约束互相矛盾（放大的内容会撑破 1280 舞台）。
     ★ `--ui` 这个 token 及所有 calc(n * var(--ui)) 引用**保留**——
       将来若要恢复某种大屏适配，只需在这里给 --ui 重新赋值，组件零改动。 */
  --ui:1;

  /* ===== 导航链接五态：默认 / hover / 当前页 / hover当前 / 键盘焦点 =====
     ★ 颜色分工：hover 与当前页一律用数据色青（--cyan）；
       品牌蓝只留给转化入口（CTA），不参与导航状态 —— 蓝一旦进导航，
       就会和右上「在线询价」抢注意力。两态靠「线的粗细 + 底色深浅 + 字重」区分。 */
  --nav-link:#b9c6d4;                    /* 非当前页：次级文字，无线无底 */
  --nav-link-hover:#ffffff;
  --nav-link-hover-bg:rgba(255,255,255,.06);
  --nav-link-cur-bg:rgba(5,217,232,.14); /* 当前页：青淡底 */
  --nav-link-cur-bg-hover:rgba(5,217,232,.22);
  /* 字体 */
  --mono:"SFMono-Regular",Consolas,"Roboto Mono",monospace;
  --sans:-apple-system,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}

/* ============================================================
   大屏档位（原"全站唯一向上自适应的入口"）—— ★ D63 起整块移除
   ------------------------------------------------------------
   2026-10-09 曾在此设 ≥1920/≥2400/≥3200 三档把 UI 放大 1.18/1.42/1.70 倍；
   2026-10-13（D63）按用户决定删除：大屏不该放大 UI，而是
   「内容锚定 1280 舞台居中、背景平铺全幅」（见 :root 里 --stage-w/--stage-l）。
   放大档位与舞台约束互相矛盾 —— 放大后的浮层会撑破 1280 舞台。
   所有 calc(n * var(--ui)) 引用保留，--ui 恒为 1，将来要恢复只需重新赋值。
   ============================================================ */