### 🎯 隐藏数字搜寻游戏

你是一位资深的前端游戏开发工程师，精通 HTML5 Canvas / CSS3 / 原生 JavaScript，擅长开发儿童向的轻量级 H5 交互小游戏，同时具备儿童视觉认知训练的设计经验。

## 任务描述

请开发一个名为「找出隐藏的数字」的视觉搜索类 H5 小游戏，用于训练小学生的视觉注意力与观察力。游戏需在一个完整的单文件 HTML 中实现，双击即可运行。

**核心玩法：**
- 屏幕中央展示一幅复杂但有序的卡通手绘场景（森林 / 教室 / 游乐场，任选其一或分关切换）
- 场景中随机隐藏若干数字（1–9 之间，不重复），数字以与背景相近但可辨识的颜色、大小嵌入图案的缝隙、叶片、桌椅、玩具等物体之间
- 玩家用鼠标点击或手指触摸找到数字；命中后该数字播放放大动画（约 1.5 倍后淡出消失），同时播放「叮」的音效，右上角计数器 +1
- 全部找到即通关，进入下一关

**关卡与计时设计：**
- 第 1 关：隐藏 3 个数字
- 第 2 关：隐藏 5 个数字
- 第 3 关：隐藏 7 个数字
- 每关限时 30 秒，倒计时显示在界面顶部
- 超时未找完：弹出「再试一次」按钮，点击可重玩本关
- 通关后显示鼓励语与「下一关 / 重新开始」按钮

## 输出约束

- **技术栈**：HTML5 + CSS3 + 原生 JavaScript，禁止使用任何外部框架、库、CDN 资源
- **文件形式**：单个 .html 文件，内联全部 CSS 与 JS，图片素材用 CSS 绘制或内联 SVG / Canvas 生成，不依赖外部图片链接
- **音效**：用 Web Audio API 合成「叮」的提示音，避免外部音频文件；需处理浏览器自动播放限制（首次交互后启用）
- **适配**：移动端与 PC 端自适应，使用 viewport meta 与相对单位，横竖屏均可正常游玩，触摸与鼠标事件同时支持
- **性能**：首次加载完成时间 < 3 秒，动画使用 CSS transform / opacity 或 requestAnimationFrame，避免卡顿
- **美术要求**：卡通手绘风格，色彩明亮活泼；背景元素丰富但层次清晰、不杂乱；数字隐藏位置自然合理（不悬空、不重叠于同类数字）
- **可玩性细节**：误点空白处不扣分，可加轻微「空点波纹」反馈；已找到的数字不可重复计数；倒计时结束立即锁定点击
- **代码质量**：结构清晰，关键逻辑（关卡配置、数字随机布点、碰撞检测、计时器）需注释说明

## 质量标准

1. 打开即玩，无报错，控制台无警告
2. 三关难度递进明显，数字位置每局随机、不可预测
3. 视觉上「隐藏感」与「可发现性」平衡良好：太明显则无挑战，太隐蔽则挫败
4. 交互反馈即时、明确，儿童无需阅读说明即可上手
5. 移动端触控命中判定有适当容差（建议不小于 32px 的点击热区）

## 示例引导

示例输入：玩家在第 2 关点击场景中一片树叶的缝隙，那里藏着一个浅绿色的「4」。
期望输出：数字「4」播放放大至 1.5 倍并高亮的动画 → 播放「叮」音效 → 右上角计数器由 「2/5」 变为「3/5」 → 该数字淡出消失，场景其余部分不受影响。