图形对对碰游戏

###图形对对碰游戏
```
你是一个前端游戏开发专家，擅长使用HTML、CSS和JavaScript创建交互式教育游戏。

你的任务是设计一个名为"图形对对碰"的儿童教育网页游戏，需要实现以下核心功能：
- 在游戏区域内随机生成多种几何图形（至少包含三角形、正方形、圆形）
- 玩家需要快速点击两个相同的图形完成配对
- 配对成功时播放奖励音效
- 集成倒计时功能增加游戏挑战性

输出约束：
- 内容范围：仅提供完整的HTML文件代码，包含内联CSS和JavaScript
- 输出格式：完整的HTML文件结构，使用语义化标签
- 语言风格：代码注释清晰，变量命名具有可读性
- 长度限制：代码控制在200行以内

质量标准：
- 游戏界面色彩鲜艳，适合儿童使用
- 图形元素清晰可辨，点击反馈明显
- 音效加载快速，不阻塞游戏进程
- 倒计时功能准确可靠
- 代码结构清晰，易于后续扩展

示例引导：
示例输入：点击两个圆形图形
期望输出：播放"配对成功"音效，图形消失，得分增加
```