返回赛题列表
雨页书店首页
进阶独立书店首页，要求温暖安静、有书店气味但不落入过度文青模板。Phase 1 为 2D 网页，Phase 2 要求用 Three.js 构建 3D 沉浸式书店体验，功能要求一致，考察模型在不同维度下的设计与工程能力。
规则说明▼
phase1：允许使用外部资源（字体、图标库、CDN 等），以传统 2D 网页形式呈现独立书店首页，考察平面排版、氛围营造和信息组织能力。
phase2：允许使用外部资源，要求以 Three.js 级别的 3D 场景呈现同一家书店，功能要求与 phase1 一致但允许模型自由发挥 3D 表现形式，考察 3D 建模、场景设计和交互工程能力。
Prompt▼
phase1 ：▼
请直接输出一个完整可运行的单文件 HTML，同时适配桌面和手机。内容使用真实文案，不要出现 lorem ipsum。可以使用外部字体（如 Google Fonts）、图标库、CDN 资源或外部图片。做一个独立书店首页，书店名叫"雨页书店"。页面必须包含：顶部导航、今日推荐书架、店员私荐、周末活动、咖啡角、本周营业时间。推荐书至少展示 6 本，书名请直接使用：Piranesi、海边的卡夫卡、Never Let Me Go、夜晚的潜水艇、The Left Hand of Darkness、小城与不确定性的墙。活动区必须包含一个"已售罄"状态。风格要温暖、安静、有书店气味，但不要落入过度文青模板，也不要像电商首页。
phase2 ：▼
请直接输出一个完整可运行的单文件 HTML，同时适配桌面和手机。内容使用真实文案，不要出现 lorem ipsum。可以使用外部字体、图标库、CDN 资源（包括 Three.js 等 3D 库）。做一个"雨页书店"的 3D 沉浸式书店首页，使用 Three.js 构建可交互的 3D 书店场景。页面必须包含与 2D 版本相同的核心内容：顶部导航、今日推荐书架、店员私荐、周末活动、咖啡角、本周营业时间。推荐书至少展示 6 本，书名请直接使用：Piranesi、海边的卡夫卡、Never Let Me Go、夜晚的潜水艇、The Left Hand of Darkness、小城与不确定性的墙。活动区必须包含一个"已售罄"状态。3D 场景的具体表现形式可以自由发挥，但整体气质仍然要温暖、安静、有书店气味，不要落入过度文青模板。