响应式设计：
完美适配手机、平板和桌面设备、灵活的产品网格布局、移动设备上的优化显示。

暗黑模式：
右上角一键切换按钮、自动检测系统偏好设置、保存用户主题偏好。

现代UI设计：
活力橙色/深蓝配色方案、卡片式产品展示、平滑过渡动画、优雅的悬停效果、动感视觉效果。

交互功能：
产品添加到购物车反馈、滚动动画效果、社交媒体链接、醒目的行动召唤按钮。

性能优化：
纯CSS动画（无外部库依赖）、高效的JavaScript代码、轻量级设计。

这个页面设计简洁但视觉冲击力强，突出了体育用品的特点，同时提供了良好的用户体验。您可以直接复制此代码并在浏览器中运行，无需任何外部依赖。右上角的暗黑模式切换按钮让用户可以轻松切换主题，增强浏览体验。