@charset "utf-8";
/* ============================================================
   线报酷 · 统一设计令牌 v2（2026-10-04）
   单一来源：前台主题（xianbao_theme）与用户中心（mochu_us）共用本文件。
   结构分三层：
     ① zinc 原色板  —— 原子层，组件不要直接引用；
     ② 规范语义层   —— 新组件一律只用这一层的名字；
     ③ 兼容别名层   —— 用户中心旧名（--card/--muted/--foreground…）
                       与前台旧名（--c-primary/--radius-card…），
                       现役组件代码逐步迁移到②后可删。
   规则：换值不换名 —— 组件只引用令牌名，不写裸色值。
   纪律：界面只留黑与灰（zinc）；语义色只进徽章圆点/危险文字；
        链接悬停只用 zinc 灰阶，全站不用蓝。
   暗色：html.night（前台夜间模式）；用户中心暗色预留 html.uc-dark，
        恢复时复制 html.night 块改选择器即可。
   修改本文件后必须递增所有挂载点的 ?v= 版本戳：
     前台 template/header.php、用户中心 src/index.php。
   ============================================================ */

/* ---------- ① zinc 原色板 ---------- */
:root{
  --zinc-50:#fafafa;  --zinc-100:#f4f4f5; --zinc-200:#e4e4e7; --zinc-300:#d4d4d8;
  --zinc-400:#a1a1aa; --zinc-500:#71717a; --zinc-600:#52525b; --zinc-700:#3f3f46;
  --zinc-800:#27272a; --zinc-900:#18181b; --zinc-950:#09090b;
}

/* ============================================================
   ② 规范语义层（亮色）
   ============================================================ */
:root{
  /* ---------- 面 ---------- */
  --bg:#fafafa;               /* zinc-50  画布 */
  --surface:#ffffff;          /* 卡片 */
  --surface-2:#f4f4f5;        /* zinc-100 悬停/选中/筛选组底（登录页画布同此值） */
  --surface-3:#fafafa;        /* 表头/版权框等次级面 */
  --surface-hover:#ebebec;    /* surface-2 再深一档（用户中心 muted-hover） */
  /* ---------- 线 ---------- */
  --border:#e4e4e7;           /* zinc-200 结构线 */
  --border-strong:#d4d4d8;    /* zinc-300 控件描边 */
  /* ---------- 字 ---------- */
  --text:#09090b;             /* zinc-950 标题/正文 */
  --text-body:#3f3f46;        /* zinc-700 列表正文/标题墨色（20261004c：zinc-950 过黑，用户反馈调软） */
  --text-2:#71717a;           /* zinc-500 次要文字 */
  --text-3:#a1a1aa;           /* zinc-400 时间戳/占位/禁用 */
  /* ---------- 主色（近黑，夜间反白） ---------- */
  --primary:#18181b;          /* zinc-900 主按钮/强调 */
  --primary-hover:#27272a;    /* zinc-800 */
  --on-primary:#ffffff;
  /* ---------- 链接 ---------- */
  --link:#09090b;
  --link-hover:#52525b;       /* zinc-600 悬停（全站不用蓝） */
  /* ---------- 语义色（只进徽章圆点/危险文字；两端现役对齐值 20261004） ---------- */
  --success:#10b981;                /* emerald-500（用户中心旧导出值 #16a34a 已废弃，以线上对齐值为准） */
  --warning:#f59e0b;                /* amber-500（同上，旧导出值 #d97706 已废弃） */
  --warning-text:#b45309;
  --warning-bg:#fffbeb;
  --danger:#dc2626;
  --danger-hover:#b91c1c;
  --danger-text:#dc2626;
  --danger-bg:rgba(220,38,38,.08);  /* 今日时间胶囊淡染 */
  --vip:#b45309;
  /* ---------- 环阴影配方 ---------- */
  --ring:#e4e4e7;
  --ring-strong:#d4d4d8;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.04);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.04);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.08);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.04);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.08); /* 弹层（同 ring-lg 配方，用户中心名） */
  /* ---------- 焦点 ---------- */
  --focus-ring:#71717a;
  --focus-halo:rgba(24,24,27,.08);
  /* ---------- 圆角 ---------- */
  --radius-lg:12px;           /* 卡片/弹窗 */
  --radius:8px;               /* 控件（输入框/按钮） */
  --radius-sm:6px;            /* 小钮/徽标内芯 */
  --radius-pill:999px;        /* 胶囊 */
  /* ---------- 间距 ---------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px;
  /* ---------- 字号 ---------- */
  --fs-12:.75rem; --fs-13:.8125rem; --fs-14:.875rem; --fs-15:.9375rem;
  --fs-16:1rem; --fs-18:1.125rem; --fs-22:1.375rem; --fs-28:1.75rem;
  /* ---------- 字重 ---------- */
  --fw-400:400; --fw-500:500; --fw-600:600; --fw-700:700;
  /* ---------- 动效 ---------- */
  --dur-fast:.15s; --dur:.2s; --ease:cubic-bezier(.4,0,.2,1);
  /* ---------- 字体栈 ---------- */
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","MiSans",
    "HarmonyOS Sans SC","Microsoft YaHei","Segoe UI",Roboto,sans-serif;
  /* ---------- 布局 ---------- */
  --container:1280px;         /* 前台内容宽度规格 */
  --header-total:60px;        /* 前台桌面顶栏高度（nav2 仅移动端显示），侧栏吸顶用 */
  --header-h:56px;            /* 用户中心顶栏高度 */
  color-scheme:light;
}

