# 密室杀人侦破 - 网页推理游戏

一个基于AI生成的密室杀人推理游戏，玩家需要通过选择不同的选项来推进案件调查，最终达到100%进度结案。

## 项目特色

- 🎮 **20个独立场景**，每个场景4个选项
- 🤖 **AI生成剧情**，使用DeepSeek API自动生成场景和选项
- ⚠️ **危机系统**，连续危险选择会触发特殊状态
- 🏆 **多结局系统**，根据选择决定案件结局
- 📱 **响应式设计**，支持移动端和桌面端
- 💾 **进度保存**，自动保存游戏状态

## 游戏机制

### 选项类型
- **正确选项**：正常推进剧情，进度+5~10%
- **错误选项**：可能触发坏结局，进度+5~10%
- **未知选项**：进度不变，需要谨慎判断
- **危险选项**：可能触发最坏结局，进度+8~10%

### 危机系统
连续选择3次危险选项会触发危机状态：
- **紧张**：增加2个无关选项
- **焦虑**：选项文本可能被隐藏
- **恐慌**：界面特效和文字抖动

### 结局判定
- **好结局**：正确找出真凶
- **坏结局**：找到表面罪犯（错误+危险选择≥7次）
- **最坏结局**：被误认为罪犯（危险选择≥4次）

## 项目结构

```
密室杀人侦破/
├── index.html          # 主页面
├── styles.css          # 样式文件
├── game.js            # 游戏逻辑
├── config.js          # 配置文件
├── plan1.md           # 详细开发计划
└── README.md          # 项目说明
```

## 快速开始

1. 直接打开 `index.html` 文件即可开始游戏
2. 点击"开始推理"按钮进入游戏
3. 阅读场景描述，选择你认为正确的选项
4. 观察进度条变化，谨慎选择避免触发危机
5. 达到100%进度时查看案件结局

## 技术栈

- **前端**: HTML5, CSS3, JavaScript (ES6+)
- **样式**: 响应式设计，CSS动画
- **API**: DeepSeek AI API
- **存储**: LocalStorage

## 安全说明

⚠️ **重要**: 当前版本在前端代码中硬编码了API密钥，这在实际部署中是不安全的。建议：

1. 使用环境变量管理API密钥
2. 通过后端代理调用API
3. 部署时移除硬编码的密钥

## 开发计划

详细开发计划请参考 [plan1.md](plan1.md) 文件。

## 扩展功能

未来可考虑添加：
- 多案件系统
- 成就系统
- 社交分享功能
- 语音朗读功能

## 许可证

本项目仅供学习使用。