framer-motion-animations

用途：在代码库中统一、可访问地实现动画，重点覆盖滚动触发的 reveal 动画、入场/退场动画、交错列表动画，以及从 CSS 或 Intersection Observer 迁移到 Motion。\n\n主要能力：提供共享动画变体（fadeInUpVariants、staggerContainerVariants、staggerItemVariants、heroEntranceVariants）；支持 whileInView 滚动触发、initial/animate 入场、staggerChildren 交错；提供 AnimatedNumber 数字动画组件；给出视口参数建议（once: true、amount: 0.2/0.3）与缓动曲线（[0.16,1,0.3,1]、[0.4,0,0.2,1]）。\n\n使用方式：从 variants.ts 导入变体；用 motion.div 配合 variants、initial、whileInView 和 viewport 使用；交错列表在容器上用 staggerContainerVariants、子项用 staggerItemVariants；数字动画结合 onViewportEnter 触发 AnimatedNumber；始终调用 useReducedMotion()，在用户偏好减少动态时向 variants/initial/transition 传 undefined。\n\n适用场景：页面章节滚动显现、Hero 入场、特性网格与时间线等列表交错、数字统计动画，以及将 IntersectionObserver + CSS 类改为 Motion 实现。建议将变体集中在 variants.ts 便于复用。\n\n限制：hover 状态应继续用 CSS（如 Tailwind transition-*），无限循环与背景效果用 CSS keyframes，简单状态过渡用 CSS；滚动触发动画建议 viewport={{ once: true }}。资料未提供安装命令、具体版本依赖以外的配置、收费或平台信息。