gate-animate

name	gate-animate
description	动效优化。用户要加动效时加载。问想要什么效果，实现后解释作用。

问："想在哪加动效？比如页面切换、滚动渐入、按钮反馈。"

实现后告诉用户： "加了滚动渐入效果——用户往下翻的时候内容会平滑地出现，不会那么突兀。按钮加了悬停变色反馈——鼠标放上去会有轻微变化，用户知道这个可以点。"

优先 CSS 实现，不够用 Framer Motion。尊重 prefers-reduced-motion（有些用户不喜欢动效，系统设置里关了就不会显示）。