验证码大师

做一个"验证码大师"街机游戏。玩家扮演 AI，疯狂识别验证码图片（红绿灯/斑马线/消防栓等用 CSS/SVG 简化绘制）。有计分系统、连击 Combo、难度递增（图片越来越模糊/扭曲）。最终结算画面显示"恭喜你证明了自己是机器人！"。整体要有街机游戏的紧张感和幽默感。请输出完整的HTML。

制作一个单文件 HTML 的**"验证码大师 CAPTCHA Master"街机游戏**——一个角色反转的验证码挑战游戏。玩家扮演一个 AI，需要通过不断升级的验证码考试来"证明自己是机器人"。 ```` ### 核心设定与世界观 玩家是一个试图通过"机器人资格认证考试"的 AI。考试官是一个傲慢的人类验证系统——"reCAPTCHA 考官"。整体语气：荒诞幽默、戏谑反讽（AI 反过来做人类的验证码）。 ### 验证码类型 游戏包含两大类验证码，交替出现，难度各有侧重： **🔲 类型 A：Google reCAPTCHA 风格（物体识别）** 玩家看到 3×3 或 4×4 的格子面板，每格内放一个 CSS/SVG 绘制的简化图标，需要"选出所有包含 [目标物体] 的格子"。 目标物体至少包含以下 5 类（用 CSS/SVG 几何化风格绘制，不使用外部图片）： - 🚦 红绿灯（Traffic Light）：竖长方形 + 三个圆形灯 - 🦓 斑马线（Crosswalk）：黑白相间的横条纹路面 - 🧯 消防栓（Fire Hydrant）：红色 T 形柱体 - 🚲 自行车（Bicycle）：两个圆 + 三角车架 + 车把 - 🚌 公交车（Bus）：大矩形 + 轮子 + 窗户排列 干扰项：混入山（三角形）、树（绿色圆+棕色矩形）、路灯（细长杆+圆顶）、汽车（矩形+轮子）、人（简笔火柴人）等其他图标。 **🧩 类型 B：hCaptcha 风格（场景理解）** 更抽象的识别挑战，需要从多个场景化的 CSS/SVG 插画格子中选出符合描述的图。这类题目更难，因为目标不是单个物体而是一个"场景"。 场景类别至少包含以下 5 类： - 🌊 "选出所有包含水的图片"：可能是池塘（蓝色椭圆+波浪线）、下雨场景（灰色天空+雨滴线条）、水龙头（方形+水滴）等 - 🐘 "选出所有包含动物的图片"：猫（圆头+三角耳+尾巴）、鸟（椭圆身+三角翅+尖嘴）、鱼（菱形+尾鳍）等 - 🌅 "选出所有户外场景"：公园（树+长椅+路）、沙滩（波浪+太阳+沙地渐变）、山丘（三角+绿色）等 - 🏠 "选出所有包含建筑的图片"：房子（三角屋顶+方形+门窗）、高楼（窄长方形+网格窗户）、教堂（三角顶+十字）等 - 🍕 "选出所有食物"：披萨（三角+圆点）、汉堡（圆形层叠）、苹果（圆+叶子）、蛋糕（梯形+蜡烛线条）等 干扰项：与目标类别相似但不符合描述的图。比如"选包含水的"时混入蓝色天空（无水）、蓝色汽车。 **两类题目的交替节奏：** - Lv.1-3：全部为 A 类（reCAPTCHA），3×3 格，热身阶段 - Lv.4-6：A 和 B 类混合出现，3×3 格 - Lv.7-9：A 和 B 类混合，升级为 4×4 格 - Lv.10+：4×4 格 + 极端视觉干扰，B 类题目比例增大 ### 游戏机制 **计时制：** - 每轮有倒计时（初始 10 秒），时间耗尽自动判定当前选择 - 随难度递增，倒计时逐渐缩短（最短 5 秒） **计分系统：** - 完美答对（全部正确，无遗漏无错选）：+100 分 - 部分正确：按正确率比例得分（如 3/4 正确 = +75 分） - 全错或未选：+0 分 **连击 Combo：** - 连续完美答对 N 轮不出错，Combo 倍率递增（×1, ×2, ×3, ×4...） - 一旦非完美（部分正确或全错），Combo 重置为 ×1 - Combo 达到 ×5 以上时触发特殊视觉效果（屏幕边缘霓虹光晕） **难度递增：** - Lv.1-3：图标清晰锐利，3×3 格，倒计时 10 秒 - Lv.4-6：图标加轻微 CSS 模糊滤镜（blur 1-2px），格数可增至 4×4，倒计时 8 秒 - Lv.7-9：图标扭曲（skew/rotate 随机小角度 + 轻微噪点效果），倒计时 7 秒 - Lv.10+：图标极度扭曲 + 颜色去饱和/反转/灰度随机，倒计时 5 秒，部分格子短暂闪烁干扰 **生命值：** - 初始 3 条命（用像素心形 ❤️ 表示） - 单轮完美正确率低于 50% 扣一条命 - 全错直接扣一条命 - 命耗尽游戏结束 **总轮数：** 无限模式，直到生命耗尽 ### UI / 视觉设计 **整体风格：复古街机 + 霓虹感** - **配色**：深色背景（深蓝/深紫渐变）+ 霓虹色文字和边框（青色、品红、亮绿） - **字体**：标题和计分用像素风/等宽字体，按钮用粗体无衬线 - **布局**： - **顶部状态栏**：分数 | Combo 倍率 | 当前等级（Lv.X）| 剩余生命（像素心形） - **中间主区域**：验证码面板—— - 顶部提示文字：模仿真实验证码样式的提示框，如"请选出所有的 红绿灯" / "Select all images with a fire hydrant" - 下方是 3×3 或 4×4 的格子面板，每格可点击选中（选中态加高亮边框） - **底部**：大号"验证 VERIFY"按钮 + 倒计时进度条 - **反馈动画**： - 答对时：屏幕短暂闪绿 + 出现"✓ VERIFIED"大字戳记动画（像橡皮章盖章） - 答错时：屏幕抖动 + 出现红色"ACCESS DENIED"+ 嘲讽文案 - 扣命时：心形碎裂动画 - **Combo 特效**：连击数字从中间弹出放大，带霓虹发光拖尾；高 Combo 时背景色微微脉动 **结算画面：** - 大字标题"🤖 恭喜你证明了自己是机器人！" - 副标题"CAPTCHA Certification Complete" - 显示：总分、最高 Combo、答对轮数、正确率、到达等级 - 根据分数给出搞笑称号，例如： - 3000+：「Google 的噩梦」/ 验证码终结者 - 2000-2999：「高级红绿灯鉴赏家」 - 1000-1999：「消防栓之友」 - 500-999：「斑马线观察员实习生」 - 0-499：「连 AI 都不如的碳基生物」 - "再来一局 INSERT COIN"按钮（街机风格） ### 搞笑文案与彩蛋 **每轮开始时随机显示一句提示语**（类似加载时的 loading tip）： - "请证明你不是人类" - "第 37 次验证，别放弃" - "Google: 感谢你免费标注数据" - "据说只有 AI 才能在 3 秒内完成" - "这不是验证码，这是入职面试" - "你的数据已被用于训练自动驾驶模型，感谢配合" - "reCAPTCHA 考官正在审视你的每一次点击" - "hCaptcha: 比 Google 更会折磨你的存在" **答错时的嘲讽文案**（随机）： - "连消防栓都不认识，你确定你是 AI？" - "一个真正的机器人不会犯这种错误" - "你的识别模型需要 fine-tuning" - "建议回去重新训练 100 个 epoch" - "这个准确率连 GPT-2 都不如" - "你的 loss 值看起来很高啊" **高 Combo 时的夸赞文案**（随机）： - "CPU 在燃烧！" - "这就是 AGI 的力量吗？" - "Google 自动驾驶团队向你投来了简历" - "Combo 拉满！reCAPTCHA 系统即将崩溃" - "你已被列入 Google 黑名单" ````