ff

.cursor/rules/design-system.mdc

@@ -0,0 +1,27 @@
+---
+description: 写样式与 UI 时必须遵循 DESIGN.md 与项目样式架构
+globs: src/**/*.{css,tsx}
+alwaysApply: false
+---
+
+# 设计系统（浅色高级编辑风）
+
+## 单一事实来源
+
+`DESIGN.md` · `src/styles/tokens.css` · `typography.css` · `layout.css` · `components.css` · `locale-zh.css` · `globals.css`
+
+## 必须遵守
+
+1. **全站浅色**：仅用 `band-light` / `band-muted` / `bg-canvas-page`，**禁止** `band-dark`、深色页背景。
+2. **字体**：标题 `type-display-*`（Noto Serif SC）；正文/导航 Inter；代码 `code-panel`。
+3. **主 CTA**：`btn-primary`（墨灰 `#141414`，非大面积黑底区块）。
+4. **层次**：hairline 边框 + 白/米灰底交替，不用渐变与霓虹。
+5. **中文**：`locale-zh.css` 行高与字距；眉标 `type-eyebrow`，导语 `type-lead`。
+
+## 禁止
+
+深色 band、渐变装饰、荧光色、`zinc-*` 随意色
+
+## 变更后
+
+运行 `pnpm test`