让每一次设备心跳，都落在跃动空间的节拍上

先定双栏比例，再填内容

主叙事栏与数据栏建议 58:42 或 62:38，差值控制在 16–24 个百分点；差值超过 30 会出现「一侧空荡」，低于 8 则退化成居中版式，失去不对称布局的张力。

图表与动画共用一套节拍

动态动画周期统一为 0.3–0.6s ease-out，环形放射装饰的旋转周期设为 46s / 72s 双层错速；刷新频率高于 1 次/s 的曲线请改用降采样，避免主线程抖动。

图片容器先锁比例再放图

所有设备实拍图统一 object-fit:cover 并预设 16/11 或 4/3 宽高比容器，防止布局跳动；单图体积压到 ≤ 180KB，首屏图加 fetchpriority 提示即可。

为「可展开步骤轴」留出折叠语义

用 details/summary 承载接入步骤，默认收起但标题行必须可读；点按区高度 ≥ 44px，展开态与收起态都需在无脚本环境下完整可用。

响应式断点与网格列数对齐

超小屏 ≤380px 单列堆叠、内边距收至 12px；640px 以下对比表转为横向滚动而非压扁；1600px 以上特性卡由 2 列升到 4 列，充分利用横向空间。

给动效留一条关闭通道

所有入场与呼吸动效在 prefers-reduced-motion: reduce 下全部降级为静态终态；装饰性环与半调网点标记 aria-hidden，确保读屏只读到业务内容。