/* 脚下千年 · 设计令牌（PRD 第 10 章定稿，designer 2026-10-13）
   只做深色。改值须经 designer 确认。 */
:root{
  color-scheme: dark;
  /* 10.1 配色 */
  --c-archive-black:#0d0d12; --c-sediment-black:#16161d; --c-soil-black:#1f1c17;
  --c-text:#f2ead8; --c-text-2:#b8ab8f;
  --c-text-3:#6e6455;          /* 仅占位符/装饰，对比度 3.3:1，不可用于正文 */
  --c-text-3-a11y:#a09581;     /* 出处行等小字：≥5.4:1（含地标卡 #24211b 底），过 WCAG AA */
  --c-cinnabar:#c8402a; --c-cinnabar-hi:#e06a4a; --c-gold:#d4a24e;
  --c-bronze:#6b7f5e; --c-sea:#3e6b8a;
  --c-link:#75a3c4;            /* 海侵蓝提亮版，文字链接：≥5.9:1 */
  --c-sediment:#8a6f4d; --c-asphalt:#2b2b30; --c-cinnabar-fog:rgba(200,64,42,.14);
  /* 10.2 字体 */
  --f-serif:'Noto Serif SC',serif; --f-sans:'Noto Sans SC',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --fs-town:28px; --fs-layer:17px; --fs-tag:12px; --fs-body:15px; --fs-src:11px; --fs-btn:15px;
  --lh-body:1.8; --ls-tag:.08em;
  /* 10.4 动效 */
  --d-sheet-in:320ms;  --e-sheet-in:cubic-bezier(.32,.72,0,1);
  --d-sheet-out:240ms; --e-sheet-out:cubic-bezier(.4,0,.6,1);
  --d-tap:140ms;       --e-tap:cubic-bezier(.34,1.56,.64,1);
  --d-tag:200ms; --d-compass:1200ms; --d-share:400ms;
  --radius-sheet:16px; --scrim:.5;
}
@media (min-width:768px){:root{
  --fs-town:32.2px; --fs-layer:19.55px; --fs-tag:13.8px; --fs-body:17.25px; --fs-src:12.65px; --fs-btn:17.25px;}}
@media (max-width:767px){:root{--fs-layer:15px}}
@media (prefers-reduced-motion:reduce){:root{
  --d-sheet-in:0ms;--d-sheet-out:0ms;--d-tap:0ms;--d-tag:0ms;--d-compass:0ms;--d-share:0ms}
  *,*::before,*::after{animation-duration:0ms!important;transition-duration:0ms!important}}
.tag{font:500 var(--fs-tag)/1 var(--f-mono);letter-spacing:var(--ls-tag);font-variant-numeric:tabular-nums lining-nums;color:var(--c-cinnabar-hi)}
.src{font:400 var(--fs-src)/1.5 var(--f-sans);color:var(--c-text-3-a11y);overflow-wrap:anywhere}

/* ===== 体验打磨 v2（designer）===== */
:root{
  /* 层进入视口：上浮 + 淡入，一次只动一层 */
  --reveal-y:24px; --d-reveal:600ms; --e-reveal:cubic-bezier(.16,1,.3,1); --stagger:60ms;
  /* 地标层（最顶层） */
  --c-landmark-bg:#24211b;
  --c-layer-tag:#e06a4a;          /* 纹理上的年代标签，比朱砂更亮 */
  /* 详情卡下滑关闭 */
  --sheet-close-dist:120px;      /* 拖动超过这个距离就关闭 */
  --sheet-close-velocity:.5;     /* 或松手速度 > 0.5px/ms 就关闭 */
  --sheet-rubber:.35;            /* 往上拖时的阻尼系数 */
}
.layer-enter{opacity:0;transform:translateY(var(--reveal-y))}
.layer-enter.is-in{opacity:1;transform:none;
  transition:opacity var(--d-reveal) var(--e-reveal),transform var(--d-reveal) var(--e-reveal);
  transition-delay:calc(var(--i,0) * var(--stagger))}
.landmark-card{background:var(--c-landmark-bg);border-top:2px solid var(--c-gold);border-radius:4px}
.landmark-card .tag{color:var(--c-gold)}
@media (prefers-reduced-motion:reduce){.layer-enter{transform:none}}

/* ===== v3 视觉方向：档案黑 · 鎏金 · 朱砂（designer 2026-10-13）===== */
:root{
  --c-gilt:#c9a45c; --c-gilt-hi:#e8cf96; --c-gilt-lo:#7d5d25;
  --fs-hero:clamp(64px,11vw,176px); --fs-town-xl:clamp(48px,7.5vw,112px); --fs-layer-xl:clamp(28px,3.6vw,56px);
  --fs-quote:40px; --fs-year-ghost:clamp(96px,16vw,260px);
  --e-cine:cubic-bezier(.2,.8,.1,1); --d-hero:1400ms; --d-wipe-ease:.12;
  --layer-h:clamp(380px,62vh,600px); --intro-w:42ch;
  --grain-opacity:.08;
}
@media (max-width:767px){:root{--fs-quote:28px;--layer-h:auto}}
/* 首屏标题专用极小子集（3KB，只含标题字形），先于 382KB 的完整衬线字体到达，改善移动端 LCP */
@font-face{font-family:'Noto Serif SC Hero';src:url(../src/fonts/NotoSerifSC-Hero.woff2) format('woff2');font-weight:700;font-display:swap}
.hero{font-family:'Noto Serif SC Hero',var(--f-serif)}