/* ==========================================================================
   tokens.css — 设计令牌
   --------------------------------------------------------------------------
   全部数值来自对 AnchorAI-封面.png(2400x1792) 与 f005.png(1920x1430)
   的像素测量，不是目测估计。基准画布：2400 x 1792。
   所以：1vw = 24px，1vh = 17.92px，所有尺寸一律用 vw/vh 表达，天然等比缩放。

   测量样例（写明出处，便于复核）：
     导航胶囊     x760..1632 (36.4vw)  y50..144 (h95 / 5.30vh)
     导航链接间隙  67px = 2.79vw
     徽章药丸     x75..612  y1077..1145 (h68 / 3.79vh)
     标题 cap 高   118px，行距 147px，字距 -0.047em
     正文段       x1661..2308 4 行，行距 40px
     底部四卡     左起 3.23vw，列宽 22.22vw，列距 1.56vw
   ========================================================================== */

:root{
  /* ---------- 画布基准 ---------- */
  --ref-w: 2400;
  --ref-h: 1792;

  /* ---------- 版心 ---------- */
  --gutter:      3.20vw;   /* 底部内容左右留白（徽章左沿 3.12vw、标题左沿 3.33vw 折中） */
  --gutter-r:    3.20vw;   /* 右侧留白（Request Demo 右沿 3.13vw） */
  --nav-pad-l:   2.79vw;   /* logo 图标左沿 x=67 */
  --nav-pad-r:   3.13vw;   /* Request Demo 右沿 x=2324 */
  --nav-h:      10.80vh;   /* 导航行高，令三者垂直中心都落在 5.4vh */

  /* ---------- 色彩（画面像素采样） ---------- */
  /* 浅铬面主题：取自 give-ai-landing（#F2F2F2/#E9E9E9/#E1E1E1 渐变底） */
  --bg:            #E9E9E9;
  --bg-deep:       #E1E1E1;
  --bg-vignette:   #DEDEDE;

  --ink:           #0B0B0C;   /* 墨色标题，与 give-ai-landing --ink 一致 */
  --ink-soft:      #26262A;
  --ink-muted:     #3A3A3D;   /* 正文段 */
  --ink-dim:       #8A8A90;   /* 卡片编号 */
  --ink-body:      #616166;   /* 卡片正文 */

  --blue:          #2E5BFF;   /* CTA 主蓝，与 give-ai-landing --accent 一致 */
  --blue-hi:       #1E44D6;   /* 悬停（浅底上加深而非提亮） */
  --blue-deep:     #0E2C9E;
  --blue-glow:     #2E5BFF;   /* 光标/强调 */

  /* 玻璃拟态 */
  --glass-fill:    rgba(255,255,255,.55);
  --glass-fill-2:  rgba(255,255,255,.34);
  --glass-line:    rgba(11,11,12,.10);
  --glass-line-2:  rgba(11,11,12,.07);
  --capsule-fill:  rgba(255,255,255,.55);
  --blur:          24px;

  /* ---------- 字体 ---------- */
  --font-display: 'Hanken Grotesk', 'Jersey 15', 'Handjet', 'Inter', sans-serif;
  --font-ui:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                  'PingFang SC', 'Microsoft YaHei', Roboto, sans-serif;

  /* 显示字：Hanken Grotesk 的 cap/em = 0.75
     目标 cap 118px -> 字号 157px -> 6.55vw（2400 基准）
     行距 147px -> line-height 0.936em
     字距 -0.028em（grotesque 常规紧排）
     字重 800（ExtraBold，替代像素字的视觉分量） */
  --display-size:    5.60vw;   /* 2026-09-17 首屏左下大字缩小（原 6.55vw），仅影响场景一 */
  --display-lh:      0.936;
  --display-ls:     -0.028em;
  --display-weight:  800;

  /* 回滚 Jersey 15（像素字）时用：
     --display-size: 8.83vw; --display-lh: 0.694; --display-ls: -0.047em; --display-weight: 400 */
  --display-variation: normal;

  /* logo 文字：cap 30.7px -> Hanken 字号 41px -> 1.71vw */
  --logo-size:   1.71vw;
  --logo-ls:     0.02em;

  /* UI 字号（2400 基准） */
  --fs-nav:      1vw;  /* 导航链接 32px */
  --fs-navbtn:   1.350vw;  /* Request Demo 32.4px */
  --fs-badge:    1.150vw;  /* 徽章 27.6px */
  --fs-lede:     1.170vw;  /* 右下说明段 28px / 行距 40px = 1.43 */
  --fs-cta:      1.350vw;  /* 大按钮 32.4px */
  --fs-qr:       0.960vw;  /* QR 旁小字 23px */
  --fs-card-no:  1.300vw;  /* 卡片编号 31px */
  --fs-card-tt:  1.430vw;  /* 卡片标题 27.5px @1920 -> 1.43vw */
  --fs-card-bd:  1.040vw;  /* 卡片正文 20px @1920 */

  /* ---------- 组件尺寸 ---------- */
  --capsule-h:    5.30vh;   /* 导航胶囊高 95px */
  --btn-h:        5.30vh;   /* Request Demo 高 */
  --badge-h:      3.79vh;   /* 徽章药丸高 68px */
  --cta-h:        6.25vh;   /* 底部大按钮高 112px */
  --cta-radius:   3.13vh;

  --card-radius:  0.85vw;   /* 底部玻璃卡圆角 20px @1920 */
  --card-top:    64.90vh;   /* 四卡容器顶（最高那张=卡2 的 y=64.9vh） */
  --card-gap:     1.56vw;
  --card-pad-y:   1.35vw;
  --card-pad-x:   2.21vw;

  /* ---------- 缓动 ---------- */
  --e-reveal: cubic-bezier(.16,1,.3,1);   /* 主入场 */
  --e-soft:   cubic-bezier(.25,.8,.3,1);
  --e-back:   cubic-bezier(.34,1.4,.5,1);

  /* ---------- 自定义光标 ---------- */
  --cursor-size:        26px;
  --cursor-dot:          5px;
  --cursor-ring:    1.6px;
  --cursor-grow:       1.9;

  /* ---------- 层级 ---------- */
  --z-canvas: 1;
  --z-scene:  2;
  --z-nav:    4;
  --z-ui:     5;
  --z-cursor: 99;
}

/* 小屏：字号不再等比缩到看不见，改用 px 下限。
   --u 是"参考像素"换算系数，1u == 2400 基准下的 1px。 */
@media (max-width: 1100px){
  :root{
    --display-size: 12.5vw;
    --logo-size: 26px;
    --fs-nav: 15px;
    --fs-navbtn: 15px;
    --fs-badge: 11px;
    --fs-lede: 16px;
    --fs-cta: 15px;
    --fs-card-tt: 15px;
    --fs-card-bd: 13.5px;
    --fs-card-no: 13px;
    --gutter: 20px;
    --gutter-r: 20px;
    --nav-pad-l: 20px;
    --nav-pad-r: 20px;
    --nav-h: 64px;
    --capsule-h: 0px;   /* 胶囊在窄屏隐藏，只留 logo + 汉堡 */
    --btn-h: 38px;
    --badge-h: 30px;
    --cta-h: 46px;
    --cta-radius: 23px;
    --card-radius: 16px;
    --card-pad-x: 18px;
    --card-pad-y: 16px;
  }
}