一、首页

整体采用墨蓝+浅青灰+米白+鎏金配色，传递专业、深度、值得投入的知识付费质感。顶部搜索栏支持搜课程/讲师/专栏/关键词。banner区轮播——"AI产品经理实战营·第8期招生·早鸟¥699""今日秒杀·《商业思维30讲》¥99·原价¥199""周二直播·前百度总监·用户增长实战·免费预约"。四大核心入口：课程商城（按商业/技术/设计/人文/效率分类·热销排行+新课首发）、专栏合集（深度系列化内容·每周更新·"订阅专栏·比单独买省40%"）、直播预告（本周直播日历·支持预约和回放+"错过直播可看回放·保留90天"）、付费社群（加入讲师社群/行业圈子·"和同路人一起成长"+"已加入3个社群·2个有更新"）。

"今日推荐"横滑——每门课程封面+标题+讲师+课时+价格（"¥199·限时¥99·倒计时2天"）+"立即报名"鎏金按钮。"限时秒杀"——"今日20:00开抢·《写作底层逻辑》¥49·限量200份"。"学习提醒"——"你已连续学习8天·《产品思维》还差3节完成·继续学习"。

二、课程详情

以"AI产品经理实战营"为例。顶部课程封面+试看视频。课程信息——标题+讲师（头像+姓名+"前字节产品总监·10年经验·曾主导日活千万级产品"）+适合人群+"0-3岁产品经理/想转AI赛道的PM"+标签（"新课·8月班""已报名386人""限招500人"）。课程大纲——分章节折叠列表（"第一章·AI产品基础·3节共1.5h""第二章·AI产品设计·4节·含实战项目"）+每章可试听1节。购买权益——"视频录播·永久回看""配套讲义PPT+实战项目源码""作业批改+讲师答疑""社群交流+内推机会""结业证书"。价格——"原价¥1,299·早鸟¥699·已省¥600"+支付方式+"支持花呗分期·6期免息·¥116.5/期"+"30天内不满意无条件退款"保障。底部"立即购买"+"先试听·免费看2节"按钮。

三、学习播放

音视频播放器——进度条可拖拽+倍速（0.75x/1x/1.25x/1.5x/2x）+后台播放+画中画+缓存下载（"已缓存·支持离线学习·通勤路上也能学"）。配套讲义——当前节讲义PDF/图文+"左右分屏·一边看视频一边看讲义"+"重点已标黄·点击跳转对应视频位置"。笔记打卡——"我的笔记·"这里讲到用户画像的三个维度：人口属性/行为特征/心理动机""+文本输入+截图标记+关联视频时间戳+"笔记可导出为PDF复习"。学习完成打卡——"本节已完成✓·总进度58%·下一节→"+"分享学习成就到社群·和同学互相激励"。

四、学习中心

顶部墨蓝身份卡片：头像+昵称+累计学习时长+"本周学了6.8h·超过86%的同学"+连续打卡天数+"已坚持28天🔥"。功能入口：已购课程——课程列表+每门课封面+学习进度条（"《产品思维》·已完成9/16节·继续学习"）+总学时+到期提醒（"专栏订阅有效期至2027.03"）。学习数据——"总学习时长86h·完成32门课·写了126条笔记"+学习趋势周报+能力雷达图（产品分析/数据分析/用户研究/项目管理）。社群互动——已加入社群列表+"课程群·有3条未读消息""行业交流群·同学在讨论AI趋势"+社群内讨论区+同学提问和讲师回答。订单管理——历史购课订单+发票申请+续费/升级课程推荐+"你已购买《产品思维》·推荐进阶课《产品总监必修》·组合报省¥200"。设置区——播放偏好（默认倍速/清晰度/缓存策略）/通知管理/客服中心。