/* ============================================================
   tokens.css v2 — 唯一真源
   v2 修订（2026-11-10）：① 明度跨度取代"三个近白"；② 正文加厚去虚化；
   ③ 深块成为常规段落背景，不再是只有页脚。
   ============================================================ */
:root{
  /* ── 明度梯（L* 约 6 → 97，跨度 90，这是层次的本体） ───────── */
  --c-night:#0B120F;      /* L*≈5   页脚 / 最深 */
  --c-deep:#121E19;       /* L*≈9   影像段、深色板块 */
  --c-deep-2:#1B2A24;     /* L*≈14  深底上的卡片/表格 */
  --c-deep-3:#24352E;     /* L*≈19  深底上的分隔与描边 */

  --c-stone:#E3E2D8;      /* L*≈88  数据段、表格区、次层 */
  --c-stone-2:#EDECE4;    /* L*≈92  微次级 */
  --c-paper:#F7F6F0;      /* L*≈96  承载卡片、导航、面板 */
  --c-canvas:#F1F0E9;     /* L*≈94  页面底（比 paper 略深，卡片才浮得出来） */

  /* ── 墨与字 ─────────────────────────────────────────────── */
  --c-ink:#101815;
  --c-ink-80:#232E29;
  --c-ink-70:#33403A;
  --c-ink-55:#4A544E;     /* 正文次级，亮底 ≥5:1 */
  --c-ink-38:#5C6660;     /* 图注/微文本，亮底 ≥4.5:1 */
  --c-on-deep:#F3F2EC;
  --c-on-deep-70:#C2CAC3;
  --c-on-deep-45:#8D968F;

  /* ── 金：线用金，字用金墨 ───────────────────────────────── */
  --c-gold:#B08A52;          /* 线/点/边框；深底上才发光 */
  --c-gold-lift:#D6B074;     /* 深底上的金（提亮） */
  --c-gold-ink:#7E5E2E;      /* 亮底上的金色文字 ≥4.5:1 */
  --c-gold-line:rgba(176,138,82,.46);
  --c-gold-line-deep:rgba(214,176,116,.30);

  /* ── 水（唯一冷色，语义限定） ───────────────────────────── */
  --c-lake:#3F7C84;
  --c-danger:#8F3529;

  /* ── 字体 ─────────────────────────────────────────────── */
  --f-serif:"Noto Serif SC",Songti SC,SimSun,serif;
  /* v3：正文走系统栈，不加载网页字体（省 1.5MB 且更贴近各平台原生观感） */
  --f-sans:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;

  --fs-display-1:clamp(44px,5.6vw,84px);
  --fs-display-2:clamp(32px,3.4vw,50px);
  --fs-h1:clamp(28px,2.6vw,38px);
  --fs-h2:clamp(22px,2vw,30px);
  --fs-h3:18px;
  --fs-stat:clamp(26px,2.4vw,38px);
  --fs-body:16px;
  --fs-small:14px;
  --fs-label:12px;
  --fs-micro:11.5px;

  --lh-display:1.12;
  --lh-title:1.35;
  --lh-body:1.9;

  --ls-tight:.01em;
  --ls-cn:.03em;
  --ls-label:.14em;

  /* ── 间距 ─────────────────────────────────────────────── */
  --s1:4px;  --s2:8px;  --s3:12px; --s4:16px;
  --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --s9:96px; --s10:128px;

  --gutter:clamp(20px,4vw,64px);
  --container:1360px;
  --measure:32em;
  --section-y:clamp(64px,9vw,136px);

  /* ── 形（全站锐角、两档发丝线） ─────────────────────────── */
  --r:0px;
  --hair:1px solid var(--c-gold-line);
  --hair-deep:1px solid var(--c-gold-line-deep);
  --line:1px solid rgba(16,24,21,.14);
  --line-deep:1px solid rgba(243,242,236,.12);

  /* ── 动 ───────────────────────────────────────────────── */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --d-fast:180ms;
  --d-base:320ms;
  --d-slow:640ms;
  --d-scene:900ms;

  --bp-1440:1440px; --bp-1080:1080px; --bp-900:900px; --bp-620:620px;
  --tap:44px;
  --topbar-h:32px;
  --head-h:66px;
  --chrome-h:calc(var(--topbar-h) + var(--head-h));
}