动效
动效确认「变化发生了」。它从不单独承载含义，也从不让用户等待。
fast · 150ms
hover、按下、切换、聚焦、描边变色
base · 200ms
面板展开、弹窗进出、抽屉
cubic-bezier(.2,0,.38,1)
全站唯一一条曲线
只动 opacity 和 transform——在 GPU 本就繁忙的预览密集界面里，动 height 或 width 必然掉帧。不超过 200ms，不弹跳，不过冲，不逗留。生成进度不是动画，它是一个数字和一个阶段名。加载时不做入场动画：你的应用是在一个已经可见的容器里打开的，淡入只会被读成慢。prefers-reduced-motion 把所有时长压到零，不会损失任何东西，因为从来没有任何状态是单靠动效表达的。