请编写一份独立 HTML 网页小游戏，面向幼儿园中班幼儿，主题：新年模式大闯关，数学核心目标：AB 模式、AAB 模式规律排序，游戏支持平板触屏操作，断网可用（尽量少外部资源），整体风格喜庆卡通，适配手机、平板，禁止页面缩放，适配触摸点击，带彩纸庆祝特效。
游戏整体设定
游戏名称：新年模式大闯关
教育目标：中班幼儿发现、识别、补充图形排列规律（AB、AAB），属于数学模式认知集体教学小游戏。
场景背景：新年布置家里，幼儿扮演小小设计师，给家里挂灯笼、摆果盘、贴福字、设计鞭炮串。
整体色调：暖红、橙黄新年喜庆配色，圆角元素，大尺寸图标，按钮放大适合小朋友手指点击。
游戏关卡（一共 5 关，按顺序）
热身关 - 规律初体验：序列【福、灯笼、福、灯笼、福、灯笼】，点击图案触发放大高亮动画，看完自动通关，引导幼儿感知 AB 重复规律。
挂灯笼：AB 模式，序列【红圆灯笼、金方灯笼、红圆灯笼、金方灯笼、空、空】，下方选项：红圆灯笼、金方灯笼、蓝圆灯笼。幼儿先选物品，再点击空白格子放入，放错会自动清空，放对保留。全部填满解锁下一关。
摆果盘：AB 模式，序列【苹果、橘子、苹果、橘子、苹果、空】，选项：苹果、橘子、香蕉，补齐水果规律。
贴福字：AAB 模式，序列【大福、大福、小福、空、空、空】，选项：大福、小福，补齐 AAB 重复规律。
设计鞭炮串：创作关卡，空白序列，幼儿自由摆放红鞭炮、黄鞭炮，自己创造排列模式。
UI 页面结构
开场首页：标题 + 简短对话绘本场景（爸爸妈妈和小朋友对话），一个大的红色「开始游戏」按钮，入场渐变动画。
游戏主界面：
顶部栏：关卡标题 + 关卡进度（关卡 X/5）
提示文字区：显示本关任务说明
规律展示区：放置序列格子，已有图案 + 空白虚线框
物品选择区：下方可选图案大图标
控制按钮：【提示】【重试】【下一关】，下一关默认禁用，通关后激活
弹窗反馈：答对 / 答错弹窗，带表情文字提示；通关弹出恭喜文案。
通关特效：答对完成关卡，出现彩色纸屑礼花动画。
交互规则
触屏优先，点击有按压缩小反馈，禁止双击缩放，禁止长按选中文字，防止平板误触。
提示按钮：高亮需要填空的位置，给出小提示。
重试按钮：重置当前关卡，回到初始状态。
物品操作逻辑：先点下方物品选中，再点上方空白格子放置；放错会提示并清空格子。
全部空格填对 → 解锁下一关按钮，播放礼花特效。
图标与配色
使用 emoji 图标替代图片：福🪔、灯笼🏮、红圆灯笼🔴、金方灯笼🟨、蓝圆灯笼🔵、大福🪔、小福🧧、苹果🍎、橘子🍊、香蕉🍌、红鞭炮🧨、黄鞭炮🎇、长鞭炮🧨🧨、短鞭炮🎇。
每个图标格子搭配对应底色，所有元素圆角。
CSS & 代码要求
HTML、CSS、JS 写在同一个文件，单文件网页。
适配竖屏平板，最大宽度 500px，适合幼儿园平板。
动画柔和：弹跳、脉冲放大、弹出动画，动画不要太快。
弹窗、按钮、格子尺寸适合幼儿粗手指。
禁用页面滚动，禁止触摸滑动误操作。
写好注释，代码结构清晰。
文案要求
语言简单简短，符合中班幼儿理解水平，口语化，不要复杂文字。
闯关结束弹窗：恭喜你！你已经完成所有关卡，成为规律小专家！
输出要求
直接输出完整代码，从 到 </html>，不需要额外讲解。