一、首页

整体采用学术蓝+纯白+暖金配色，传递理性、专业、可信赖的教培行业质感。顶部个性化问候区——"下午好，小明同学"配合当前学习阶段标签（"三年级·数学思维L3"），右侧展示连续学习天数（火焰图标+天数）。搜索栏居中，支持搜课程/老师/知识点/机构名称。

banner区以学术蓝渐变背景轮播：当季主推——"暑期思维训练营·21天培养逻辑力""外教一对一口语·限时体验价¥9.9""全国青少年编程挑战赛报名中"，每张标注适合学段和优惠时效。

四大核心入口以学术蓝图标+圆角卡片排列：课程中心（按学科/学段/能力层级体系化选课）、师资介绍（任课老师展示：头像+资历+教学风格+学生评价+试听课入口）、学习进度（当前各科进度概览+课时完成率圆环+下节课倒计时提醒）、在线咨询（课程顾问一对一答疑·选课建议·学情诊断·免费试听预约），每项标注对应角标（新课/热门/限免）。

"我的课程"横向滑动展示正在学习中的课程：课程封面+课程名+已上课时/总课时+进度百分比圆环+最近上课时间+"继续学习"学术蓝按钮。下节课提醒卡片醒目展示："下一节课：数学思维L3·第12讲·鸡兔同笼问题·今日16:00-16:45·张老师"，标注倒计时和"进入教室"入口，支持添加日历提醒。

"名师推荐"横向滑动卡片展示优秀教师：头像+姓名+教授科目+教龄（"8年教龄"）+教学标签（"耐心细致""善于引导""课堂活跃"）+学生好评率+"预约试听"暖金色按钮。新人专享区展示免费学情诊断和试听课礼包。底部学习资讯区展示教育干货文章——"三年级是数学思维分水岭，家长应该怎么做？""2026新课标解读"。在线咨询悬浮按钮（右下角暖金色圆形图标+消息角标），点击弹出咨询对话窗口。

二、课程列表

顶部搜索框支持搜课程名称/知识点/老师姓名。分类Tab横向滑动：全部/数学思维/英语口语/美术创意/编程启蒙/语文素养/科学实验/书法练字，选中学术蓝高亮，每Tab配学科小图标。支持多维筛选：按学段（3-6岁/小学低年级/小学高年级/初中/高中）+班型（一对一/小班课4-6人/大班课/录播课）+价格+排序（推荐/人气/价格/最新/评分）。

课程目录以列表卡片展示，每张包含：课程封面图（占30%左侧）+课程名称（大字号加粗）+适合学段标签（"适合7-9岁""小学3-5年级"）+课程标签行（"思维训练""逻辑推理""奥数入门"）+授课形式图标（"🎥直播互动""📹录播回放""👥小班课""👤一对一"）+课时信息（"共16讲·每讲45分钟"）+价格（原价划线+优惠价+会员价+"免费试听"标签）+评分星级+已报名人数+教师姓名和头像缩略图。右下角"了解详情"学术蓝按钮。

课程对比功能：勾选2-3门课程后点击"对比"，弹出对比表——课程大纲/课时/价格/班型/教师/服务保障横向对比，帮助家长理性决策。每门课程标注试听标识——"支持2节免费试听"暖金色角标醒目提示，降低决策门槛。

顶部"限时优惠"专区横向滑动展示当前打折课程——"暑期特惠·立减¥200""拼团优惠·3人成团各减¥100""老带新·双方各赠2课时"。底部"家长口碑"区展示精选用户评价——家长头像+孩子姓名+报读课程+评价文字+学习效果（"学了3个月，数学从80分提高到95分"），真实案例增强信任。

三、课程详情

以"数学思维L3·三至五年级"为例。顶部课程封面大图/课程宣传视频（3分钟课程介绍混剪）+试听入口（"免费试听15分钟"暖金色按钮）。课程基本信息卡片：课程名称、适合学段（"小学3-5年级·8-11岁"）、课程形式标签行（"👥小班直播课·4-6人""🎥支持回放""📱课后作业+批改"）、课程等级（"L3进阶·需通过L2或入学测评"）、总课时（"16讲共32课时·每讲2课时90分钟含休息"）、上课时间（"每周三19:00-20:30+周六10:00-11:30"）、开班日期（"滚动开班·最近一期8月5日"）、剩余名额（"仅剩3席·满班6人"紧追感提示）。

