/* ============================================================================ tokens.css —— 设计变量（全站唯一出处） 换主题色 / 间距 / 圆角，只改这一个文件。 ============================================================================ */ :root { /* ---------- 品牌色 ---------- */ --brand: #d76440; /* 主题色：改这一行就换肤 */ --brand-hover: #e97a56; --brand-dim: rgba(215, 100, 64, .16); --gold: #ffe393; /* 副色：标题、强调 */ --silver: #c8cdd4; --bronze: #d09a6a; /* ---------- 背景 ---------- */ --bg: #010101; /* 页面底色 */ --bg-2: #0b0b0b; --bg-card: rgba(0, 0, 0, .90); --bg-soft: rgba(255, 255, 255, .04); --bg-nav: rgba(0, 0, 0, .82); /* ---------- 文字 ---------- */ --text: #d8d8d8; --text-strong: #ffffff; --text-dim: #8b8b8b; /* ---------- 线条 / 状态 ---------- */ --border: rgba(128, 128, 128, .33); --border-soft: rgba(128, 128, 128, .18); --success: #639922; --danger: #a32d2d; --warn: #f1c40f; /* ---------- 间距（8px 基准） ---------- */ --gap-xs: 4px; --gap-sm: 8px; --gap: 16px; --gap-lg: 24px; --gap-xl: 40px; /* ---------- 圆角 ---------- */ --radius-sm: 4px; --radius: 8px; --radius-lg: 12px; --radius-pill: 999px; /* ---------- 尺寸 ---------- */ --container: 1250px; --container-narrow: 900px; /* 纯文字页（详情 / 游戏介绍）：栏太宽读起来累 */ --nav-h: 80px; /* 桌面导航高 */ --nav-h-sm: 60px; /* 手机导航高 */ /* ---------- 阴影 ---------- */ --shadow: 0 8px 20px rgba(0, 0, 0, .45); --shadow-sm: 0 4px 10px rgba(0, 0, 0, .35); --glow: 0 0 12px rgba(215, 100, 64, .45); /* ---------- 字体 ---------- */ --font: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", system-ui, -apple-system, "Segoe UI", sans-serif; --font-num: "Bahnschrift", "DIN Alternate", Consolas, var(--font); /* ---------- 动效 ---------- */ --t: .25s ease; color-scheme: dark; } /* ============================================================================ 浅色主题 —— 把 改成 "light" 即启用 换品牌色只需改下面这些变量 ============================================================================ */ :root[data-theme="light"] { --brand: #c04a24; --brand-hover: #d85a30; --brand-dim: rgba(192, 74, 36, .10); --gold: #8a6d1f; --silver: #6b7280; --bronze: #9a6b3f; --bg: #f4f5f7; --bg-2: #ffffff; --bg-card: #ffffff; --bg-soft: rgba(0, 0, 0, .03); --bg-nav: rgba(255, 255, 255, .88); --text: #33383d; --text-strong: #14171a; --text-dim: #7c848d; --border: rgba(0, 0, 0, .12); --border-soft: rgba(0, 0, 0, .07); --shadow: 0 8px 20px rgba(20, 23, 26, .10); --shadow-sm: 0 4px 10px rgba(20, 23, 26, .07); --glow: 0 0 12px rgba(192, 74, 36, .28); color-scheme: light; }