注册挑战 · 别笑你也过不了

一个愚人节整蛊注册页面 —— 看起来是个正经的注册表单，实际上处处是坑。键盘被没收、按钮会跑、密码靠抽奖……能通关算你厉害。

在线体验：直接用浏览器打开 index.html 即可，无需任何构建工具或服务器。

游戏关卡

第一关：身份信息

• 昵称：键盘坏了，只能用鼠标滚轮（或箭头按钮）一个字母一个字母选
• 邮箱：键盘上每个按键的位置每次点击后都会打乱重排，慢慢找吧

第二关：设置密码

• 密码：不能自己输入，只能点"抽奖"按钮随机抽字符，密码强度永远是"极弱"
• 确认密码：你的密码字符被随机打乱成方块，必须按正确顺序依次点击才能确认。点错一个？全部重排再来

第三关：最终考验

• 性别选择：按钮会逃跑，鼠标/手指靠近就闪开，多追几次才肯停下来
• 验证码：拖动滑块精确匹配一个四位随机数（误差 ±10 以内才算通过）
• 同意条款：复选框会躲开你的点击，追着勾上才行
• 提交按钮：和性别按钮一样会跑，追到了才能点

通关

完成所有关卡后，页面会显示你的通关统计：耗时、点击次数、滚动次数，还有满屏的彩纸庆祝。

技术实现

• 纯前端项目，零依赖，一个 HTML 文件 + CSS + JS
• 支持桌面端和移动端（移动端逃跑次数减少，更友好）
• 粒子动画背景、Toast 提示、进度条、彩纸特效
• 响应式布局，手机端自动调整交互方式

文件结构

├── index.html   页面结构
├── style.css    样式与动画
├── script.js    游戏逻辑与交互
└── .gitignore

License

MIT