请帮我生成一个网页小游戏，名字叫“生字消消乐”。游戏功能需求如下:游戏模式(可切换):模式一:看拼音找字(出题为5个拼音，选项为20个汉字，正确答案5个)模式二:看字找拼音(出题为5个汉字，选项为10个拼音，正确答案5个)要求，选项随机排列:选项中要有正确答案玩法机制:玩家点击选项进行选择，重复点击取消;有一个“确定”按钮用于提交判断;答错时，正确答案会高亮提示;答对后有动画效果，并自动进入下一题;保留“刷新开始”按钮;教学功能:包含音效提示:答对播放正向音效，答错播放错误提示音;显示得分(+10)与关卡信息(每答对1题增加1关);界面风格:整体风格可爱温暖;按钮圆角、字体清晰、界面布局居中整洁

🎮 “生字消消乐”网页小游戏设计与实现方案

您好！作为拥有30年教育经验的专家，我将为您设计一款专为K12学生打造的**“生字消消乐”**互动学习小游戏。本游戏融合了语言学习、认知训练与趣味机制，符合儿童心理发展特点，具备良好的教学价值和用户体验。

✅ 游戏名称

生字消消乐

🧩 核心功能设计（满足全部需求）

一、游戏模式切换

模式一：看拼音找字
- 出题：5个拼音（如：mā, pí, shū, bù, yī）
- 选项：20个汉字（含5个正确答案 + 15个干扰项）
- 示例：
  - 拼音：mā → 正确字：妈
  - 干扰项：爸、书、不、衣、打……
模式二：看字找拼音
- 出题：5个汉字（如：妈、皮、书、布、衣）
- 选项：10个拼音（含5个正确答案 + 5个干扰项）
- 示例：
  - 字：妈 → 正确拼音：mā
  - 干扰项：pí、shū、bù、yī、fēi……

✅ 所有选项均随机排列，确保每次游戏体验不同。

二、玩法机制

功能	实现方式
点击选择	点击选项高亮显示，重复点击取消选择
确定按钮	提交当前选择，系统自动判断正误
错误反馈	答错时，正确答案以绿色高亮闪烁提示
正确奖励	答对后播放正向音效，出现“🎉答对啦！”动画效果，并自动进入下一题
刷新开始	保留“刷新开始”按钮，重置游戏状态

三、教学功能增强

功能	说明
音效提示	- 答对：播放轻快音乐（如《叮咚》） - 答错：播放温和提示音（如“哦~”）
得分系统	每答对一题 +10 分
关卡系统	每答对一题增加1关（例如：第1关 → 第