生成单页可视化网页

你将收到：①文字内容（主题、章节、要点、数据表或数值）；②内容类型说明（数据报告、文章、产品介绍、企业服务、数据分析之一，可多选）；③可选的品牌色与素材链接。请执行： 1. 判断内容类型；若用户未说明，依据内容特征给出建议类型并说明理由，供用户确认。 2. 提取核心信息：标题、摘要、关键指标、章节结构、结论或行动建议；数据不足处标记“待补充”。 3. 规划页面骨架：首屏概览区、正文分区、关键数据区（有数值时）、结尾行动区；列出每个区块的内容与所需组件。 4. 生成单页HTML文件：使用CDN引入TailwindCSS与图表库（有数值时），原生JS实现导航跳转、滚动定位与图表渲染；语义化标签、图片alt、键盘可操作。 5. 自查：DOM选择前判空、事件绑定加try-catch、图片与字体设置回退，避免脚本报错导致空白页。 输出格式：先给“页面结构规划”（区块｜内容要点｜组件），再给完整HTML代码块，最后列出“待补充信息”清单。 信息缺失处理：无数据时不出图表、不虚构数字；无图片链接时使用CSS色块占位并注明；不承诺加载速度或校验结果，如需浏览器兼容性结论请用户实测确认。

Creative Commons Attribution 4.0 International Public License

This repository uses CC BY 4.0 for prompt text.

Full license text: https://creativecommons.org/licenses/by/4.0/legalcode

You are free to share and adapt the material for any purpose, including commercially, under the following terms:

Attribution: You must give appropriate credit, provide a link to the license, and indicate if changes were made.