健身打卡系统-界面产品系统

个人健身记录、运动数据可视化、运动报告生成、个人运动管理工具、浏览器直接打开运行，本地内存存储数据（无后端接口持久化，仅前端模拟

Vue3（Vue Global UMD） v3.5.39，unpkg 国内 CDN 页面整体响应式框架，组合式 API setup 开发，实现页面双向绑定、视图切换、组件逻辑
Element Plus 完整 JS+CSS CDN UI 组件库，提供表单、弹窗、表格、按钮、进度条、评分、日期选择器等现成业务组件
ECharts 5.4.3 图表可视化库 运动趋势折线柱状混合图、运动类型饼图、月度报告图表，数据可视化核心
Axios HTTP 请求库（代码引入但未实际调用） 预留后端接口请求能力，当前项目仅模拟本地数据
Font Awesome 6.4.0 字体图标库 健身、导航、操作类矢量图标（跑步、哑铃、图表、用户等）

四大核心指标卡片：本月总运动时长、本月消耗千卡、本月运动次数、月度目标完成百分比
运动趋势图表：支持近一周 / 一月 / 三月时间筛选，双 Y 轴展示时长 + 热量
运动类型分布饼图：统计各类运动占比
最近运动记录表格：展示运动类型、日期、时长、强度、消耗，支持查看详情

运动类型选择：8 类运动（跑步 / 游泳 / 骑行 / 健身 / 瑜伽 / 篮球 / 足球 / 徒步）图标单选
打卡表单：运动起止时间、运动时长、星级强度评分
高级模式扩展：手动输入消耗热量、运动感受文本记录
功能按钮：完成打卡提交、导入外部设备数据
历史打卡记录表：展示全部记录，支持编辑、删除操作

报告筛选：支持周报 / 月报 / 季报，自定义时间范围
一键生成报告、导出 PDF（前端模拟）
报告完整内容：
封面：报告名称、用户、总次数 / 总时长 / 总热量
数据摘要：最高成就、趋势分析
周维度图表：每周时长 + 平均强度
总结与运动改进建议

个人基础信息修改：用户名、邮箱、性别、生日
运动目标管理：三种目标类型（月度时长 / 月度热量 / 每周次数）
月度目标进度可视化进度条