## 参赛项目名称 贝克街档案馆 · The Baker Street Files ## 团队 / 作者 SherlockHolmes006 ## 我做了什么 基于福尔摩斯与古典推理主题，用 AI Agent 做出一座**多页面沉浸式侦探体验站**（纯静态 HTML/CSS/JS），而不是单页展示页。 核心体验包括： - **首页**：维多利亚雾都氛围大厅与章节入口 - **悬案卷宗**：现场勘察、物证、审讯、指认真凶 - **证据板**：拖拽卡片 + 红绳连线验证因果链 - **演绎训练室**：三关测验与等级评定 - **名侦探档案**：跨页进度与收藏（localStorage） - **关于本作**：作品说明与作者介绍 设计目标：精美、可玩、可多页跳转；参考 bund-summit-2026 的版式语言，用雾都卷宗视觉重新讲故事。已部署到自有域名，并通过 GitHub Actions 自动发布。 ## 使用的工具 - OpenWork / 百炼 CLI：阿里云百炼 CLI（`bailian-cli` / `bl`） - 百炼能力 / 模型：通义系列（文本理解与生成等，经百炼 CLI 调用） - Skill 名称：bailian-cli（Agent Skills） - 其他：Cursor（作为 Agent 载体调度百炼 CLI）、GitHub、GitHub Actions、宝塔静态托管 ## 效果展示 - 线上体验：https://detective.secondtonone.top/ <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/1d6121e5-d37d-4ab3-930a-b80bb6294f27" /> <img width="2487" height="1295" alt="Image" src="https://github.com/user-attachments/assets/d0e690b6-45f5-4ff5-a0b8-7c11de2e4337" /> <img width="2462" height="1284" alt="Image" src="https://github.com/user-attachments/assets/249f2c94-c7d5-4314-a96f-929dc90fb342" /> <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/b521ab64-bba3-4139-9e7d-311ae6a23110" /> <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/4111f832-5ef1-4b48-8b5f-c5470671997d" /> <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/53fed1f1-9574-4fe6-a59d-12859bbad4ab" /> <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/fd71297e-088f-4093-9153-f965a2ab3477" /> <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/9bafdc24-133a-4b1b-93d0-d2c0a0de7250" /> <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/615bdafb-3ce9-41e7-8f71-f1936e643b1b" /> <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/845b50b9-d125-42ea-81ce-79976b38533c" /> <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/f5abe699-6f2b-4492-ba6a-edd5a253c55b" /> <img width="2544" height="1336" alt="Image" src="https://github.com/user-attachments/assets/d3794832-98ca-47a6-ba3a-9599b7281fc4" /> ## 项目链接 - 线上站点：https://detective.secondtonone.top/ - 源码仓库：https://github.com/SherlockHolmes006/detective ## 踩坑记录 - 纯静态站不要用 `file://` 打开，应用本地 HTTP 服务，避免 localStorage 行为异常 - 中英混排时拉丁数字可能比汉字显小，中文段落优先使用 Noto Serif SC - 宝塔环境未必有 rsync，自动部署用 tar + scp 更稳，并注意保留 `.user.ini` - 氛围音受浏览器自动播放策略限制，需用户点击后播放
参赛项目名称
贝克街档案馆 · The Baker Street Files
团队 / 作者
SherlockHolmes006
我做了什么
基于福尔摩斯与古典推理主题，用 AI Agent 做出一座多页面沉浸式侦探体验站（纯静态 HTML/CSS/JS），而不是单页展示页。
核心体验包括：
设计目标：精美、可玩、可多页跳转；参考 bund-summit-2026 的版式语言，用雾都卷宗视觉重新讲故事。已部署到自有域名，并通过 GitHub Actions 自动发布。
使用的工具
bailian-cli/bl）效果展示
项目链接
踩坑记录
file://打开，应用本地 HTTP 服务，避免 localStorage 行为异常.user.ini