用途：帮助开发者实现现代响应式布局，使界面在不同屏幕尺寸与设备环境下自适应。
主要能力：容器查询（组件级响应、cqi/cqw/cqh 单位、样式查询与回退）；流体排版与间距（clamp()、vw/vh/dvh 等视口单位、带上下限的流体比例）；布局模式（CSS Grid 二维布局、Flexbox 一维分布、内在布局、subgrid）；断点策略（移动优先媒体查询、基于内容的断点、设计令牌、@supports 特性查询）；响应式图片（picture、srcset、sizes、懒加载）；响应式表格（横向滚动或移动端卡片化）；自适应导航（移动端折叠菜单、桌面端横向排列）。
使用方式：以移动优先为原则，先写基础样式再用 min-width 媒体查询增强；组件级响应优先用容器查询；排版与间距用 clamp() 定义流体比例；网格用 repeat(auto-fit, minmax(min(300px,100%),1fr)) 等写法；图片用 srcset/sizes 与 loading 属性；移动端全高用 100dvh 替代 100vh。
适用场景：设计系统断点规划、卡片与列表组件、页面整体布局、导航、图片与数据表格等需要跨设备适配的界面。
限制：资料未提供具体收费、价格、平台支持范围与效果数据；容器查询等特性需考虑浏览器兼容与回退方案；模拟器无法覆盖全部真机问题，需在真实设备测试。