用途：面向使用 Tailwind CSS v4 进行样式开发的场景，讲解 v4 的配置方式与工程实践。
主要能力：v4 基于 Rust 的 Oxide 引擎重写，配置从 JavaScript 迁移到 CSS 的 @theme 块；用 @import "tailwindcss" 取代 @tailwind base/components/utilities；暗色模式默认通过 @media (prefers-color-scheme) 自动生效；内容检测自动完成，无需 content 数组；浏览器支持 Safari 16.4+、Chrome 111+、Firefox 128+。@theme 中任何 --color-* 变量会自动生成对应工具类。
使用方式：Vite 推荐安装 npm install tailwindcss @tailwindcss/vite，并在 vite.config.js 中引入插件；PostCSS 使用 npm install -D tailwindcss @tailwindcss/postcss；CLI 使用 npm install -D @tailwindcss/cli 与 npx @tailwindcss/cli -i input.css -o output.css --watch。基础设置只需在 input.css 中写 @import "tailwindcss"。可用 @source 显式扫描模板文件，用 @utility 定义支持变体的自定义工具类，用 @plugin 加载插件，用 @reference 在组件样式中引用主题。
适用场景：需要统一设计令牌、控制暗色模式、优化构建体积的前端项目，以及从 v3 迁移到 v4 的工程。
限制：不支持 Sass/Less/Stylus；corePlugins 与 separator 配置不再支持；@apply 在 JSX 密集型组件库中易引发优先级问题；任意值语法由 bg-[--my-var] 改为 bg-(--my-var)。