页面功能

1. 勋章展示

2. 成就统计

3. 成就进度条

4. 勋章筛选

5. 勋章详情弹窗

6. 立即获取按钮

页面设计

• 响应式布局：页面针对不同屏幕尺寸（PC、平板、手机）做了自适应优化，保证在各种设备上都能美观展示。

• 现代UI风格：使用渐变背景、卡片阴影、圆角、图标等现代设计元素，整体风格简洁大气。

• 交互友好：按钮、卡片、弹窗等均有动画和悬停效果，提升用户体验。

技术特点

• 纯前端HTML+CSS+JS实现，无需依赖第三方前端框架
• 使用Font Awesome图标库美化勋章和按钮
• 结构清晰，易于扩展和维护。