/* ==========================================================================
   ui-tokens.css —— Web 三台（规划师工作台 / 管理后台 / 直播台）设计令牌
   --------------------------------------------------------------------------
   2026-10-15 立。背景：Web 三台是单文件 HTML 内嵌 CSS，无令牌体系，
   实测 planner.html 12 种字号 / 82 种硬编码颜色 / 105 种间距值，
   hunan_gaokao.html 更到 100 种字号 / 262 色 / 331 间距 —— 每加一个功能
   就顺手写一个值，跨页不一致的根源在此。

   **与小程序同源**：命名与 miniapp/app.wxss 的 --fs-* / --s-* / --sp-* 一一对应，
   换算关系＝小程序 rpx ÷ 2（750rpx 设计稿 ≈ Web px）。两端改同一档时同步改。

   ⚠️ 命名加 `--w-` 前缀：planner.html 内已有 70 个自定义属性（--border-soft /
      --dim / --tier-fg-gc 等），不同前缀避免撞名；那 70 个属它们的既有语义，
      不在本文件里重复定义。

   使用方式：<link rel="stylesheet" href="/ui-tokens.css"> 放在页面 <head>
   （先于内嵌 <style>，内嵌样式可覆盖令牌——迁移期允许覆盖，闸门只报漂移不拦）。
   ========================================================================== */

:root {
  /* ---- 字阶（9 档）---- 对应小程序 --fs-2xs … --fs-2xl（rpx÷2） */
  --w-fs-2xs: 9px;      /* 极小徽章/角标 */
  --w-fs-caption: 11px; /* 辅助说明/表格密文 */
  --w-fs-xs: 12px;      /* 表格主体/徽章（Web 现行主档） */
  --w-fs-sm: 13px;      /* 次要强调 */
  --w-fs-body: 14px;    /* 正文 */
  --w-fs-md: 15px;      /* 小标题 */
  --w-fs-lg: 17px;      /* 卡片标题 */
  --w-fs-xl: 20px;      /* 页面标题 */
  --w-fs-2xl: 24px;     /* 主数字/大标题 */
  /* 2026-10-15 补：规划师工作台角标档（10px）。全局仍是九档不删——管理后台/直播台/小程序
     都还在用 13/15/17 等档，砍档要三端同时改+重新验收，属另一批次。
     规划师侧的实际口径：《10 角标 / 11 辅助 / 12 主体》+《14 标题与关键数字》，图标字号不参与。
     ⚠️ 换 var() 前必须确认页面 <link> 了本文件，且不要用在**导出模板**里（导出是独立 HTML，不引本文件）。 */
  --w-fs-micro: 10px;   /* 角标/次要标记（对应小程序 20rpx） */

  /* ---- 间距阶（10 档）---- 对应小程序 --sp-4 … --s-10（rpx÷2） */
  --w-sp-1: 2px;
  --w-sp-2: 4px;
  --w-sp-3: 6px;
  --w-sp-4: 8px;
  --w-sp-5: 10px;
  --w-sp-6: 12px;
  --w-sp-7: 14px;
  --w-sp-8: 16px;
  --w-sp-10: 20px;
  --w-sp-12: 24px;

  /* ---- 空态口径（既定规则：统一 --，不用 —，不写「暂无数据」）---- */
  --w-empty: --;

  /* ---- 圆角与边框 ---- */
  --w-r-xs: 4px;
  --w-r-sm: 6px;
  --w-r-md: 10px;
  --w-r-lg: 14px;
  --w-r-full: 999px;
  --w-border: 1px;
}