/* ============================================================= * tokens.css —— 设计令牌（Design Tokens）+ 双主题 + 字体系统 * 全站唯一的"变量来源"，其余样式文件只消费这里定义的变量。 * 主题切换：由 JS 控制。 * ============================================================= */ /* 自托管 Orbitron（标题装饰字体，仅拉丁文，可变字体覆盖 400–900）。已下载到 assets/fonts/orbitron.woff2（11.8KB），去掉了对 Google Fonts 的墙外依赖。 */ @font-face{ font-family:"Orbitron"; font-style:normal; font-weight:100 900; font-display:swap; src:url("../assets/fonts/orbitron.woff2") format("woff2"); } /* 中文正文沿用系统字体栈（PingFang SC / Microsoft YaHei），零下载、国内最快，无需自托管。 */ /* ---------- 通用令牌（与主题无关） ---------- */ :root{ --r-sm:10px; --r-md:16px; --r-lg:22px; --r-pill:999px; --sh-1:0 2px 8px rgba(0,0,0,.30); --sh-2:0 8px 28px rgba(0,0,0,.38); --sh-3:0 18px 50px rgba(0,0,0,.50); --ease:cubic-bezier(.4,0,.2,1); --grad-border:linear-gradient(135deg,color-mix(in srgb,var(--accent) 60%,transparent),color-mix(in srgb,var(--accent-2) 50%,transparent)); --wrap-max:1440px; --wrap-pad:28px; --nav-h:64px; } /* ---------- 机甲战队 · 科幻硬核（默认主题） ---------- */ :root, body[data-theme="mecha"]{ --bg:#070a11; --bg-soft:#10151f; --panel:#161d2b; --panel-2:#1b2334; --line:rgba(255,255,255,.08); --txt:#eef2f8; --txt-2:#9aa6b8; --txt-3:#69748a; --accent:#ff3b30; /* 等离子红 */ --accent-2:#22d3ee; /* 电光青 HUD */ --glow:rgba(255,59,48,.28); --glow-2:rgba(34,211,238,.22); --font-head:"Orbitron","Noto Sans SC",sans-serif; --font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; } /* ---------- 驯龙之旅 · 马卡龙治愈（浅底软萌，备用） ---------- */ body[data-theme="dragon"]{ --bg:#faf6f2; --bg-soft:#f3ece6; --panel:#ffffff; --panel-2:#fbf5f1; --line:rgba(120,90,110,.10); --txt:#3a2f3a; --txt-2:#8a7686; --txt-3:#b3a2ad; --accent:#ff8fb3; /* 蜜桃粉 */ --accent-2:#5ec8d8; /* 薄荷蓝 */ --glow:rgba(255,143,179,.32); --glow-2:rgba(94,200,216,.22); --font-head:"Baloo 2","Noto Sans SC",sans-serif; --font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; --grad-border:linear-gradient(135deg,color-mix(in srgb,var(--accent) 55%,transparent),color-mix(in srgb,var(--accent-2) 50%,transparent)); } /* 标题类元素统一使用主题标题字体 */ .hero-copy h1,.section h2,.banner h3,.about-card h3,.ip-bar .lbl, .logo-mark,.pre-item .pi-main h4,.card .body h4,.hero-copy .eyebrow, .badge-l,.ip-tab,.btn,.cta,.fcta-title,.modal-head h3,.merch-style-name{ font-family:var(--font-head); }