用途：把 Apple 的流体界面设计方法（主要源自 WWDC 2018《Designing Fluid Interfaces》等设计演讲）转译为 Web 实现指南，用于构建或评审手势驱动 UI、弹簧动画与物理感动效。
主要能力与要点：
- 响应：在 pointer-down 即刻反馈，消除输入路径上的延迟与约 300ms 点击延迟，交互全程连续更新而非只在手势结束时动画。
- 直接操作：拖动时元素与指针 1:1 跟随，并保留抓取偏移；使用 Pointer Events 与 setPointerCapture，记录短速度/位置历史。
- 可中断性：动画可被随时抓取、反向；从当前屏幕值（presentation value）起动画，不用 CSS transition/@keyframes 驱动手势动画；反向时混合速度，2D 运动拆分为独立 X/Y 弹簧。
- 用弹簧而非固定时长动画：以 damping ratio（控制过冲，1.0 为临界阻尼）与 response（秒，越低越干脆）为参数；默认阻尼 1.0，仅在带动量的手势后加入弹跳（约 0.8）。文中列出 Apple 取值：移动/重排 1.0/0.4、旋转 0.8/0.4、抽屉/面板 0.8/0.3；Web 侧可用 Motion/Framer Motion 的 bounce+duration 近似。
- 速度交接与动量投影：释放时以指针速度作为弹簧初速，避免拖拽与动画之间的接缝；用指数衰减投影函数计算停靠点再吸附，公式与示例见原文（decelerationRate 约 0.998）。
- 空间一致性：进出路径对称，transform-origin 锚定触发元素，可逆过渡镜像缓动。
- 橡皮筋回弹：越界后阻尼递增而非硬停。
- 手势细节：按下高亮、抬起提交、约 10px 迟滞与命中留白、并行识别手势并及早取消落败者。
- 帧级平滑：逐帧位移低于感知阈值，快速运动可加轻微动态模糊，仅动画 transform/opacity，配合 will-change。
- 材质与层级：用 backdrop-filter 近似半透明材质，材质重量表达层级，避免半透明层叠；用滚动边缘渐隐替代硬分割线；进入/退出时同步动画模糊半径与缩放。
- 多模态反馈：因果、同帧、克制三条规则，Vibration API 与音效需与视觉同步。
- 无障碍：响应 prefers-reduced-motion、prefers-reduced-transparency、prefers-contrast，以更柔和等效替代动效。
- 排版：跟踪（letter-spacing）随字号变化，大标题负值、小字略正；行高随字号反向调整；用字重+字号+行高共同构建层级；尊重用户字号设置，间距用 rem/em；默认系统字体。
使用方式：作为设计/实现参考技能，在构建或评审相关界面时按章节对照落地；文中示例代码使用 CSS 与 motion 库，原文以代码与表格给出参数。
限制：资料未提供安装命令、价格、平台支持范围与效果保证；具体取值与 API 以原文示例为准，文中未给出的内容暂未提供。