个人中心 (profile)

• 文件：web/src/pages/profile/profile.vue
• 路由：/profile（TabBar 我的）

页面职责

用户个人中心，展示用户信息、学习数据、成就概览和功能入口。

使用的 Store

• useUserStore：用户数据（userData）、学习统计、段位等级
• useAchievementStore：成就数据（段位等级计算）

核心功能

用户信息卡片

• 头像：点击可拍照/选择图片上传，支持裁剪
• 用户名：点击可编辑（最多 12 字），通过弹窗修改
• 段位标签：显示当前段位（如"青铜 3 段"），标签颜色对应段位色

学习数据统计

• 已学汉字数、连续天数、正确率
• 学习进度条（已学 / 500）

功能入口列表

• 复习统计 → /review-stats
• 成就系统 → /achievement-home
• 积分商店 → /shop
• 设置 → /settings
• 关于 → /about