@charset "UTF-8";
/* ==========================================================================
   tokens.css —— 设计令牌
   全站唯一的颜色 / 字号 / 间距 / 圆角来源。改视觉只改这里。
   颜色按「用途」拆分（填充色 / 文字色 / 图形色各自独立），
   避免同一支主色既当按钮底又当链接文字而导致一头对比度不达标。
   所有文字色均已按 WCAG AA 校验（见 tools/check_contrast.py）。
   ========================================================================== */

:root {
  /* ---------- 品牌色 ---------- */
  --brand:            #5B53E8;  /* 主色·填充：按钮底 / chip 选中底 / 徽标底 */
  --brand-ink:        #3A32C8;  /* 主色·文字：白底与浅紫底上的链接、邮箱 */
  --brand-mark:       #5B53E8;  /* 主色·图形：列表圆点、图标描边 */
  --brand-surface:    #EEECFF;  /* 浅紫底：声明条 / 徽标 / 图标底 / 联系卡 */
  --brand-grad-from:  #4F47E0;  /* 下载卡渐变起点 */
  --brand-grad-to:    #6A5AE8;  /* 下载卡渐变终点 */

  /* ---------- 中性面 ---------- */
  --bg:               #FFFFFF;  /* 页面底 */
  --bg-soft:          #F7F8FC;  /* 次级区块底、软卡片、问答卡 */
  --bg-neutral:       #F0F1F7;  /* 次级按钮底、chip 未选中底 */
  --bg-invert:        #14161C;  /* 页脚底 */

  /* ---------- 描边 / 分隔 ---------- */
  --line:             #E9EBF3;  /* 浅底分隔线、数据条竖线 */
  --line-invert:      #23252E;  /* 深底分隔线 */

  /* ---------- 文字（浅底） ---------- */
  --text:             #14161C;  /* 主文本 */
  --text-body:        #3F4554;  /* 长正文：要点条目、更新条目 */
  --text-muted:       #5F6673;  /* 次级文本：统一一支，白底 5.8:1 / 浅灰底 5.4:1 */

  /* ---------- 文字（深底） ---------- */
  --text-invert:      #F2F3F7;  /* 页脚主文本 */
  --text-invert-link: #9AA1B2;  /* 页脚链接 */
  --text-invert-mute: #939AA8;  /* 页脚列标题、版权 */

  /* ---------- 文字（品牌底） ---------- */
  --text-on-brand:    #FFFFFF;  /* 主色填充 / 渐变异底上的文字 */

  /* ---------- 字体 ---------- */
  --font-sans: "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC",
               "Source Han Sans SC", "Microsoft YaHei", "Hiragino Sans GB",
               system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;
  --fw-black:   900;

  /* ---------- 字号 ---------- */
  --fs-display: 52px;  /* Hero 主标题 */
  --fs-title:   40px;  /* 页面标题 */
  --fs-h2:      34px;  /* 区块标题 */
  --fs-h3:      30px;  /* 详述标题 */
  --fs-h4:      24px;  /* 小标题（站点说明 / 注意事项） */
  --fs-h5:      20px;  /* 分组标题 */
  --fs-stat:    32px;  /* 数据条数字 */
  --fs-card:    16px;  /* 卡片标题 / 正文大号 */
  --fs-cta:     32px;  /* 渐变下载卡标题 */
  --fs-lead:    15px;  /* 页面导语 */
  --fs-body:    14px;  /* 正文 */
  --fs-cap:     13px;  /* 说明文字 */
  --fs-micro:   12px;  /* 标签、脚注 */

  /* ---------- 行高 ---------- */
  --lh-tight: 1.3;   /* 大标题 */
  --lh-body:  1.7;   /* 常规多行 */
  --lh-read:  1.85;  /* 长文阅读 */

  /* ---------- 间距 ---------- */
  --sp-1: 6px;
  --sp-2: 10px;
  --sp-3: 14px;
  --sp-4: 20px;
  --sp-5: 26px;
  --sp-6: 32px;
  --sp-7: 44px;
  --sp-8: 64px;
  --sp-9: 90px;

  /* ---------- 圆角 ---------- */
  --r-xs:   8px;
  --r-sm:   10px;
  --r-btn:  12px;
  --r-card: 18px;   /* 卡片、图位、内联软卡 */
  --r-md:   14px;   /* 卡内小卡、问答卡、二维码底 */
  --r-xl:   24px;   /* 下载大卡 */
  --r-pill: 999px;

  /* ---------- 内容宽度（全站只此两档） ---------- */
  --w-container: 1200px;  /* 区块 / 卡片 / 栅格主宽度 */
  --w-prose:     880px;   /* 长文阅读宽度：页头导语、关于我们正文、更新条目 */
  --gutter:      120px;   /* 桌面左右留白 */

  /* ---------- 其他 ---------- */
  --focus: #3A32C8;
  --dur:   180ms;
}