/* ==========================================================================
   tokens.css — 设计令牌（数值全部来自 psd-spec/spec.json，勿手改数值）
   1rem = 100 设计像素（1920 稿）。rem = 设计px ÷ 100
   ========================================================================== */

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- 缩放基准 ---- */
  --design-pc: 1920;
  --design-lg: 1600;
  --rem-unit: 100;
  --max-width: 1604;

  /* ---- 品牌色 ---- */
  --c-primary: #005fb3;      /* 主蓝，标题/按钮/日期 */
  --c-primary-deep: #0d4e96; /* 深蓝，次级按钮文字 */
  --c-accent: #d80a10;       /* 品牌红，装饰斜块 */
  --c-ink: #333333;          /* 正文深色 */
  --c-ink-2: #666666;        /* 段落灰 */
  --c-ink-3: #999999;        /* 说明灰 */
  --c-line: #ebebeb;         /* 分割线 */
  --c-surface: #ffffff;
  --c-card: #f7f9fa;         /* 产品卡底 */
  --c-tab: #f6f7fb;          /* 次级标签底 */
  --c-night: #0a1221;        /* 页脚底 */
  --c-night-2: #141c2c;      /* 页脚手输入底 */
  --c-mute: #9da0a6;         /* 深底上的浅灰文字 */
  --c-copy: #53555a;         /* 版权行 */
  --c-white: #ffffff;
  --c-white-40: rgba(255, 255, 255, 0.4);
  --c-white-60: rgba(255, 255, 255, 0.6);
  --c-white-70: rgba(255, 255, 255, 0.7);
  --c-white-14: rgba(255, 255, 255, 0.14);
  --c-white-10: rgba(255, 255, 255, 0.1);
  --c-white-18: rgba(255, 255, 255, 0.18);

  /* ---- 字体族 ---- */
  --ff-sans: "HarmonyOS Sans SC", "HarmonyOS_Sans_SC", "PingFang SC",
    "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --ff-en: "Montserrat", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei",
    sans-serif;

  /* ---- 字号（设计 px ÷ 100）---- */
  --fs-hero: 0.8rem;        /* 80  banner 主标题 */
  --fs-h1: 0.6rem;          /* 60  区块英文标题 */
  --fs-h2: 0.48rem;         /* 48  区块中文标题 */
  --fs-num: 0.52rem;        /* 52  数据数字 */
  --fs-h3: 0.36rem;         /* 36  卡片大标题 / 副标题 */
  --fs-h4: 0.32rem;         /* 32  研发卡标题 */
  --fs-lead: 0.3rem;        /* 30  新闻日期 */
  --fs-h5: 0.24rem;         /* 24  卡片标题 */
  --fs-body: 0.18rem;       /* 18  正文/导航 */
  --fs-sm: 0.16rem;         /* 16  小字/按钮 */

  /* ---- 行高 ---- */
  --lh-tight: 1;
  --lh-h1: 0.72rem;
  --lh-body: 0.36rem;
  --lh-sm: 0.28rem;

  /* ---- 间距/尺寸 ---- */
  --sp-1: 0.04rem;
  --sp-2: 0.08rem;
  --sp-3: 0.12rem;
  --sp-4: 0.16rem;
  --sp-5: 0.24rem;
  --sp-6: 0.32rem;
  --sp-7: 0.48rem;
  --sp-8: 0.72rem;
  --sp-9: 0.96rem;

  --radius-card: 0.08rem;
  --radius-btn: 0.04rem;
  --radius-pill: 0.23rem;

  /* ---- 区块高度（无图区块按内容自适应，有图区块锁定）---- */
  --h-hero: 9.6rem;
  --h-apply: 9.61rem;
  --h-rd: 9.6rem;
  --h-footer: 6.7rem;
}
