/* ===== 设计令牌 theme.css（v2 全面升级）===== */
:root {
  /* 品牌 */
  --c-primary: #0088ff;              /* systemBlue（HIG 2025-12） */
  --c-primary-dark: #0067ce;
  --c-primary-deep: #005bb8;
  --c-primary-light: #eaf4ff;
  --c-primary-lighter: #f5f9ff;
  --c-accent: #5e5ce6;               /* systemIndigo */
  --c-accent-2: #00c0e8;             /* systemCyan */
  --c-gradient: linear-gradient(135deg, #0088ff 0%, #3d9bff 100%);
  --c-gradient-soft: linear-gradient(135deg, #eaf4ff 0%, #f0f6ff 100%);

  /* 侧边栏深色渐变 */
  --c-sidebar: #1c1c1e;              /* iOS 深灰 */
  --c-sidebar-2: #2c2c2e;
  --c-sidebar-hover: rgba(255, 255, 255, .08);
  --c-sidebar-active: linear-gradient(90deg, rgba(0, 136, 255, .95) 0%, rgba(0, 136, 255, .80) 100%);

  /* 背景与卡片 */
  --c-bg: #f2f2f7;                   /* systemGroupedBackground */
  --c-bg-2: #f7f7fa;
  --c-card: #ffffff;
  --c-border: #e2e8f0;
  --c-border-soft: #eef2f7;

  /* 语义色（W5：按映射表方案 A 向软件端对齐 —— ok/warn/err = #0e9f6e / #c77a08 / #d93a3a）*/
  --c-public: #8e8e93;               /* systemGray */
  --c-private: #0088ff;
  --c-success: #157a3c;              /* iOS green（ink 级，白底 4.9:1） */
  --c-warning: #996100;              /* iOS orange 校深 */
  --c-danger: #c0181f;               /* iOS red 校深 */
  --c-direct: #5e5ce6;               /* systemIndigo */
  --c-invite: #00c0e8;               /* systemCyan */
  --c-muted: #94a3b8;
  --c-text: #000000;                 /* label */
  --c-text-2: #3a3a3e;
  --c-text-3: #6d6d72;

  /* 字号 */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;
  --fs-3xl: 32px;

  /* 间距 / 圆角 / 阴影 */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --shadow-xs: 0 0 0 rgba(0,0,0,0);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, .07);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, .16);
  --shadow-primary: 0 4px 14px rgba(0, 136, 255, .25);
  --shadow-accent: 0 4px 14px rgba(94, 92, 230, .22);

  /* ===== W5 设计令牌层（canonical）=====
     语义色「三件套」= tint(底) / ink(字) / line(边)。值以软件端为基准（映射表方案 A）：
     base/fill = #0e9f6e / #c77a08 / #d93a3a；文字级 ink 在对应 -soft(tint) 上均 ≥4.5:1。 */
  --c-ok:        #34c759;   /* systemGreen（填充底+白字时校深用 ok-ink） */
  --c-ok-ink:    #157a3c;   /* 文字级：on ok-tint = 4.9:1 */
  --c-ok-tint:   #e9f9ef;
  --c-ok-line:   #b7e8c5;
  --c-warn:      #ff8d28;   /* systemOrange（HIG 2025-12） */
  --c-warn-ink:  #996100;   /* 文字级：on warn-tint = 5.2:1 */
  --c-warn-tint: #fff2df;
  --c-warn-line: #ffdfad;
  --c-err:       #ff383c;   /* systemRed（HIG 2025-12） */
  --c-err-ink:   #c0181f;   /* 文字级：on err-tint = 5.1:1 */
  --c-err-tint:  #ffeaea;
  --c-err-line:  #ffc9c9;

  /* 中性 / 品牌 / 个性色三件套 */
  --c-neutral-tint: #f2f2f7;
  --c-neutral-ink:  #6d6d72;
  --c-neutral-line: #e5e5ea;
  --c-primary-tint: #eaf4ff;
  --c-primary-ink:  #0067ce;
  --c-primary-line: #b9dcff;
  --c-accent-tint:  #eeedfd;
  --c-accent-ink:   #4a48c4;
  --c-accent-line:  #d3d1fa;
  --c-accent-2-tint: #e6f9fd;
  --c-accent-2-ink:  #0a8aa8;
  --c-accent-2-line: #a5f3fc;

  /* 侧栏（深色底）文字层级 */
  --c-sidebar-ink:   #e2e8f0;
  --c-sidebar-ink-2: #94a3b8;
  --c-sidebar-faint: #64748b;

  /* 间距刻度（8px 基数，与 new.css --s-* 对齐） */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* 焦点环（借鉴软件端 --ring） */
  --ring: 0 0 0 4px rgba(0, 136, 255, .18);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  font-size: var(--fs-md);
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: var(--c-primary); text-decoration: none; transition: color .15s; }
a:hover { color: var(--c-primary-dark); }

h1, h2, h3, h4 { margin: 0; font-weight: 600; letter-spacing: -.01em; }

/* 数字等宽（表格/统计对齐） */
.num { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }

::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c7c7cc; border-radius: 5px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: #aeaeb2; border: 2px solid transparent; background-clip: content-box; }

::selection { background: rgba(0, 136, 255, .16); }