成就系统 (achievement-home)

• 文件：web/src/pages/achievement-home/achievement-home.vue
• 路由：/achievement-home

页面职责

成就系统主页，展示用户段位等级、EXP 进度和徽章墙入口。

使用的 Store

• useUserStore：用户 EXP、段位等级数据
• useAchievementStore：段位系统计算（tier/segment）、徽章数据

核心功能

段位卡片

• 显示当前段位图标（青铜/白银/黄金/铂金/王者）
• 段位名称和段数（如"青铜 3 段"）
• 5 大级别 × 10 小段，共 50 段
• 卡片背景带渐变和装饰 SVG，颜色随段位变化

EXP 进度条

• 显示当前 EXP / 升级所需 EXP
• 进度百分比
• 获取 EXP 途径说明

徽章入口

• 已解锁徽章数 / 总徽章数（30 枚）
• 点击进入徽章墙页面 /badge-wall

积分说明

• 显示当前积分余额
• 积分获取途径说明
• 跳转积分商店 /shop