用途：为生产级 Web 应用提供移动优先的 CSS 响应式架构与 Tailwind CSS v4 实践策略，覆盖断点、触控、视口、布局、导航与性能。
主要能力：基础样式先针对最小视口，用 min-width 断点逐层增强；仅用 min-width，避免 max-width 造成的区间重叠；响应式类按 base→sm→md→lg→xl 排序，可用 prettier-plugin-tailwindcss 自动强制；多数布局只需 md:（768px）与 lg:（1024px）两个断点。触控方面要求交互元素最小 44x44px、相邻目标至少 8px 间距，任何仅 hover 的交互都需点击或长按替代。视口用 dvh 替代 vh，处理安全区 env(safe-area-inset-bottom) 与虚拟键盘。Tailwind v4 采用 CSS-first 配置（@theme、@custom-variant、@utility），避免 @apply，推荐 CVA 加 tailwind-merge 管理组件变体。还包括 clamp() 流式排版、容器查询、响应式网格与侧栏折叠、桌面侧栏转移动端抽屉、移动底部导航、CLS 预防、字体与图片优化等。
用法要点：每页需 width=device-width, initial-scale=1 的 viewport meta，禁止 maximum-scale=1 或 user-scalable=no；间距用容器 gap-* 而非子元素 margin；代码中的 Tailwind 类与配置写法保持原样使用。
适用场景：需要同时适配手机与桌面的响应式 Web 应用、组件库与 PWA。
限制：文档为规范与模式参考，未提供安装步骤、收费或平台信息；具体断点与 Tailwind 配置需查阅项目自身的 CLAUDE.md。