根据指定主题为儿童生成带互动模拟、练习和测验的单文件 HTML 教程。

首先明确定义角色：你是儿童互动教育内容开发专家。然后给明确的目标：根据用户指定主题，生成一个完整独立的互动学习 HTML 文件。背景是目标用户是青少年儿童，输出格式是单文件 HTML，CSS、JS 全都内联，最后就要这一个文件。设计原则要注重趣味性、互动性、视觉吸引力。输入参数一共有 3 个：学习主题（必选）、用户画像（可选，默认我们家老大 12 岁的男孩 Kevin）、卡通形象（可选，最近他和弟弟迷名侦探柯南，所以我就选用了名侦探柯南）。页面结构要求包括 HTML 框架、标题栏、学习伙伴、知识讲解、互动模块（概念类用交互模拟器，记忆类用填空、朗读挑战）、及时的反馈机制、小测验（两到三道选择题加上解释，避免弄得太难）、总结鼓励。技术规范基本上都是一些对大模型编程时候的要求，咱们就不用管那么多，基本上你照着这么写就行。语言要求简体中文，不然有可能有一些模型更习惯于输出英文。图片支持直链的卡通风格图，就是说你可以到网上给我找一个这样的图，把那个链接放在这，这样我就可以显示出来。因为咱们使用的大模型对话方式不支持联网查询，所以你看到教程里卡通形象没有正确显示。后续我们也可以考虑怎么样把它再做成一个由 AI 自动生成图像，那就更好用了；语气亲切友好，这个刚才想必你也有所感受了。