1请为我搭建一个名为 “简单小测 · 直达你所热爱” 的问卷页面，功能需满足以下要求：
21. 页面创建
3- 问卷采用5页结构，每一页仅展示一题。
4- 页面标题固定为：“简单小测 · 直达你所热爱”。
5
62.问题与选项配置
7- 请依次设置以下 5 道题，每道题为单选：
8- 题目示例：
9- 第1题：今年大会你最期待的内容是？
10- A.百度大模型与AI应用最新进展
11- B.AI应用展区的真实体验与互动
12- C.AI公开课系统学习实战方法论与案例
13- D.覆盖AI最热议题的分会内容详解   
14- 第2题：您对哪个AI领域最感兴趣？
15- A. 基础大模型开发，如训练、推理等
16- B .领域专有模型微调、精调等
17- C .智能云基础设施
18- D.AI应用开发工具与平台
19- E.热门AI应用: 如数字人 智能体 AI搜索 具身智能  无人驾驶等     
20- 第3题：您认为AI 在工作中适合扮演什么角色？
21- A. 高效执行者（精准完成指定任务）
22- B. 灵感激发者（提供创意方向）
23- C. 专业协作者（在专业领域提供深度建议）
24- D. 全能生产者（从零到一独立开发应用）  
25- 第4题：您最希望AI为您处理/提供哪类内容？
26- A.结构化内容（如报告、代码、数据）
27- B.创意性内容（如文案、故事、诗歌）
28- C.多媒体内容（如图片、视频、音乐）
29- D.信息性内容（如摘要、翻译、问答）
30-E.商业性内容（如报告、计划书、应用）
31-第5题：您日常使用AI的主要场景是？
32-A.技术研究开发
33-B.生活娱乐陪伴
34-C.商业能力拓展
35-D.工作技能提效
36-E.个人兴趣爱好
37
383. 页面跳转逻辑
39- 每题页面底部需包含：
40- “返回上一题”按钮（第1题隐藏）
41- 点击选项
42- 点击选项：保存当前题答案并进入下一页
43- 第5题将“下一题”替换为“提交”按钮，点击后保存全部答案，进入下一流程

1请在用户完成问卷所有问题的回答后，自动生成一个个性化身份页面，具体要求如下：
2
31.身份判定逻辑：
4- 根据用户在第5题的选项结果确定身份称号：
5- 选A：身份为“超级代码魔法师”
6- 选B：身份为“灵感生活大玩家”
7- 选C：身份为“商业超能伙伴”
8- 选D：身份为“职场开挂大师”
9- 选E：身份为“科技爱好狂人”
10
112.身份对应专属文案：
12- 超级代码魔法师：不断深入技术内核，勇于挑战创新边界。
13- 灵感生活大玩家：畅玩AI新花样，玩转未来智慧生活。
14- 商业超能伙伴：寻找增长新引擎，用AI重塑商业竞争力。
15- 职场开挂大师：分分钟完成职场逆袭，AI就是Ta的最强外挂。
16- 科技爱好狂人：科技浪潮的冲锋者，硬核科技的发烧友。
17
183.页面内容构成：
19- 身份称号展示（根据第5题答案动态生成）
20- 专属文案（需与身份称号匹配，体现身份特色）
21- “进入”按钮
22
23请提供完整的页面设计方案，包括文案内容、按钮样式及交互逻辑。

1请协助我开发一个名为“个性化打卡地图”的H5互动页面，具体需求如下：
2
31.新建“个性化打卡地图”页面结构
4- 标题展示：顶部居中显示"个性化打卡地图"主标题
5- 用户身份系统：
6- 显示用户专属身份名称（超级代码魔法师、灵感生活大玩家、商业超能伙伴、职场开挂大师、科技爱好狂人）
7- 配套展示身份描述语
8- 超级代码魔法师：不断深入技术内核，勇于挑战创新边界。
9- 灵感生活大玩家：畅玩AI新花样，玩转未来智慧生活。
10- 商业超能伙伴：寻找增长新引擎，用AI重塑商业竞争力。
11- 职场开挂大师：分分钟完成职场逆袭，AI就是Ta的最强外挂。
12- 科技爱好狂人：科技浪潮的冲锋者，硬核科技的发烧友
13- 主会场地图模块：
14- 嵌入大会主会场地图
15
162. 身份读取并绑定对应打卡路线
17- 身份专属路线配置：
18- 超级代码魔法师路线：
19  中心广场 → 灵感图书馆 → 数智CBD → AI提效课程 → 分会场《AI计算新范式》→ 分会场《大模型智能上限》
20- 灵感生活大玩家路线：
21  中心广场 → 繁星里街区 → Baidu好市集 → AI应用大狂欢公开课 → 分会场《内容创作一键搞定》→ 分会场《AI改变智能硬件体验》
22- 商业超能伙伴路线：
23  中心广场 → Baidu好市集 → 数智CBD → AI产业变革公开课 → 分会场《智能体=生产力》→ 分会场《数字人新增长极》
24- 职场开挂大师路线：
25  中心广场 → Baidu World Station → 灵感图书馆 → AI提效课程 → 分会场《智能体=生产力》→ 分会场《内容创作一键搞定》
26- 科技爱好狂人路线：
27  中心广场 → 繁星里街区 → Baidu World Station → 灵感图书馆 → AI前沿揭秘公开课 → 分会场《大模型硬件体验》→ 分会场《大模型智能上限》
28- 动态路线列表：
29  每行显示站点名称+打卡状态（未解锁/可打卡/已打卡）
30  状态图标区分（灰色锁/绿色按钮/金色徽章）
31  所有身份专属打卡路线最后一站为领奖处
32
333.打卡按钮
34- 完成打卡按钮为“已打卡”
35- 当前站点按钮为“打卡”
36- 未完成打卡按钮为“等待解锁”

1请为我在“个性化打卡地图”页面配置打卡路线逻辑，要求如下：
2
31. 打卡站点状态
4- 每个打卡点需支持 3 种状态，并按顺序逐一解锁：
5- 已打卡：已完成打卡，
6- 打卡：当前可打卡站点，
7- 等待解锁：后续站点未解锁
8
92. 路线推进逻辑
10- 第一个站点默认状态为“打卡”，其余为“等待解锁”
11- 用户点击“打卡”后，该站点变为“已打卡”，并自动解锁下一站点为“打卡”
12- 所有站点完成后，出现最后一个“领奖处”，状态为“已解锁”
13
143. 进度显示规则
15- 顶部显示“已打卡 X / 总站点数”
16- 每次打卡成功后，自动更新进度数字
17- 若全部完成，显示“已打卡 7/7 个站点”并解锁领奖

1请按照以下要求完成页面按钮设计及功能设置：
2
31. 按钮文案
4- 设置首页区域按钮文字内容：
5- 右侧按钮："预约直播"
6
72. 动态功能实现
8- 时间触发条件：当系统时间达到11月13日12:00时
9- 动态变更内容：将右侧按钮文字从"观看直播"自动变更为"观看回放"
10- 变更方式：无需用户操作的前端自动更新
11
12请提供完整的HTML/CSS/JS代码实现方案，包含：
13- 按钮的DOM结构
14- 样式定义（包含渐变边框实现代码）
15- 时间判断逻辑
16- 动态文字变更函数