refactor(styles): 建立统一的生产级样式体系 (#4)

## 变更内容

- 将全局样式拆分为设计令牌、基础规则和语义组件层
- 集中管理 Naive UI 主题配置
- 迁移页面容器、表单、信息面板和按钮等重复样式
- 增加样式体系文档与自动契约检查

## 验证

- `npm run check:styles`
- `npm run build`Reviewed-on: #4
This commit was merged in pull request #4.
This commit is contained in:
2026-07-23 02:41:04 +08:00
parent 51743645e2
commit 16b3dd4aaa
27 changed files with 828 additions and 480 deletions
+27
View File
@@ -0,0 +1,27 @@
@layer base {
html,
body,
#app {
min-height: 100%;
}
body {
color: var(--oc-color-text);
background:
linear-gradient(180deg, rgb(15 23 42 / 2%), rgb(15 23 42 / 0%)),
var(--oc-color-canvas);
font-family: var(--oc-font-sans);
}
::selection {
background: var(--oc-color-selection);
}
}
@layer utilities {
/* The atlas language is square by default. Documented exceptions may opt out. */
[class~='rounded'],
[class*='rounded-'] {
border-radius: 0 !important;
}
}