/* ==========================================================================
   设计令牌 —— ★★★ 唯一真值 = 《小程序UI方案》两份 UI 预览稿的 :root
   ★ 变量名与取值均逐字对齐预览稿（paper/route-bg/yellow/ink/title/
     secondary/muted/line/danger/white），另加预览中用到的扩展语义色。
   ★ 页面里禁止硬编码色值，一律用 var(--xxx)
   ========================================================================== */
:root{
  --paper:#F8F9FC;
  --route-bg:#F5F6F9;   /* ★ 2026-10-02：原 #F7F8FB 与卡片白对比只有 1.062:1，卡片边界看不见；调深后 1.135:1
                           ★★ 但本文件会被 h5.css 末尾的 `PREVIEW-PORT v1 :root{}` 块覆盖 ——
                              改配色请**两处一起改**，否则改了没反应（已实测踩过）。 */
  --yellow:#FFE706;
  --ink:#000000;
  --title:#26292E;
  --secondary:#999999;
  --muted:#777B83;
  --line:#F0F1F3;
  --danger:#E65445;
  --white:#FFFFFF;

  /* ---------- 预览稿中直接使用、但未列入 :root 的扩展语义色 ---------- */
  --yellow-soft:#FFF6B8;
  --yellow-deep:#F5C400;
  --border:#DFE3E8;
  --fill-light:#FAFBFC;
  --ok:#17A673;
  --ok-soft:#E6F7F1;
  --ok-deep:#0B7A54;
  --warn:#9A5A05;
  --warn-soft:#FFF4E0;
  --warn-line:#F6DDAE;
  --blue:#2E6BE6;
  --blue-soft:#EAF1FE;
  --blue-deep:#1B4CB0;
  --danger-soft:#FDEDEB;
  --danger-deep:#B32E1F;

  /* ---------- 圆角 / 间距 / 字号 ---------- */
  --radius-card:10px;      /* ★ 预览 .card{border-radius:10px} */
  --radius-tag:5px;        /* ★ 预览 .tag{border-radius:5px} */
  --radius-btn:8px;        /* ★★ 后台桌面端小按钮半径（保留 8px；
                              移动端主按钮是胶囊 24px，见 --radius-pill）*/
  --radius-pill:24px;      /* ★ 预览 .btn-main 半径（移动端主/次按钮）*/
  --radius-pill-lg:30px;   /* ★ 预览 .field 半径（移动端输入框）*/
  --radius-pill-full:999px;/* ★ 预览 .balance-chip 全圆 */
  --page-padding:15px;     /* 组件内边距（卡片/列表项/弹层内部，**不要**拿它当页面留白）*/
  --page-gutter: 15px;   /* ★ 2026-10-02：由 2px 统一为 15px（全站 28 页 + 我的页一致）。
                             2px 时卡片几乎贴边、与页面底色分不开，板块之间看着是连着的 */
  --card-gap:12px;
  --touch-min:44px;        /* 后台可点区域下限 */
  --btn-h:46px;            /* ★ 预览移动端按钮高 */
  --font-title:18px;
  --font-card-title:15px;
  --font-body:14px;
  --font-caption:12.5px;
  --font-tiny:11px;
  --font-tag:10px;         /* ★ 预览 .tag / .badge 字号 */

  /* ---------- 后台专用（桌面端，不受 H5 一致性约束）---------- */
  --admin-aside:#001529;
  --admin-aside-text:#c9ced6;
  --admin-header-h:56px;
  --admin-aside-w:210px;
}