用途：在制作教学站点或内容驱动型 SPA 时，为配色、字体、徽章、卡片布局等视觉决策提供统一依据；也用于新增视觉元素、调整暗色模式、制作企业版或电子书。
主要能力：以 OKLCH 定义颜色令牌，暗色模式可按亮色 L 值反推；令牌分语义表面层（bg、surface、fg、muted、border 等）与双强调色层（--accent 表示可点击操作，--accent-2 表示需细读的内容），另有 success、warning、danger 及其 -soft 变体。字体统一使用单一字体栈以处理中英混排。几何令牌含三档圆角、侧边栏宽度、头部高度、阅读宽度上限与双层阴影。内置标志性组件包括 day-hero 数字、prompt-block、glass-card、三态任务复选框与学习目标徽章。
使用方式：先读取令牌文件 templates/tokens.css（完整 :root 块与暗色主题），可粘贴进 index.html 的 style 块或作为外部 style.css；组件数据字段名参考 _shared/domain-primitives.md。暗色模式使用 [data-theme] 属性配合手动切换。电子书与打印 CSS 复用相同令牌，仅覆盖打印所需差异。
限制：暗色模式不翻转状态色与 --accent-2；几何令牌不变。backdrop-filter 需浏览器支持，Safari 需加前缀。避免自造颜色、用 --accent 强调内容、为代码块换字体或按组件手写暗色样式。动画预算极小，禁用页面转场与装饰性动画。资料未提供完整实现细节与安装命令，具体值以令牌文件与参考实现为准。