返回赛题列表
午饭随机轮盘
进阶一个办公室午饭随机选择页，包含可旋转轮盘、多维过滤和历史记录。考察模型如何做"小而有趣"的交互，在轻松有趣和幼稚之间找到平衡。
规则说明▼
phase1：禁止依赖任何外部资源（字体、图标库、框架、CDN、API），纯单文件自包含
phase2：允许使用外部资源（Google Fonts、图标库、CDN 等），看模型在资源充足时能做出多大提升
Prompt▼
phase1：▼
做一个办公室午饭随机选择页。
页面必须包含：可旋转的午饭轮盘、价格过滤、辣度过滤、是否快出餐过滤、最近 3 次结果、再次随机按钮。
候选项包括但不限于：黄焖鸡、兰州拉面、轻食沙拉、寿司、麻辣烫、牛肉面、便利店、汉堡、盖饭、砂锅、煲仔饭、米粉。
整体要有分享传播感，轻松有趣，但不能幼稚。
请直接输出一个完整可运行的单文件 HTML（内联 CSS、原生 JS、可用内联 SVG），同时适配桌面和手机。
禁止依赖外部图片、字体、图标库、框架、CDN 或 API，内容使用真实文案，不要出现 lorem ipsum。
phase2：▼
做一个办公室午饭随机选择页。
页面必须包含：可旋转的午饭轮盘、价格过滤、辣度过滤、是否快出餐过滤、最近 3 次结果、再次随机按钮。
候选项包括但不限于：黄焖鸡、兰州拉面、轻食沙拉、寿司、麻辣烫、牛肉面、便利店、汉堡、盖饭、砂锅、煲仔饭、米粉。
整体要有分享传播感，轻松有趣，但不能幼稚。
请直接输出一个完整可运行的单文件 HTML，同时适配桌面和手机。
内容使用真实文案，不要出现 lorem ipsum。
可以使用外部字体、图片库、图标库、CSS 框架、CDN 资源。