用途：为使用 Tailwind CSS v4.1+ 的前端开发提供实用类优先样式模式，帮助构建响应式、可访问的界面，适用于 React/Vue/Svelte 组件样式、响应式布局与网格、设计系统实现、暗色模式支持及 CSS 工作流优化。
主要能力：覆盖响应式断点（sm:640px、md:768px、lg:1024px、xl:1280px、2xl:1536px）、常用布局模式（居中容器、响应式网格、卡片、表单输入、暗色模式切换）、设计令牌、工具类组合、组件抽取与性能优化。
使用方式：采用移动优先，先写基础样式再添加 sm:/md:/lg: 前缀；复用间距、颜色、排版比例；重复模式抽为组件类；在 tailwind.config.js 或 @theme 中自定义主题。排查样式未生效可检查 content 路径并运行 npm run build，开发时可用 npx tailwindcss -o 配合 --watch。响应式前缀须置于非响应式类之前；暗色模式需配置 darkMode: 'class' 或 'media'，类策略下用 document.documentElement.classList.toggle('dark')。
限制：长类名字符串影响可读性，应抽取组件；content 路径配置错误会导致生产构建清除类；任意值应少用；避免 @apply 搭配复杂选择器；浏览器兼容性需查阅 Tailwind 文档。