/* AlphaToken 官网 v2 设计令牌。色值只在此文件出现，其余 CSS 一律引用变量。 */ /* Inter 由 tools/fetch_fonts.sh 重写过 URL 的 Google CSS 提供， 切片与 unicode-range 原样保留——自己编 @font-face 猜文件名会挑错切片。 @import 必须写在所有规则之前。 */ @import url("../assets/fonts/inter.css"); @font-face { font-family: "Noto Sans SC"; src: url("../assets/fonts/notosanssc-subset.woff2") format("woff2"); font-weight: 100 900; font-display: swap; } /* 繁体页（）用 TC。两套字形不通用：户／戶、為／爲、 羣／群 这类同码位在两地标准写法不同，拿 SC 渲染繁体页是看得出来的。 字体栈按 lang 切换，不必给生成页注入额外样式——生成器只改 lang 属性， 其余交给 CSS，两边职责不重叠。英文页两套 CJK 字体都不会下载：浏览器 按字符匹配字体，Inter 覆盖了英文页全部可见字符。 */ @font-face { font-family: "Noto Sans TC"; src: url("../assets/fonts/notosanstc-subset.woff2") format("woff2"); font-weight: 100 900; font-display: swap; } :root { /* 中性阶 */ --white: #FFFFFF; --surface: #F9FAFB; --line: #E4E7EC; --weak: #98A2B3; --body: #475467; --ink: #101828; /* 强调 */ --accent: #1D4ED8; --accent-deep: #17439B; /* 语义三元组：只在控制台示意图内部作状态，不上页面级元素 */ --ok-fg: #067647; --ok-bg: #ECFDF3; --ok-line: #ABEFC6; --warn-fg: #B54708; --warn-bg: #FFFAEB; --warn-line: #FEDF89; --risk-fg: #B42318; --risk-bg: #FEF3F2; --risk-line: #FECDCA; /* 字体 */ --font-sans: "Inter", "Noto Sans SC", -apple-system, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace; /* 字号 */ --fs-hero: clamp(40px, 5.5vw, 68px); --fs-h1: clamp(30px, 3.4vw, 44px); --fs-h2: 20px; --fs-body: 16px; --fs-small: 14px; --fs-micro: 12px; /* 间距 */ --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px; /* 版心与圆角 */ --maxw: 1120px; /* 卡片阴影：参考图里的示意卡是白底大圆角加一层柔和阴影、没有可见边框。 颜色写在这里而不是散在规则里，跟调色板同一个规矩——阴影带颜色。 */ --shadow-card: 0 4px 6px -2px rgba(16, 24, 40, 0.04), 0 12px 28px -6px rgba(16, 24, 40, 0.10); /* 候选项选中态的淡蓝外环：白底 + 蓝色边框之外再叠一圈半透明蓝光晕。 只有需要透明度的颜色才要写字面 rgba，跟 --shadow-card 同一个道理—— 29,78,216 就是 --accent（#1D4ED8）换算出的十进制分量，不是新颜色。 */ --ring-accent: 0 0 0 3px rgba(29, 78, 216, 0.16); --radius: 10px; /* 示意图外壳（.cs 浮起卡）专用圆角：图内 UI 按产品方规范全部直角 （.cs 作用域把 --radius/--radius-sm 归零），外壳这张页面层的卡 不跟随，用这个不被覆写的令牌。 */ --radius-shell: 10px; --radius-sm: 6px; /* 常驻页头：高度与各 section 的 scroll-margin-top 都从这一个令牌推导， 改页头内边距不必再手动同步两处像素值。 */ --header-h: 65px; /* 行高 */ --lh-tight: 1.15; --lh-body: 1.7; } /* 繁体页只换字体族，其余令牌全部继承。用 :lang() 而不是给生成页注入样式， 是让「哪一版用哪套字形」这条规则留在 CSS 里可查，生成器不掺和。 */ :root:lang(zh-Hant) { --font-sans: "Inter", "Noto Sans TC", -apple-system, sans-serif; }