用途：Tailwind CSS 是一个实用优先（utility-first）的 CSS 框架，通过在 HTML 元素上直接应用预置的原子类，实现快速界面开发，无需编写自定义 CSS 或维护命名约定。构建时扫描源码，仅生成实际使用的样式，减少冗余。
主要能力：提供布局（Flexbox、Grid、定位）、间距、排版、颜色与背景、边框、阴影及交互状态（hover、focus、active、disabled）等大量实用类；支持移动优先的响应式断点（sm、md、lg、xl、2xl）与容器查询；支持暗色模式（媒体查询与类切换两种方式）；支持通过方括号写任意值；支持过渡、变换与动画；提供 @theme 主题变量定制、@utility 自定义工具类、@custom-variant 自定义变体、@layer 与 @apply 组织样式；默认设计系统含 18 套色板、间距、字体、阴影、圆角等令牌。
使用方式：以 Vite 为例，先安装依赖：npm install -D tailwindcss @tailwindcss/vite，然后在 vite.config.ts 中引入 tailwindcss 插件，并在 CSS 文件中写 @import "tailwindcss" 后于 HTML 引用。其他框架有对应方式，如 Next.js 可用 npx create-next-app@latest --tailwind，Astro 可用 npx astro add tailwind，PostCSS 方案为 npm install -D tailwindcss postcss autoprefixer 后执行 npx tailwindcss init -p。主题定制在 CSS 中用 @theme 指令定义颜色、字体、间距、断点、阴影等变量，如 --color-brand-500 或 --breakpoint-3xl。
适用场景：移动优先的响应式布局、暗色模式与主题定制、使用一致间距/颜色/排版的设计系统、React、Vue、Svelte 等框架组件样式、快速原型与生产应用构建。
限制：资料未提供版本兼容要求、浏览器支持范围、许可协议与收费信息。需注意内容扫描路径需正确配置，否则可能漏生成样式；任意值与自定义变体应克制使用以免增加维护成本。部分框架细节（如 React with Vite、Vue、Svelte 的完整配置）资料仅给出安装命令，后续配置暂未提供。