样式架构
globals.css 是唯一的全局入口,负责导入 Tailwind 与领域样式;它只应保留以下内容:
- 主题与设计 token;
- 字体声明;
- reset、可访问性基础规则;
- 跨领域 visual primitive,例如 glass、mirror、vermilion、grain、星盘词法。
页面或领域专属规则放在 features/:
| 文件 | 职责 |
|---|---|
chat.css |
Markdown、代码高亮与 KaTeX |
characters.css |
魂册、生命周期与人物档案 |
memory.css |
记忆筛选、列表与侧栏 |
time.css |
日晷、时态因子与事件快照 |
drive.css |
太一目标、好奇、天平与阴阳制衡 |
world.css |
河图关系图、实体与世界观共振 |
evolution.css |
周天四镜、候选与版本层积 |
personality.css |
十镜、人格种子、明德与版本层 |
cosmos.css |
灵枢太极、四象与八卦详注 |
新增领域样式时,先使用现有 token 与 primitive;只有确实跨领域复用时才回流至 globals.css。迁移样式不得改动选择器或视觉行为,并运行 docs/visual-regression.md 定义的矩阵进行确认。