用途：在配置 Tailwind CSS v4、使用 CSS-first 主题与设计令牌，或实现容器查询与现代 Tailwind 模式时使用。
主要能力：v4 采用 CSS-first 配置，用 @theme 指令替代 tailwind.config.js；Oxide 引擎（Rust 编译器）更快，JIT 原生常开，支持原生 CSS 嵌套，所有令牌以 --* 变量暴露。@apply 仍可用但不推荐。
配置与令牌：在 @theme 中定义颜色（如 --color-primary、--color-surface）、间距（--spacing-xs 等）、字体（--font-sans、--font-mono）。区分扩展（在默认值旁新增）与覆盖（整体替换默认刻度），并采用语义令牌命名。颜色推荐 OKLCH，令牌分原始、语义、组件三层。
响应式与容器查询：断点 sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px，移动优先。容器查询用父级 @container、子级 @sm:/@md:/@lg:，命名容器如 @container/card；页面级布局用视口断点，组件级响应与可复用组件用容器查询。
暗色模式：class（手动切换）、media（跟随系统）、selector（v4 自定义选择器）。
布局与视觉：Flex 居中、纵向堆叠、两端对齐、换行；Grid 的 auto-fit、非对称 Bento、侧边栏 grid-cols-[auto_1fr]，建议优先非对称布局。排版给出字体栈与 text-xs 至 text-xl+ 刻度。动画含 animate-spin/ping/pulse/bounce 与 transition 模式。
组件抽取：同类组合出现 3 次以上、复杂状态变体或设计系统元素时抽取，可用 React/Vue 组件、@apply 或设计令牌。
反模式：避免到处用任意值、!important、内联 style、重复长类名、混用 v3 配置与 v4、大量 @apply。性能上 v4 自动清除未用样式，避免动态拼接类名，默认使用 Oxide 并缓存构建。
限制：资料未提供安装命令、版本兼容细节与具体迁移步骤。