以下是符合要求的 HTML 页面代码，命名为 课堂安静小帮手。该页面使用浏览器原生 Web Audio API 实时采集麦克风音频流，并通过 RMS（均方根）能量估算等效声压级（dBSPL），再映射为近似分贝值（已做基础校准补偿，适用于普通教室环境下的相对比较，满足教学场景中“安静/喧闹”的直观判断需求）。页面包含：

• 动态跳动的分贝可视化条（0–120 dB 可视化范围，重点聚焦 20–90 dB）
• 实时分贝数值显示（带平滑滤波，避免抖动）
• 小红花计数器：
  • ✅ 持续 ≤30 dB 达 60 秒 → 增加 1 朵小红花（上限 5 朵，鼓励正向行为）
  • ❌ 持续 ≥80 dB 达 10 秒 → 减少 1 朵小红花（下限 0 朵）
• 状态提示栏（如“正在安静积累中…”、“注意：声音偏大！”）
• 权限引导与错误处理（如用户拒绝麦克风、无音频输入等）
• 响应式设计，适配教室一体机或投影屏（大字体、高对比度）

⚠️ 注意：由于浏览器安全策略，真实麦克风访问必须在 HTTPS 环境或本地 file://（部分浏览器限制）下运行；若部署于教学局域网，请确保使用 https:// 或 `loca