用途：用于构建或评审 UI 代码时，让界面在细节上更精致。它把「好界面来自许多小细节叠加」落成组件级配方，并说明复核方式：在浏览器 Animations 面板以 10% 速度回放动效，逐一走查 hover、focus、active、loading、empty 等状态。
主要能力：同心圆角（外圆角=内圆角+内边距）；光学对齐优先于几何居中（如图标侧少 2px 内边距）；用三层透明阴影表达高度、保留表达结构或状态的边框；交互动画用可中断的 CSS transition，关键帧只留给一次性分阶段序列；进入动画拆分并约 100ms 错峰，退出用 -12px 位移、150ms 出对 300ms 入且 ease-out；图标过渡用 scale 0.25→1、opacity 0→1、blur 4px→0px；图片加 1px 低透明描边（亮色模式纯黑、暗色模式纯白）；按压缩放 0.96，不得低于 0.95；避免 transition: all，慎用 will-change；图标描边粗细与文字字重匹配，一套图标一种描边；图标用 currentColor 单份 SVG、描边为默认、填充表激活；悬停只作提示、不得是唯一通道，需有 :focus-visible 对应并用 @media (hover: hover) 限定；@starting-style、同文档 View Transitions、interpolate-size/calc-size() 仅作渐进增强并置于 @supports 后；高频交互不做自定义动效，动效不能是唯一反馈。
使用方式与限制：排版、无障碍、布局分别由 better-typography、better-accessibility、better-layout 承担，缺失时改用项目自有 token，并记录未覆盖的领域；更广的动效语汇可参考 emil-design-eng。评审输出按原则分组，用含 Severity、Location、Before、After、Why 的表格，给出验证与结论（存在 HIGH 则阻断）。其余实现细节资料未提供。