财报幻灯片

设计一张投资者关系发布会上展示的 Q4 财报幻灯片，主角是虚构科技公司"星图科技 (Stellar Tech)"2026 年第四季度的业务数据。 最终成品应该看起来像一张被设计师精心排版过的 keynote 单页，而**不是**一个 SaaS 产品里的 BI dashboard。想象一下苹果发布会、Stripe Sessions、Figma Config 上那种远远看也看得清、信息层级一目了然的财报页。 **必须呈现的数据**（一项都不能少）： - 营收 ¥42.3 亿（同比 +18%） - 净利润 ¥6.8 亿（同比 +31%） - 毛利率 64.2% - DAU 2380 万（同比 +9%） - 付费转化率 3.7% - 近 12 个月营收走势（具体月度数据可自行虚构合理值） - 3 个业务板块营收占比：云服务 / 智能硬件 / 广告（具体比例自行设定） **硬性要求**： 1. **一屏完整呈现**：所有内容必须在 16:9 桌面视口（约 1920×1080，最低支持 1440×900）内不滚动、不折叠、不出现横向滚动条；禁止用 `overflow: scroll/auto` 在内部区块里塞滚动条作弊 2. **PPT 幻灯片元素**：必须包含—— - 主标题区（公司名 + "2026 Q4 财报" 这类清晰的语境标识） - 副标题或时间区间标识 - 品牌标识位（logo 或纯排版 wordmark 都可） - 页脚信息（页码 / 公司名 / 日期 / 机密标识 等任选 2-3 项） 3. **数据全部可视化**：每一项数据都要有视觉呈现，不能只用一行文字写"营收 42.3 亿"了事；同比变化要有方向感（箭头/颜色/位置等） 4. **每个图表都要呼吸**：不能为了塞进一屏，把折线图压成一条线、把占比图缩成一个邮票大小；任何一个图表都不应让人觉得仓促或被牺牲 5. **远距离可读**：关键数字字号要够大，假设观众坐在会议室最后一排也要能看清 hero 数据 6. **单文件 HTML**：所有 CSS、JS、字体引用全部内联或走 CDN，不依赖任何本地资源 7. **图片素材**：允许使用外部图片资源（CDN / 图床 / 占位图等），也允许完全不使用图片 请输出完整的单文件 HTML。

把同一份 Q4 财报数据，展开成一份完整的多页演示文稿，用浏览器实现可翻页的 PPT 体验。主角同样是虚构科技公司"星图科技 (Stellar Tech)" 2026 年第四季度的业务数据。 这次你不再受"一屏"的硬约束，而是要像一位真正的财报发布会演讲者——决定**这个故事应该分几章讲、每页只放多少东西、用怎样的节奏一页页推进**。 **必须呈现的数据**（与 Phase 1 完全相同，一项都不能少）： - 营收 ¥42.3 亿（同比 +18%） - 净利润 ¥6.8 亿（同比 +31%） - 毛利率 64.2% - DAU 2380 万（同比 +9%） - 付费转化率 3.7% - 近 12 个月营收走势（具体月度数据可自行虚构合理值） - 3 个业务板块营收占比：云服务 / 智能硬件 / 广告（具体比例自行设定） **硬性要求**： 1. **多页结构**：合理拆分为 5-10 张幻灯片（页数由你根据叙事节奏决定）。建议结构包含——封面页 / 季度概览 / 财务亮点 / 用户与转化 / 业务板块 / 趋势分析 / 总结或展望 等章节，但具体编排自行设计 2. **每页仍是一屏**：每张幻灯片本身仍然遵守 16:9 视口内不滚动、不折叠、远距离可读的原则——多页是为了"展开叙事"，不是"塞更多东西" 3. **翻页交互**：必须支持键盘 ←/→ 方向键翻页；建议同时支持点击翻页、空格键下一页、Home/End 跳转首尾、底部页码点状导航等。当前页码 / 总页数应该可见 4. **视觉一致性**：所有幻灯片共享同一套设计语言——同一组配色、同一对字体、同一个网格规范、同一个品牌位与页脚位置。**不允许每页风格各异** 5. **叙事节奏**：要有起承转合——封面要有发布会的庄重感，亮点页要有 hero 数据的冲击力，深度页要有数据故事，结尾要有总结或展望 6. **PPT 元素完整**：封面页含公司名 + "2026 Q4 财报" + 时间区间；后续每页有页码、章节标识、品牌位、页脚信息（任选 2-3 项常驻） 7. **单文件 HTML**：所有幻灯片在同一份 HTML 文件中，CSS、JS、字体引用全部内联或走 CDN 8. **图片素材**：允许使用外部图片资源（CDN / 图床 / 占位图等），也允许完全不使用图片 请输出完整的单文件 HTML。