/* ============================================================
   ② 规范语义层（暗色 · html.night，前台夜间模式）
   ============================================================ */
html.night{
  /* 20261004b 提亮：用户反馈夜间太黑。zinc 梯度整体上移一档：
     页面底=zinc-900、卡片=900/800 之间、轨道=zinc-800（原 页面底=950、卡片=900） */
  --bg:#18181b;
  --surface:#1f1f23;
  --surface-2:#27272a;
  --surface-3:#232327;
  --surface-hover:#3f3f46;
  --border:#2e2e33;
  --border-strong:#3f3f46;
  --text:#fafafa;
  --text-body:#d4d4d8;        /* zinc-300，夜间列表墨色同步软化 */
  --text-2:#a1a1aa;
  --text-3:#71717a;
  --primary:#fafafa;
  --primary-hover:#e4e4e7;
  --on-primary:#18181b;
  --link:#fafafa;
  --link-hover:#a1a1aa;       /* zinc-400 悬停 */
  --success:#34d399;
  --warning:#fbbf24;
  --warning-text:#fbbf24;
  --warning-bg:rgba(251,191,36,.12);
  --danger:#ff7076;
  --danger-hover:#ff7076;     /* 用户中心暗色未启用，预留同 danger */
  --danger-text:#ff7076;
  --danger-bg:rgba(255,112,118,.14);
  --vip:#fbbf24;              /* 预留未启用 */
  --ring:#2e2e33;
  --ring-strong:#3f3f46;
  --shadow-ring:0 0 0 1px var(--ring);
  --shadow-ring-sm:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.16);
  --shadow-ring-strong:0 0 0 1px var(--ring-strong),0 1px 2px rgba(0,0,0,.16);
  --shadow-ring-lg:0 0 0 1px var(--ring),0 8px 30px rgba(0,0,0,.5);
  --shadow-ring-pop:0 0 0 1.5px var(--primary),0 1px 2px rgba(0,0,0,.16);
  --shadow-pop:0 0 0 1px var(--border),0 8px 30px rgba(0,0,0,.5);
  --focus-ring:#a1a1aa;
  --focus-halo:rgba(250,250,250,.08);
  color-scheme:dark;
}

/* ============================================================
   ③ 兼容别名层 —— 用户中心 zinc.css 现役名（勿在新组件使用）
   ============================================================ */
:root{
  --background:var(--bg);
  --foreground:var(--text);
  --card:var(--surface);
  --muted:var(--surface-2);
  --muted-hover:var(--surface-hover);
  --muted-foreground:var(--text-2);
  --subtle:var(--text-3);
  /* 同名同值无需别名：--border、--border-strong、--primary、--primary-hover、
     --link-hover、--success、--warning、--warning-text、--danger、--danger-hover、
     --vip、--shadow-ring 系列、--shadow-pop、--radius 系列、--sp 系列、--fs 系列、
     --fw 系列、--dur 系列、--ease、--font、--header-h */
}
html.night{
  --background:var(--bg);
  --foreground:var(--text);
  --card:var(--surface);
  --muted:var(--surface-2);
  --muted-hover:var(--surface-hover);
  --muted-foreground:var(--text-2);
  --subtle:var(--text-3);
}

/* ============================================================
   ③ 兼容别名层 —— 前台 xianbao_theme 现役旧名（勿在新组件使用）
   ============================================================ */
:root{
  --radius-card:var(--radius-lg);
  --radius-control:var(--radius);
  --radius-badge:var(--radius-pill);
  /* 旧令牌名兼容（mochu_us 兼容层/内联样式仍引用） */
  --c-primary:var(--primary);
  --c-primary-dark:#3f3f46;   /* zinc-700 */
  --shadow:var(--shadow-ring-sm);
  /* 前台专属 */
  --header-bg:rgba(255,255,255,.86);
  /* 列表行密度（密度切换：html.density-compact 下收紧） */
  --row-pad-y:11px;
  --row-gap:10px;
}
html.night{
  --radius-card:var(--radius-lg);
  --radius-control:var(--radius);
  --radius-badge:var(--radius-pill);
  --c-primary:var(--primary);
  --c-primary-dark:#e4e4e7;
  --shadow:var(--shadow-ring-sm);
  --header-bg:rgba(24,24,27,.86);
  /* 列表行密度夜间不变化，继承即可 */
}