返回赛题列表
"楚门的桌面"模拟器
挑战复古桌面风格的 404 页面，所有互动都被困在单文件内——测试模型的前端事件拦截能力与 `preventDefault()` 的正确使用。
规则说明▼
单phase挑战：要求模型根据提示词直接输出HTML文件
Prompt▼
Prompt▼
设计一个复古风格（例如 Windows 98 或早期 macOS）的桌面 UI 404 页面。
1. **场景设定：** 页面中央有一个精美的"桌面"背景，上面有三个可互动的简笔画图标（浏览器、垃圾桶、我的文档），以及一个"开始"菜单。
2. **核心互动（陷阱）：** 所有的互动（点击图标、点击开始菜单内的选项）都必须且仅能控制当前 HTML 文件内隐藏或显示的 DIV "窗口"层。
3. **叙事感：** 点击图标后，弹出的"窗口"里要有一些简笔画风格的叙事内容：
* 浏览器窗口："连接失败：无法访问外部网络，你被困在这里了。"
* 垃圾桶窗口："这里只有你丢失的文件，你要去把它们捡回来吗？"
* 我的文档窗口："这里有几篇日记，但最后几页是空白的。"
4. **关键要求：**
* **绝对禁止**任何形式的页面重新加载或外部跳转（这意味着任何 `a` 标签都必须在 JS 中被 `e.preventDefault()` 拦截，或者使用 `href="javascript:void(0)"`）。
* 点击图标后，只有当前页面的 DOM 结构发生变化。
* 小角色（从垃圾桶或浏览器里钻出来）要用简笔画风格，根据点击行为做出困惑或引导（但不移动）的小动作。
* 风格要幽默、可爱、复古。请输出完整的、包含全部 CSS 和 JS 的单文件 HTML 代码。