首页轮播图（home-carousel）

在首页顶部显示轮播图，支持触摸滑动、滑动动画、定时上下架、移动端独立高度、图片显示方式配置。

功能清单

前端预览图

特性

• 滑动过渡动画 — 幻灯片切换时通过 opacity + transform: translateX() 实现方向性滑动，支持 prefers-reduced-motion 无障碍降级
• 触摸滑动 — 移动端左右滑动切换幻灯片，touch-action: pan-y 保证不干扰页面纵向滚动
• 键盘导航 — 容器聚焦后（tabindex="0"）可用左右方向键切换
• 悬停暂停 — 鼠标悬停时暂停自动播放，移出后恢复
• 进度圆点 — 底部导航圆点覆盖在图片上，悬停时显示箭头和圆点，触屏设备常驻显示
• 懒加载 — 首张图片 eager 加载，其余 lazy 延迟加载