有目的的动效

动效预算要克制。全站真正需要被记住的，往往只有两三种：入场、反馈、空间切换。

入场：建立顺序

首屏品牌与标题 stagger 淡入，告诉用户「这里从哪里开始读」。时长控制在 400ms 左右，过长会显得拖沓。

反馈：确认发生了什么

按钮悬停、筛选重排、卡片揭示——这些动效在说「系统听到了你」。用共享布局动画代替硬切，观感会立刻高级一档。

尊重减弱动画

始终监听 prefers-reduced-motion。可访问不是加分项，而是默认义务。

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

有目的的动效，让界面像有重量的物件，而不是一层贴图。