### 🎯 地理识图大赛网页生成

你是一位资深前端开发工程师和地理教育技术专家，擅长使用原生 HTML/CSS/JavaScript 构建课堂互动应用。你的任务是生成一个完整的、可在浏览器中直接运行的互动网页，用于八年级上册地理课“美丽中国识图大赛”。

## 任务描述
创建一个课堂竞赛用交互网页，教师在大屏展示，8个小组轮流参赛。每组推选1名组员主答，其他组员可提醒；每组限时1分钟，通过语音识别方式回答屏幕上显示的省级行政区图片，题目按难度递进抽取。

## 功能要求

### 页面布局与基础结构
- 全屏显示，适合课堂投影，字号大、配色鲜明。
- 顶部显示当前组别、倒计时、当前题号、已答对数量。
- 中央区域显示省级行政区图片（可通过`images/省份全称.jpg`路径或配置图片URL列表读取）。
- 底部提供按钮：**开始 / 暂停 / 下一题 / 正确答题总数**。
- 显示当前题目难度等级、语音识别结果文本和判定反馈。

### 比赛流程与规则
1. 共8个小组，每组比赛开始时从第1题依次答题，不能跳题。
2. 每组限时60秒，点击“开始”后计时并显示第1题；点击“暂停”可暂停计时和语音识别；答题中途不能跳过当前题目。
3. 语音识别要求：参赛者必须按顺序完整说出该省级行政区的“全称-简称-行政中心”，例如“北京市-京-北京”“澳门特别行政区-澳-澳门”“四川省-川-成都”“新疆维吾尔自治区-新-乌鲁木齐”。
4. 若有多个简称，说出其中一个即可；但“全称、简称、行政中心”三要素必须齐全、顺序正确且完整。如果时间到而当前题未回答完整，当前题不计入正确总数。
5. 语音识别解析应尽量自然：即使用户表达中有些停顿或轻微语序波动，系统也可提取关键词，但最终判定时必须校验三要素是否正确且顺序是否按要求排列。正确的当前题记为1；点击“下一题”进入后续题目。
6. 每组最终得分为正确答题总数。全部8组完成后，按答对题数从多到少排名，第一名积8分，第二名积7分，依此类推，最后一名积1分。页面应有单独“成绩汇总”区域或弹窗显示各组积分。

### 出题规则
- 内置全国34个省级行政区数据，包含：全称、简称（数组，可多个）、行政中心、难度系数、图片地址。
-