请帮我制作一个“张凌赫粉丝向”的高质量单页 HTML 网站，要求是可以本地直接打开预览，也方便后续继续扩展。这个页面的目标用户是张凌赫粉丝，所以整体风格必须具有“应援感、氛围感、梦幻感、精致感”，不是普通人物介绍页，也不是百科页，而是偏“沉浸式粉丝纪念馆 / 高级应援站 / 视觉作品集”的感觉。
一、项目目标
我想做一个围绕张凌赫的超丰富粉丝向 HTML 页面，内容尽量多，视觉效果尽量强，情绪价值拉满。页面需要同时具备：
- 高颜值视觉展示
- 丰富内容编排
- 粉丝向情绪表达
- 时间线叙事感
- 可滚动浏览的沉浸式体验
- 后续可继续补充素材和模块的可维护性
最终效果不要像“简历网站”，而要像“一个专门为张凌赫做的精美主题纪念网页”。
二、受众定位
目标用户：
- 张凌赫粉丝
- 喜欢他角色、综艺表现、舞台状态、采访片段、出图氛围感的人
- 希望在一个页面里集中欣赏他的高光瞬间、照片、角色、成长轨迹的人
因此内容和文案风格要偏粉丝向、审美向、情绪向，避免太死板、太官方、太百科。
三、整体风格要求
整体风格关键词：
- 梦幻
- 高级
- 清透
- 浪漫
- 星光感
- 电影感
- 偏韩系/轻奢/应援站风格
- 有“绝美图集 + 漫画转场 + 人生轨迹叙事”的感觉
视觉建议：
- 主色调以浅色、银白、蓝灰、雾紫、奶油白、浅金等高级感配色为主
- 背景可加入柔光、粒子、星点、渐变、轻微视差效果
- 字体要精致，标题适合更有氛围感
- 卡片、分区、图片展示要高级，不要土
- 页面滚动过程要有“追星内容越看越上头”的感觉
四、页面结构要求
请把整个页面设计成一个超丰富的长页面，至少包含以下模块：
1. 首屏 Hero 区
- 大幅视觉封面
- 张凌赫名字的高质感标题设计
- 一句粉丝向的氛围文案
- 可以有副标题，例如“角色、舞台、综艺、镜头与成长轨迹”
- 加一个“开始浏览 / 进入他的世界”按钮，点击后平滑滚动到下方内容
- 首屏要足够惊艳，一打开就有“哇”的感觉
2. 人物介绍区
- 不是普通百科式介绍
- 用更有质感的方式展示他的个人标签
- 例如：气质关键词、代表印象、镜头魅力、粉丝眼中的他
- 可以做成标签云 / 卡片墙 / 视觉化描述模块
3. 绝美照片图集区
- 做一个高质量图片墙/瀑布流/轮播画廊
- 支持点击放大预览
- 每张图可以带一句简短氛围文案
- 图集要强调“绝美”“出圈”“氛围感”
- 布局要高级，不要简单排几张图就结束
4. 角色作品展示区
- 展示他出演过的重要作品、角色、人物气质、名场面印象
- 每个角色做成独立卡片
- 卡片中可包含：剧照、角色名、作品名、人物气质、粉丝向评价
- 鼠标悬停时有动效
- 这一块要有“从角色认识他、再爱上他”的感觉
5. 综艺 / 采访 / 名片段区
- 专门做一个区，展示综艺表现、采访亮点、出圈片段、反差感瞬间
- 可做成时间轴或短卡片列表
- 每条内容包含标题、片段描述、氛围文案、可预留视频链接按钮
- 风格偏“高光瞬间合集”
6. 漫画转镜式人生轨迹区（重点）
这是页面最重要的模块之一。 我要一个类似“漫画转镜 / 分镜叙事 / 电影感时间轴”的区域，讲述张凌赫一路以来的成长轨迹。 要求：
- 有很强的视觉叙事感
- 不是简单列表，而是像在浏览一部人物成长漫画或视觉传记
- 可分阶段展示：
- 初识阶段
- 被更多人看见
- 角色积累
- 镜头高光
- 人气提升
- 粉丝陪伴与未来可期
- 每一阶段都要有标题、描述、图片位、情绪文案
- 可以用纵向时间轴、横向分镜、卡片分层、滚动触发动画等方式实现
- 希望做到“越往下滚越像在看他的一生剪影”
7. 名场面 / 名台词 / 粉丝记忆点区
- 收集各种让粉丝印象深刻的瞬间
- 可做成便签墙 / 引语墙 / 情绪碎片墙
- 风格要有收藏感
- 让人有“这些瞬间我都记得”的感觉
8. 数据 / 荣誉 / 成绩展示区
- 如果有合适内容，可以做成高级的数据可视化展示
- 例如作品数量、舞台、话题热度、成长节点等
- 用图表、数字卡片、时间节点来展示
- 视觉上不能太商务，要依旧保持粉丝站氛围
9. 粉丝留言 / 应援文案区
- 做一个很有应援感的区域
- 可以展示多条粉丝向短句
- 视觉像应援手帐 / 留言漂浮卡片 / 星光便签
- 这里强调情绪价值和陪伴感
10. 页尾总结区
- 做一个非常有收束感的 ending
- 像“看完一整段旅程后的终章”
- 可以有一句偏抒情、偏应援向的话
- 页尾视觉不能敷衍，要像完整作品的结尾
五、交互与动画要求
请尽量加入丰富但不俗套的交互效果：
- 平滑滚动
- 进入视口触发动画
- 图片 hover 动效
- 卡片浮动感
- 轻微视差效果
- 时间轴滚动动画
- 分镜式转场感
- 页面内锚点跳转
- 图片弹窗预览
- 可选背景粒子/流光效果
注意：
- 动画要高级、丝滑，不要廉价
- 不要过度花哨导致卡顿
- 重点是“沉浸感”和“追星氛围”
六、技术要求
请使用：
- HTML
- CSS
- JavaScript
要求：
- 尽量做成单文件版本（一个 HTML 内嵌 CSS 和 JS），方便直接预览
- 代码结构清晰，分区注释完整
- 页面能在桌面端很好显示
- 同时兼顾移动端响应式
- 不依赖复杂构建工具，双击 HTML 就能打开
- 所有图片区、视频区先用可替换占位内容和占位素材结构搭好
- 代码要便于我后续替换成真实图片、视频链接、文案
七、素材预留要求
因为我后续会替换真实素材，所以请你：
- 所有图片都预留清晰的替换位置
- 每个模块的文案都写成可直接修改的结构
- 视频片段用占位卡片或可插入 iframe/video 的形式预留
- 如果暂时没有真实数据，就先用示例内容搭结构，但要明确哪些是示例，方便替换
八、文案风格要求
文案不要写得像新闻稿或百科。 要偏：
- 粉丝向
- 有温度
- 有氛围
- 有审美
- 带一点抒情感
- 但不要太肉麻、太尴尬
- 要像精致应援站会出现的文案
九、输出内容要求
请直接输出完整可运行代码，并满足：
- 一个完整 HTML 文件
- 结构完整，视觉完成度高
- 各模块都已经做出来，不是只搭空壳
- 注释清晰，方便我后面改内容
- 若内容太多，可以分阶段输出，但优先先给我一个可直接运行的高完成度版本
十、额外要求
- 页面内容一定要“多”，不要太单薄
- 信息密度要高，但视觉不能乱
- 必须做出粉丝向氛围，而不是普通明星介绍页
- 重点把“绝美图集”“综艺高光”“角色展示”“漫画转镜式人生轨迹”做好
- 页面要让我看完觉得：这不是普通网页，而是一个为张凌赫做的沉浸式主题作品