用途：在无构建工具的前提下，用浏览器原生 CSS 能力组织样式，使代码模块化、可预测、语义化。资料给出的理念是 Native（无需预处理器或构建步骤）、Modular（按作用域与用途组织）、Predictable（层叠层消除优先级战争）、Semantic（定位元素而非类名堆砌）。
主要能力：提供文件组织层级（入口 main.css 导入各分部，含 _reset.css、_tokens.css、_layout.css、_components.css，以及 sections/、pages/、components/ 目录）；命名约定为分部文件加下划线前缀，入口文件无前缀，全小写连字符。入口处用 @layer 声明层叠顺序：reset、tokens、layout、sections、components、pages、responsive，并用 @import "文件" layer(层名) 导入。设计令牌用 CSS 自定义属性，分色彩、间距、字体、效果、布局类，推荐 OKLCH 颜色、light-dark() 主题感知、color-mix() 混合、相对颜色派生变体，并提供对比色 contrast-color() 的用法与限制。还给出用户主题切换、组件级令牌与令牌命名规范。
使用方式：在 HTML 引入 main.css，各分部在入口按层导入；具体导入、层声明与令牌写法见文档示例。资料仅描述模式与写法，未提供安装命令、包管理器或运行步骤。
适用场景：编辑或新建 .css 文件时自动调用；适用于希望以原生 CSS 替代预处理器、需要模块化样式组织与稳定层叠控制的项目。
限制：资料明确 contrast-color() 仅返回黑或白、使用 WCAG 2 算法、浏览器支持仅为 Safari Technology Preview，应作渐进增强且不保证合规；OKLCH 等需为旧浏览器提供回退；@layer 中未分层浏览器默认样式可能压过分层样式，:not(:defined) 优于放在 reset 层内解决自定义元素默认 inline 问题。价格、平台与其它未提供信息暂未提供。