一、首页

整体采用哑光炭黑+活力雾霾蓝+米白配色，传递克制、专业、有质感的运动健身氛围。顶部个性化问候——"下午好，Jason"配合今日训练状态标签（"今日休息日·建议轻度拉伸"），右侧展示连续打卡天数（"已坚持38天🔥"）。搜索栏居中，支持搜课程/教练/场馆/商品。

banner区以哑光炭黑渐变背景+精炼摄影风格轮播：当月主推——"夏日体能挑战赛·完赛赢限量装备""新馆开业·前海万象城店·创始会员招募中""私教体验包·3节课¥299·不满意退款"，每张配运动场景人像摄影，文字排版极简有力。

四大核心入口以碳黑圆角大卡片排列，半图半文式布局：课程预约（团课/私教/瑜伽/单车/拳击·实时余位展示+一键约课）、私教定制（匹配认证教练·体测评估→目标设定→定制计划→1对1授课）、场馆环境（查看各门店实景+设施列表+洗浴/停车/营业时间·地图导航+到店打卡）、健身商城（运动装备+营养补剂+品牌服饰+会员专享价），每项标注核心差异点（"今日可约""智能推荐""8店通用""正品保障"）。

"今日推荐课程"横向滑动大卡片——每张课程场景图+课程名+时间+教练头像和姓名+剩余名额（"仅剩3席"红色紧追感）+消耗卡路里预估值+"立即预约"雾霾蓝按钮。下方"我的课表"展示今日和明日已约课程时间线——"今天·18:30-19:30 塑形杠铃·Jason教练·B教室"标注倒计时和"取消预约"入口。

"教练团队"横向滑动展示明星教练：专业运动摄影头像+姓名+擅长领域标签（"减脂塑形""产后恢复""运动康复""体能提升"）+认证资质（"NSCA-CSCS""ACE-CPT""NASM-CES"）+教龄+学员好评率+"预约体验课"按钮。健身商城推荐区展示本周热卖单品——"透气训练背心·¥199""乳清蛋白粉·会员价¥268""筋膜枪·¥599"，每件商品图+标签+"立即购买"。底部"训练数据概览"迷你卡片——本周训练3次+消耗2180kcal+平均心率138bpm。

二、课程列表

顶部搜索框支持搜课程名/教练名/训练部位。分类Tab横向滑动：全部/团课/私教/瑜伽/单车/拳击/普拉提/拉伸/体态纠正/产后恢复，选中雾霾蓝高亮，每Tab配极简运动图标。支持多维筛选：场馆（全部/按门店筛选·8店可选）+时间（今天/明天/本周/按日期选择）+时长（30分钟/45分钟/60分钟/90分钟）+难度（零基础/初级/中级/高级/挑战级）+教练+排序（推荐/热门/时间最近/消耗最高）。

课程以列表卡片展示，每张包含：课程场景摄影图（左侧30%）+课程名称（大字号）+难度标签（"初级友好""中级进阶""高级挑战"，不同颜色标识）+课程类型标签（"HIIT""力量训练""流瑜伽""动感单车"）和训练部位标签（"全身燃脂""核心""臀腿""上肢"）+时间信息（日期+时段+时长）+教练头像+姓名+认证图标+剩余名额（"仅剩2席""即将满员"红色/橙色紧追感标注+进度条式名额展示）+"预约"雾霾蓝按钮（已满员变灰"已约满"）。支持"智能推荐"模式——根据用户体测数据、训练目标和历史偏好，AI排课推荐最匹配课程，标注推荐理由。

私教课卡片额外展示："1对1专属""量身定制""时间灵活协商"标签，不同教练不同价格（"¥350-600/节·按教练等级分档"）。瑜伽课标注流派（"哈他/流/阴/阿斯汤加/空中"）。团课标注"满4人开课·人数不足自动取消退款"规则。

顶部"新课首发"横向卡片展示新上架课程——"TRX悬挂训练·今日上线""拳击燃脂·限时体验价"，标注"N"角标。底部"课程包"专区——"10次卡·¥1,880""20次卡·¥3,280""月卡不限次·¥1,280""年卡·¥9,880"，每卡标注单价和适用课程范围+有效期+"立即购买"与"赠送给好友"入口。

三、课程详情

