用途：Responsive Craft 提供一套内容驱动的响应式设计思路，目标不是针对某款手机或笔记本做适配，而是让布局随内容自然变化。
主要能力：
- 内容优先断点。从最窄视口（320px）开始，逐步拉宽浏览器，当布局开始变差时即为断点；断点按行为命名而非设备，如 --layout-single、--layout-sidebar、--layout-full。
- 流体排版。使用 clamp() 公式，例如 font-size: clamp(1rem, 0.5rem + 2vw, 2rem)；并给出实用字号刻度，如 --text-body: clamp(1rem, 0.95rem + 0.25vw, 1.125rem)、--text-h1: clamp(2rem, 1.5rem + 2.5vw, 3.5rem)、--text-h2: clamp(1.5rem, 1.25rem + 1.5vw, 2.5rem)。
- 流体间距。同一原则用于间距，如 --space-section: clamp(3rem, 2rem + 5vw, 8rem)、--space-container: clamp(1rem, 0.5rem + 3vw, 4rem)。
- 超越“移动端堆叠”的响应式模式。导航：桌面横向导航栏，平板用 priority+ 模式（重要项可见、其余收进溢出），移动端底部标签栏承载主要操作、汉堡菜单承载次要操作。表格：桌面完整表格，平板横向滚动并固定首列，移动端改为键值对卡片布局。表单：桌面在合理处多列，移动端始终单列、更大触控目标、粘性提交按钮。图片：按视口做不同裁剪（艺术指导）而非仅缩放，使用 <picture> 配合 srcset，首屏以下图片懒加载。
- 触控考量。最小触控目标 44x44px（Apple）/ 48x48px（Material），目标间距至少 8px，移动端主要操作放在屏幕底部 60% 的拇指区，滑动手势需提供按钮替代方案。
- 性能即设计。移动用户常处于较慢连接，关键 CSS 内联、其余延迟，图片用 WebP/AVIF 并提供回退，用骨架屏替代加载转圈，感知性能比实际性能更重要。
使用方式与限制：资料未提供具体安装命令、依赖或平台信息，暂未提供。上述内容为设计原则与 CSS 写法示例，需结合具体项目落地。