用途：整理 Tailwind CSS v4（2025）的 CSS-first 配置方式与现代模式，供前端开发与设计系统搭建参考。
主要能力：介绍 v4 架构变化，包括用 CSS 的 @theme 指令替代 tailwind.config.js、Oxide 引擎、原生嵌套与始终开启的 JIT；说明设计令牌以 CSS 变量暴露。模式涵盖容器查询（父元素加 @container，子元素用 @sm:/@md:/@lg:，可用 @container/card 命名）、视口断点（sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px，移动优先）、暗色模式（class/media/selector 策略）、Flexbox 与 Grid 布局（如 grid-cols-[repeat(auto-fit,minmax(250px,1fr))]、Bento 非对称布局、grid-cols-[auto_1fr] 侧栏）、OKLCH 色彩与令牌分层（primitive/semantic/component）、字体栈与字号刻度、内置动画与过渡，以及组件抽象时机与方式。
使用方式：在 CSS 中用 @theme 定义颜色、间距、字体等令牌；样式类按移动优先书写，组件级响应优先用容器查询。
限制与注意：资料指出 @apply 仍可用但不鼓励，避免滥用 !important、内联样式与随处任意值；不要混用 v3 配置与 v4，应完全迁移到 CSS-first；避免动态拼接类名；配置文件在 v4 中可选。具体安装命令、价格与平台支持资料暂未提供。