/* =========================================================
   theme.css — 设计令牌层（PLAN §2.1 / §2.2 / §2.3）
   只放变量，不写任何选择器规则（除 :root 与字体声明）
   ========================================================= */

/* ---- 字体：Google Fonts，display=swap；被墙时静默回退系统宋体 ---- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@700&family=Cinzel:wght@400;600&display=swap");

:root {
  /* ---------- 配色 ---------- */
  --bg-abyss:    #0a0508;  /* 全站底色：近黑的深酒红黑 */
  --bg-velvet:   #1a0f14;  /* 区块底：丝绒暗红 */
  --bg-card:     #14101a;  /* 卡片底：暗紫黑 */
  --gold:        #c9a227;  /* 主金：哑光古金 */
  --gold-bright: #f0d675;  /* 亮金：数字、高亮、hover 发光 */
  --rose:        #8e1f3a;  /* 丝绒玫瑰红 */
  --rose-neon:   #ff2d55;  /* 霓虹玫红（只做发光） */
  --neon-violet: #b26bff;  /* 霓虹紫（只做光晕） */
  --ink:         #e8e0d0;  /* 正文：暖白 */
  --ink-dim:     #9a8f7d;  /* 次级文字 */
  --line:        rgba(201, 162, 39, .35); /* 金色细描边，全站统一 */
  --line-soft:   rgba(201, 162, 39, .16);

  /* 名次金属色（TOP3 领奖台环色） */
  --metal-1: #f0d675;
  --metal-2: #c9ccd4;
  --metal-3: #c98f5a;

  /* ---------- 字体族 ---------- */
  --font-serif: "Noto Serif SC", "Songti SC", "STSong", serif;
  --font-num:   "Cinzel", "Times New Roman", serif;
  --font-sans:  -apple-system, BlinkMacSystemFont, "PingFang SC",
                "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* ---------- 间距（基数 8px） ---------- */
  --sp-1: 8px;
  --sp-2: 12px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 64px;

  /* ---------- 圆角 / 层级 ---------- */
  --r-sm: 2px;
  --r:    4px;   /* 全站统一锐利圆角，不用大圆角 */
  --r-pill: 999px;

  --z-nav:  80;
  --z-gate: 100;

  /* ---------- 阴影与发光 ---------- */
  --glow-gold:  0 0 12px rgba(240, 214, 117, .45);
  --glow-rose:  0 0 10px rgba(255, 45, 85, .55);
  --glow-vio:   0 0 18px rgba(178, 107, 255, .35);
  --shadow-card: 0 8px 28px rgba(0, 0, 0, .55);

  /* ---------- 底纹：日式麻叶／大马士革感 SVG（内联 data URI，< 2KB） ---------- */
  --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23c9a227' stroke-width='1' stroke-opacity='.5'%3E%3Cpath d='M40 4 L52 22 L40 40 L28 22 Z'/%3E%3Cpath d='M40 40 L52 58 L40 76 L28 58 Z'/%3E%3Cpath d='M0 22 L12 40 L0 58'/%3E%3Cpath d='M80 22 L68 40 L80 58'/%3E%3Cpath d='M40 4 V40 M40 40 V76 M28 22 H12 M52 22 H68 M28 58 H12 M52 58 H68'/%3E%3Ccircle cx='40' cy='40' r='3'/%3E%3Ccircle cx='0' cy='40' r='2'/%3E%3Ccircle cx='80' cy='40' r='2'/%3E%3C/g%3E%3C/svg%3E");

  /* ---------- 布局 ---------- */
  --nav-h: 58px;
  --page-max: 480px;
  --gutter: var(--sp-3);
}