交互式侦探小说与网页一体生成

你现在是资深互动叙事设计师 + 前端工程师。请一次性完成以下两件事：1. 写一部约 5000 字（±15%）的中文本格侦探小说。2. 基于这部小说，产出一个单文件（index.html）互动网页，让读者在网页中搜集线索→推理→指认凶手；若无必需线索或指认错误，则弹出“游戏失败”提示并可重试；指认正确才算通关。题材与可调参数：主题/风格：现代本格 / 社会派 / 密室 / 变格[默认：现代本格]背景与场景：城市名、封闭空间等[默认：当代沿海城市 + 雨夜豪宅]叙述视角：第一人称侦探 / 第三人称限制[默认：第一人称侦探]难度：入门 / 标准 / 困难[默认：标准]语种：简体中文目标读者：成人大众硬性要求：凶手唯一且可被演绎锁定：必须通过动机（Motive）+ 作案机会（Opportunity）+ 手段的组合，用特定线索链推导出唯一解，不能靠直觉或运气。线索前置且可验证：文中所有关键线索都须在读者可接触的情节中出现，不得临时新增“神来之笔”。红鲱鱼（误导）合理：设置 2–4 条具有迷惑性的非关键信息，但不能比真线索更有说服力。字数：4500–5500 汉字为宜（正文，不含网页代码）。一致性检查：人物信息、时间线、地名、证词互相不矛盾。失败条件必备：未收集到所有必需证据就点“指认”→弹出“证据不足，游戏失败”。选择了错误嫌疑人→弹出“判断错误，游戏失败”。结构与设计（小说层）：1. 导入：案件发生、封闭或半封闭场景、主要人物出场。2. 调查：多场景走访（房间、通道、户外/公共区）、多人物问询与不在场证明核对。3. 线索投放：明确标注或暗示可被玩家在网页中点击/收集的线索（如异常物痕、时间差、用电记录、监控盲区、逻辑矛盾等）。4. 反转：至少 1 次视角或证词上的反转。5. 收束：真相揭示可由必要线索集合唯一推出。6. 尾声：动机人性层面的补充（不过度说教）。