以"塑形杠铃·全身力量训练"为例。顶部课程场景摄影大图+30秒训练花絮视频预览。课程基本信息卡片：课程名称、课程类型标签行（"力量训练·全身""中级""60分钟""消耗400-550kcal"）、适合人群说明（"有一定运动基础·想提升力量耐力·男女皆宜"）、课程简介（2-3句说明课程结构+训练方式+预期效果）+"预约次卡/购买单次"入口。

课程亮点区以三列图标+文字展示——科学编排（"热身→力量→代谢训练→放松拉伸，结构完整"）、小班教学（"每班≤16人·教练可逐一纠正动作"）、数据追踪（"佩戴心率带实时投屏·课后生成训练报告"），每项附简短说明和教练资质背书。

预约时段选择：日历视图展示可约日期，每个日期下方列出可选时段（如"18:00-19:00""19:10-20:10""20:20-21:20"），每时段标注剩余名额（圆点+数字），已满时段灰色不可选。教练信息区：教练头像+姓名+教龄+教学风格+学员评价精选+本月排课日历。

场馆服务区展示该课程所在场馆信息——场馆名称+地址（一键导航）+教室编号（"B教室·力量训练区"）+配套设施（"更衣室+淋浴间·免费提供毛巾和洗浴用品""储物柜·自助扫码""饮水机+运动饮料售卖"+"停车位充足·训练免费停2小时"）。

训练须知区——"课前准备：穿运动服和训练鞋·自带水杯·建议提前10分钟到场热身""注意事项：孕期/心血管疾病/近期受伤请先咨询医生""取消规则：开课前2小时免费取消·超时将扣除1次卡次数"。底部固定栏：单次价格（"¥128/次"）+次卡价格（"10次卡·¥1,080·¥108/次"扁标签提示）+雾霾蓝"立即预约"/"购买次卡"主按钮，辅以"已有16人预约""开课前2小时免费取消"等信息。购买流程：选择预约日期时段→选择扣次方式（使用次卡/单次购买/私教课扣费）→确认预约→收到预约成功通知（含教室号和课前提醒）。

四、会员中心

顶部哑光炭黑渐变身份卡片：运动摄影风格头像、姓名/昵称、会员卡类型标签（"年卡会员·有效期至2027.06""次卡会员·剩余18次""体验会员"），会员卡到期提醒（"年卡剩余82天"进度条）。核心身体数据条展示——体重/体脂率/骨骼肌含量/基础代谢，上次体测日期（"2026.07.15体测·数据已更新"）+"预约体测"入口。

功能入口六宫格：预约记录（待上课/已完成/已取消/爽约分Tab，待上课订单展示课程名+时间倒计时+场馆教室+教练+剩余次数+取消入口和"添加日历"提醒，已完成订单支持评价打星+教练点评+训练报告查看——训练时长/平均心率/消耗卡路里/训练强度曲线图·来自心率带数据），打卡记录（日历视图展示每月训练打卡情况——训练日绿色圆点+休息日灰色+缺勤日红色×，月训练次数统计+连续打卡天数+累计训练时长+年度训练热力图，训练类型分布饼图——力量40%+有氧25%+瑜伽20%+其他15%，"分享训练成果"生成运动海报——月度训练数据+身体变化+打卡天数），身体数据（历次体测数据按时间线展示——日期+体重+体脂率+肌肉量+腰围+臀围+身体照片对比，趋势折线图——体重变化曲线/体脂率下降曲线/肌肉量增长曲线，AI生成身体变化报告和改善建议，体测预约入口），次卡余额（持有的各类卡券展示——团课次卡余18次/瑜伽次卡余8次/私教课券余5节/全场通用月卡·有效期至2026.08.15，每张卡展示剩余次数+有效期+适用范围+"立即使用"按钮，使用记录明细列表，次卡转让和赠送好友功能），健身商城订单（购买的装备和补剂订单：待发货/待收货/已完成/售后分Tab，物流追踪+确认收货+评价+售后申请），训练计划（当前执行中的训练计划展示——目标（"减脂8kg+增肌3kg·12周计划"）+每周训练频次+课表安排+执行进度百分比+教练制定的下周训练内容预览+计划完成度追踪）。

设置区：个人资料编辑、运动偏好设置（训练目标/可训练时段/偏好场馆/自动排课开关）、通知管理、隐私设置、关于我们、退出登录。底部意见反馈和客服中心快捷入口。"邀请好友"入口——分享邀请码，好友注册双方各得1节免费团课。