KaynWASD
1 月 16 日
给你个类似的参考 我也是网上看到的：
请将上述内容转化为一张 HTML ，要按照 PPT 的方式来呈现，如果一页 PPT 不能呈现，就分页，要把内容阐述清楚，我要拿来做授课。
核心哲学：打造一个独立的 HTML 信息卡。其风格严格遵循"琉光手稿"设计哲学，融合印刷品的秩序感与高级玻璃拟态的未来感，作为封面或摘要，高度提炼核心信息。
I. 页面蓝图 (Blueprint)
主栏: 作为视觉焦点，展示主标题、副标题和核心理念。此区域必须保持简洁，顶部不应有额外文字，确保核心标题的视觉主导地位。
核心风格 (Core Style): 苹果极简科技风（ less is more ）。
II. 设计基因 (Design DNA)
字体系统 (Typography): 严格执行"结构性反差"。
中文: Noto Serif SC (大字号, 粗字重)。
英文: Poppins (小字号, 轻字重)。 元素 (Elements):
图标: Font Awesome 线稿风格 (light/regular)。
III. 技术规格 (Tech Specs)
交付物: 单一、自包含的 HTML 文件。
比例: PPT
功能：HTML 代码中请包含一段 JavaScript ，在卡片上增加一个"下载图片"按钮，支持将该 HTML 节点导出为 PNG 格式（使用 html2canvas 或类似 CDN 库）。
技术栈: TailwindCSS, Google Fonts, Font Awesome (均通过 CDN)。
约束：为了凸显卡片感，背景为白色，四周为直角（不是圆角），便于截图。
归属标记：请在顶部右上角，固定增加标记，请在生成前询问用户需要带什么标记再开始行动，不然不行动