"动画可访问性：prefers-reduced-motion 与性能协作"

概述部分用户因健康或偏好需要减少动画与运动效果。`prefers-reduced-motion` 媒体查询允许按用户系统设置降低或禁用动效，同时也能在低性能设备上减少渲染负担。用法@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto; } .hero { animation: none; transition: none; } } 工程实践为关键动效提供简化或禁用方案；在脚本层检查并跳过昂贵的动效计算。与性能协作：在低端设备或弱网下结合该偏好减少动画帧与粒度。测试与回退：在不支持的环境保持默认行为；提供用户设置面板。参考与验证［参考1］MDN 中文：`prefers-reduced-motion` 媒体查询与示例：https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media/prefers-reduced-motion［参考2］web.dev：动效可访问性与性能建议：https://web.dev/articles/prefers-reduced-motion关键词校验关键词与动效可访问性与性能一致。