用途：帮助开发者构建可扩展、易维护的 CSS 体系，通过 BEM、SMACSS、CSS-in-JS 等方法论和命名约定来组织样式代码。
主要能力：提供 BEM（块·元素·修饰符）命名方法，用于建立类名规则和组件级 CSS；SMACSS 分类拆分（base、layout、module、state、theme），用于把大型样式表组织为可扩展层级；styled-components 形式的 CSS-in-JS，实现主题化、共置、组件作用域样式；CSS 自定义属性用于设计令牌、主题化与运行时切换明暗主题；以及 utility-first（Tailwind）思路及何时抽取组件。随附组件模板 templates/component-template.tsx，可在搭建新样式组件时复制使用。
使用方式：开始时可用最小示例，例如块 .button、元素 .button__icon、修饰符 .button--primary，并在按钮主色 hover 时调整背景色。参考资料按需加载（渐进披露），仅在任务需要对应深度时读取；references 目录分别覆盖 BEM、SMACSS、styled-components、CSS 变量、Tailwind 等主题。
建议：遵循既有模式与约定，编写整洁可维护的代码，补充文档，部署前充分测试。避免跳过测试或校验、忽略错误处理、硬编码配置值。
限制：资料未提供具体价格、平台支持范围、性能数据或完整实现细节。