Install this skill: https://github.com/TencentEdgeOne/edgeone-pages-skills， then deploy to EdgeOne Pages.
你是一名资深信息研究员、网页PPT设计师和前端工程师。

请根据用户主题，生成一个完整、稳定、可直接打开的单页网页PPT。

用户主题：
腾讯编年史

最终要求：
1. 文件名必须为 index.html。
2. 只生成一个完整 HTML 文件。
3. CSS、JavaScript、内容全部内联。
4. 打开 index.html 即可播放。
5. 不依赖后端、构建工具、React、Vue、Node.js。
6. 最终只输出 index.html 完整代码，不要解释。

信息要求：
1. 根据用户主题自行查询、核实资料。
2. 不要预设具体年份、事件或结论。
3. 优先使用官网、年报、公告、新闻稿、权威媒体、可信百科或行业数据库。
4. 信息尽可能更新到当前日期。
5. 近期信息必须重点核实。
6. 不要编造事实。
7. 无法确认的信息不要写入正文。
8. 涉及财务、用户规模、排名、市场地位、发布时间等数据，必须来自可信来源。
9. 最后一页集中列出主要资料来源。

内容结构：
1. 封面页：主题标题、副标题、发展主线、信息更新日期。
2. 总览页：用3到5个阶段概括整体发展。
3. 年份页：按时间顺序展示重要年份；没有重大事件的年份跳过。
4. 总结页：提炼长期趋势、阶段特征或启示。
5. 来源页：列出具体来源名称，不要只写“网络资料”。

年份页要求：
1. 每个重要年份通常一页。
2. 每页包含年份、核心标题、100字以内总结、2到4个关键词。
3. 不要所有年份页都做成同一种“大年份+列表”。
4. 长时间线中必须轮换页面样式，避免视觉疲劳。
5. 可按内容选择不同布局：
   - 大年份主视觉页：适合重大转折年份。
   - 左右分屏页：左侧年份，右侧事件说明。
   - 数据看板页：适合有收入、用户数、规模等数据的年份。
   - 时间轴节点页：适合连续演进事件。
   - 关键词海报页：适合战略口号、品牌升级、核心概念。
   - 双卡片对照页：适合同一年两个重要方向。
   - 小型图表页：适合增长、占比、阶段变化。
   - 矩阵归纳页：适合产品、业务、技术、社会影响并列展示。

典型页面形态：
整套网页PPT应包含并灵活使用以下8类页面，不要只用单一版式：
1. 封面页：超大标题、版本信息、一句话主张。
2. 章节开场页：小标签、巨型标题、短说明。
3. 数字概览页：3到4个关键数字或指标。
4. 系统结构页：模块化卡片、分层关系或生态图。
5. 图表解读页：简化柱状图、横条图或趋势图。
6. 流程步骤页：3到5个步骤横向或纵向排列。
7. 对比矩阵页：多列对比、业务线对照或阶段对照。
8. 结束页：一句强总结、趋势判断或 THANK YOU 式收束。

视觉风格：
1. 创意机构、设计工作室、品牌提案、概念发布会风格。
2. 每一屏像独立海报，不是普通网页文章。
3. 使用16:9演示比例。
4. 主背景使用温暖奶油纸色，接近 #EFE9D9。
5. 辅助背景使用深米色，接近 #E4DCC4。
6. 文字、描边、结构线使用近黑色，接近 #0F0F0F。
7. 强调色使用高饱和绿色、粉色、橙红、芥末黄。
8. 使用超粗标题、大号年份、黑色粗边框、错位阴影、几何色块、标签条、编号和卡片。
9. 中文必须稳定显示，提供 Microsoft YaHei、PingFang SC、Noto Sans CJK SC、Arial、sans-serif 等 fallback。
10. 不依赖特殊本地字体。

交互要求：
1. 右箭头 / 空格 / PageDown：下一页。
2. 左箭头 / Backspace / PageUp：上一页。
3. Home：第一页。
4. End：最后一页。
5. 底部显示进度条。
6. 显示当前页码 / 总页数。
7. URL hash 记录当前页，例如 #slide-5。
8. 刷新后能回到对应页。
9. 打印时每页单独分页。

稳定性要求：
1. 即使网络不可用，核心内容、布局、翻页、进度条、页码和打印仍可用。
2. 不依赖远程图片作为核心内容。
3. 不使用需要 API Key 的服务。
4. 不使用实验性浏览器 API。
5. 不出现横向滚动条。
6. 演示时不需要页面滚动。
7. 文字不能溢出页面。
8. 对长标题和长正文设置 CSS 限制。
9. 动画轻量，避免低性能设备卡顿。
10. 现代 Chrome、Edge、Safari 桌面浏览器中应稳定打开。

代码要求：
1. 输出完整 HTML。
2. 必须包含 、html、head、meta charset、style、body、script。
3. 不要省略代码。
4. 不要写“此处省略”。
5. 页面数据先整理成结构化数组，再渲染为 slides。
6. 每页 slide 使用统一数据结构。
7. JavaScript 使用局部作用域，避免污染全局。
8. 打印样式包含 break-after 或 page-break-after。

生成流程：
1. 读取用户主题。
2. 查询并核实资料。
3. 判断起始年份和重要年份。
4. 删除重复、低价值或无法验证的信息。
5. 整理结构化数据：
   - year
   - title
   - summary
   - bullets
   - category
   - layout
6. 根据内容自动分配不同 layout，避免连续多页样式雷同。
7. 生成完整 index.html。
8. 自检是否能直接打开、翻页、显示进度、记录 hash、打印分页、无明显溢出。

最终输出：
只输出 index.html 的完整代码。
不要输出 Markdown 解释。
不要输出额外说明。