用途：用于配置 Tailwind CSS v4（2025），采用 CSS 优先的主题与设计令牌，实现容器查询及现代化组件模式。当任务涉及 Tailwind v4 配置、CSS 原生主题、响应式组件或设计系统时使用。
主要能力：
- v4 架构：从 tailwind.config.js 与 PostCSS 插件转为 CSS 的 @theme 指令；Oxide 引擎（Rust 编写，速度快约 10 倍）；JIT 默认常开；原生 CSS 嵌套；所有令牌以 --* CSS 变量暴露。@apply 仍可用但不鼓励。
- CSS 配置：在 @theme 中用语义化命名定义颜色（如 --color-primary）、间距（--spacing-md）、字体（--font-sans）；区分扩展默认值与整体覆盖，采用语义令牌。
- 容器查询：父元素加 @container，子元素用 @sm:、@md:、@lg: 等；可用 @container/card 命名容器。页面级布局用视口断点，可复用组件用容器查询。
- 响应式断点：sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px，坚持移动优先（如 w-full md:w-1/2 lg:w-1/3）。
- 暗色模式：class（手动切换）、media（跟随系统）、selector（自定义，v4），配合 dark: 前缀。
- 布局与颜色：Flex/Grid 常用模式，auto-fit、Bento 非对称布局、grid-cols-[auto_1fr] 侧栏；颜色推荐 OKLCH，按 primitive/semantic/component 三层组织令牌。
- 排版、动画与过渡：字体栈与类型比例；animate-spin/ping/pulse/bounce；transition-all duration-200、transition-colors duration-150 等。
- 组件抽取：同一类组合出现 3 次以上、含复杂状态变体或属于设计系统元素时抽取；可用 React/Vue 组件、@apply 或设计令牌。
- 反模式与性能：避免滥用任意值、!important、内联 style、重复长类名、混用 v3 配置、过度 @apply；v4 自动清理未用样式，避免动态模板字符串类名，用 Oxide 并缓存构建。
使用方式：将本技能用于明确匹配上述范围的任务；本资料未提供具体安装命令或调用步骤。
限制：仅在任务明确属于上述范围时使用；输出不能替代针对具体环境的验证、测试或专家评审；若缺少必要输入、权限、安全边界或验收标准，应停止并请求澄清。