课程亮点区以图标+标题+说明三列展示：体系科学（"对标新课标·12级螺旋进阶体系"）、名师授课（"8年一线教学经验·累计教授3000+学员"）、小班互动（"每班≤6人·确保充分互动和个性化指导"）、效果可视（"每讲课堂报告+阶段测评+学期成长档案"）、服务保障（"开课3讲内不满意无条件退款"暖金色盾牌图标增强信任）。

课程大纲以分阶段折叠列表展示：每讲标题+核心知识点+能力培养目标+课堂形式图标（讲解/讨论/练习/测评）。如第1讲"等差数列初步"——知识点：等差数列定义/公差/通项公式/求和公式，能力目标：观察力+归纳推理+数学建模，课堂形式：讲解30min+互动讨论20min+当堂练习30min+总结10min。阶段测评节点标注（"第4讲后·阶段测评一""第8讲后·期中测评""第12讲后·阶段测评二""第16讲后·期末测评+学习报告"）。

师资介绍区：授课老师大卡片——照片+姓名+学历（"985数学系硕士"）+教龄+教学成果（"所带学员85%在各类数学竞赛中获奖"）+教学风格（"擅长将抽象概念转化为生活场景，让孩子爱上数学"）+学生评价精选2-3条。

家长必读FAQ：常见问题——"零基础可以学吗？""跟学校数学课会重复吗？""请假了可以看回放吗？""课后有作业吗家长需要辅导吗？""学完L3能达到什么水平？"，每问展开回答。

底部固定栏：课程总价+"咨询课程顾问"+"立即报名"双按钮（暖金主按钮+学术蓝次按钮），辅以"已有238位学员报名""支持3讲内无条件退款""剩余3个名额"等信息。报名流程：选择班期→填写学员信息（姓名+年级+数学基础描述+家长期望）→支付定金→顾问回访确认→正式开课。

四、学员中心

顶部学术蓝渐变身份卡片：学员头像（支持自定义卡通形象）+姓名+当前学习阶段+总学习天数+累计学习时长（小时）+获得成就徽章数（"🏅坚持之星""🏅满分达人""🏅进步飞跃"横向排列）。

功能入口六宫格：学习进度（多课程进度总览——每门课封面+进度圆环+已上/总课时+最近一次课堂评分+下次上课时间倒计时+"继续学习"按钮进入教室，支持课程日历视图展示每周课表安排——周一至周日时间轴，每节课标注科目+老师+教室入口+课前预习任务提醒）、课程回放（已结束课程回放列表：课程封面+讲次+上课日期+回放有效期（"回放保留90天"），标注已观看/未观看状态，未观看课程红点提醒，支持倍速播放（0.75x/1x/1.25x/1.5x/2x）和跳转到关键知识点时间戳索引——"10:30等差数列定义·15:20例题讲解·28:00当堂练习"）、作业中心（待完成作业列表：作业标题+所属课程+布置时间+截止时间+提交状态（未提交红标/已提交待批改黄标/已批改绿标），完成作业入口：文字作答/拍照上传/语音提交/在线编程（编程启蒙类），支持草稿保存和一键提交，批改结果展示老师点评+错题标注+参考答案+订正入口，作业优秀榜单展示班级优秀作业）、错题本（自动汇集所有课程和作业中的错题——按科目和知识点分类整理：题目+错误答案+正确答案+错误原因分析（AI自动归类：计算错误/概念不清/审题失误/方法错误）+关联知识点+同类题推荐练习，支持一键重做+举一反三智能推题+错题打印导出PDF/生成错题试卷，错题消灭进度——已订正数量/总错题数，消灭错题获得积分奖励）、学习报告（学期/月度/周度学习报告——出勤率+课堂参与度评分+作业完成率+作业平均分+各知识点掌握度雷达图+薄弱环节标识+与班级平均水平对比+老师评语+下阶段学习建议，报告支持分享给家长和导出PDF，成长曲线折线图展示历次测评成绩走势）、积分与成就（学习积分余额——上课/完成作业/订正错题/课堂互动/连续打卡获得积分，成就徽章墙——连续学习/满分作业/积极发言/错题克星/进步之星等虚拟徽章+解锁条件展示，积分兑换区——文具/书籍/课程优惠券/课时兑换/玩具礼品，排行榜——班级积分排名/全校积分排名）。

底部"联系老师"快捷入口：任课老师列表+一键私信/电话，学习问题随时沟通。家长模式切换——家长独立视角查看多维度学情数据和孩子学习动态推送。"邀请好友"入口——分享链接邀请好友试听，双方获得课时奖励。