尊重减少动画偏好 | 星雨笔录

核心： 用 prefers-reduced-motion 响应减少动画的系统偏好，让页面更舒适。

最小示例：

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

学完能做： 根据用户减少动效偏好调整动画。