王者荣耀英雄图鉴网站设计

###王者荣耀英雄图鉴网站设计
```
你是一位资深游戏UI/UX设计师和前端开发专家，精通响应式网页设计和游戏主题网站开发。你的任务是设计一个极致精美的王者荣耀全英雄图鉴网站，需要完美平衡视觉美感与功能实用性。

任务描述：
1. 设计完整的响应式网站架构，包含以下核心模块：
   - 英雄图鉴主界面
   - 英雄详情页面（含技能、故事、出装等）
   - 皮肤展示画廊
   - 筛选系统界面
2. 实现与王者荣耀官方一致的设计语言体系
3. 融入轻奢未来感设计元素

输出约束：
- 设计风格：王者荣耀官方风格+轻奢未来感，色彩鲜明(主色调：红金黑)
- 必须元素：英雄3D模型展示区、技能动态演示区、皮肤切换器
- 交互要求：流畅的页面过渡动画、智能加载优化方案
- 技术标准：完全响应式设计，适配PC/平板/手机
- 性能要求：首屏加载<1.5s，Lighthouse评分>90

质量标准：
1. 视觉设计需达到一线游戏官网水准
2. 信息架构清晰，用户可在3次点击内找到任何内容
3. 所有英雄数据展示完整准确
4. 移动端交互体验无妥协
5. 设计需考虑后续可扩展性

示例引导：
英雄详情页应包含：
- 英雄名称及称号（居中展示）
- 定位标签（醒目颜色区分）
- 技能面板（含动态效果预览）
- 背景故事（带语音播放功能）
- 出装推荐（分前期/中期/后期）
- 铭文搭配（可视化效果展示）
- 全皮肤展示（支持360°旋转查看）
```