用途：帮助开发者在不使用预处理器或构建步骤的前提下，用现代原生 CSS 组织可维护的样式表。理念为原生、模块化、可预测、语义化，即按作用域与用途拆分文件、用层叠层消除优先级冲突、以元素为主要选择目标。
主要能力：采用 main.css 作为入口统一声明 @layer 与 @import 各分部文件（如 _reset.css、_tokens.css、_layout.css、_components.css 以及 sections/、pages/、components/ 目录下的下划线前缀分部）；推荐层顺序为 reset、tokens、layout、sections、components、pages、responsive；设计令牌以 CSS 自定义属性集中定义颜色、间距、排版、效果与布局，颜色建议用 OKLCH、light-dark()、color-mix() 与相对颜色派生变体，并提供旧浏览器十六进制回退；主题切换可在 :root:has(#theme-dark:checked) 等选择器中改写 color-scheme；还需处理自定义元素默认为 inline 的问题，可用 :not(:defined) 与 :defined 控制显示。
使用方式：在 HTML 中只链接 main.css，其余文件通过 @import ... layer(...) 引入，并按层组织规则。
适用场景：无构建工具的原生 CSS 项目、需要主题化与统一设计令牌的站点、以自定义元素或语义标签为主的页面。
限制：资料未提供安装命令、运行环境要求、浏览器兼容范围或收费信息；contrast-color() 仅 Safari Technology Preview 支持且只返回黑白、遵循 WCAG 2、可能不适合中间色调，官方建议设计系统颜色仍手工定义文本色；未分层浏览器默认样式可能覆盖已分层样式。