---
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`