/**
 * 设计令牌 · Design Tokens
 *
 * 两端共用一份：PC 服务端渲染（public/static/pc/css/*）与后续 Mobile（React）引同样的变量，
 * 只有容器宽度和密度不同，色板与字阶完全一致。
 *
 * 苹果风格的核心不是「白」，而是：层级靠留白 + 字重建立，不靠描边和色块；
 * 全站只有一个强调色（Apple Blue #0071E3），其余全部走中性灰。
 *
 * 文件末尾的 --primary / --muted / --line / --red 是旧金色主题的兼容别名，
 * 保证老 CSS 里残留的 var() 引用不会失效。
 */
:root {
    /* ---------- 色板 ---------- */
    --bg: #ffffff;          /* 主背景 */
    --bg-2: #f5f5f7;        /* 页面底 / 分区底 */
    --surface: #ffffff;     /* 卡片面 */
    --t1: #1d1d1f;          /* 主文字 */
    --t2: #6e6e73;          /* 次要文字 */
    --t3: #86868b;          /* 辅助文字 */
    --line: #d2d2d7;        /* 分隔线 */
    --line-soft: #e8e8ed;   /* 弱化分隔线 */
    --accent: #0071e3;      /* 唯一强调色 */
    --accent-h: #0077ed;    /* 强调色 hover */
    --accent-soft: #e8f2fd; /* 强调色弱底（聚焦环 / 选中底） */
    --red: #ff3b30;         /* 错误 / 停止 */
    --orange: #ff9500;      /* 推荐 */
    --green: #34c759;       /* 新服 */
    --gold: #d8b36b;        /* 承载页古铜提示（黑底上唯一保留的暖色） */

    /* 包服专属金（全站第二套强调色，只用在包服，避免泛用掉价） */
    --bf-1: #ffb020;        /* 金 · 亮端 */
    --bf-2: #ff7a00;        /* 金 · 深端 */
    --bf-grad: linear-gradient(135deg, #ffc94d 0%, #ffa000 45%, #ff7a00 100%);
    --bf-glow: 0 2px 8px rgba(255, 138, 0, .30);
    --bf-glow-hi: 0 4px 18px rgba(255, 138, 0, .52);
    --bf-soft: #fff4e2;     /* 金 · 弱底 */

    /* ---------- 圆角 ---------- */
    --r-s: 8px;             /* 小元素 */
    --r: 12px;              /* 表单 / 行 */
    --r-l: 18px;            /* 卡片 */
    --r-p: 980px;           /* 胶囊（按钮 / 标签） */

    /* ---------- 阴影（只留两级） ---------- */
    --sh-1: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .05);
    --sh-2: 0 2px 8px rgba(0, 0, 0, .06), 0 16px 40px rgba(0, 0, 0, .09);

    /* ---------- 尺寸 ---------- */
    --nav-h: 72px;          /* 顶部导航高（容纳 40px 平台 Logo + 用户 chip；56px 时条太薄，2026-09-16 加厚） */
    --container: 1200px;    /* 内容容器（含左右 24px 留白） */

    /* ---------- 字体 ---------- */
    --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
            "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

    /* ---------- 旧主题兼容别名 ---------- */
    --primary: var(--accent);
    --primary-deep: #005bb5;
    --muted: var(--t3);
    --dark: #1d1d1f;
    --dark-2: #252830;
    --text: var(--t1);
}
