用途：Tailwind CSS 是一个实用优先的 CSS 框架，通过组合工具类直接在 HTML/JSX 模板中编写样式，减少自定义 CSS，适合现代响应式网页与组件化 UI 开发。
主要能力：提供标准化间距、排版与颜色令牌以保持设计系统一致；内置响应式断点变体（如 md:、lg:）与暗色模式（dark:）；支持任意值（arbitrary values）；v4 支持在原生 CSS 中用 @theme 定义设计令牌，无需 JavaScript 配置文件；支持容器查询（@container）与交互动效变体（hover、active、focus 等）。
使用方式：可安装后引入样式，v4 通过 @import "tailwindcss"; 并在 @theme 块中配置颜色、字体、圆角等令牌；在 class 中直接使用工具类，并可组合 @container 与 @sm: 等容器查询变体。动态拼接类名时可用 clsx 与 tailwind-merge 的 cn() 辅助函数避免类冲突。
最佳实践与限制：建议移动优先设计，移动用无前缀类，再用 md:、lg: 覆盖；动态类名必须使用完整字符串字面量（如映射 { red: 'text-red-500' }），不要插值拼接 text-${color}-500，否则扫描器无法识别；在有标准化设计尺度时避免随意使用 w-[347px] 这类任意值；避免过度使用 @apply。常见问题：类未生效需检查 tailwind.config.js 的 content 路径；@tailwind 报未知 at-rule 需配置 PostCSS/Tailwind 相关编辑器支持。安装命令与具体版本细节暂未提供。