用途：为 CSS 与 SCSS 编写、审查提供一套统一约定，核心目标是可预测性——样式不依赖 !important，级联顺序显式可控。资料定位此技能负责 CSS 实现选择，工作流由 coding 技能管理。
主要能力与规则：选择器默认用单类，特异性保持 0-1-0；不用 ID 与元素限定类名；嵌套最深 3 层；用 :where() 归零特异性，慎用 :is()。布局上区分 Flexbox（一维、内容驱动）与 Grid（二维、布局驱动），提倡 flex 简写、flex-flow、gap，Grid 用 repeat(auto-fit, minmax(250px, 1fr)) 做响应式，不用 float 布局。级联层 @layer 在样式表顶部一次性声明，未分层样式优先于分层样式，!important 会反转层序。容器查询用 container-type: inline-size，配合 cqw/cqi 等单位。响应式按内容驱动、容器驱动、视口驱动、用户偏好分层，移动优先，断点用 rem 与现代范围语法，慎用 vw 单独设字号，配合 clamp()。还包含逻辑属性、:has() 使用限制、自定义属性与 @property、视图过渡、盒模型、BEM/CSS Modules/ITCSS、代码格式等约定。
SCSS：仅用 @use 与 @forward（@import 已弃用，Dart Sass 3.0.0 移除），用 math.div()，优先 mixin 而非 @extend；迁移用 sass-migrator module --migrate-deps entrypoint.scss。
适用与限制：适合团队项目、大型样式库与组件库；使用 CSS Modules、原子化 CSS 或小项目时可不套用 BEM。若既有代码与约定冲突，应跟随代码库并只提示一次差异；其他细节以官方仓库为准，资料未涉及具体平台、收费与授权信息。