方案 A：前后端分离（Node.js 后端 + React 前端）。后端代理 AI 请求，前端只负责展示。优点是 API 密钥不暴露在前端，安全性好。缺点是需要部署后端服务，运维成本高，对于教学项目来说过于沉重。方案 B：纯前端直连 AI 接口。浏览器直接fetch调用 AI API，密钥内嵌在配置文件中。优点是零部署、零依赖，一个静态文件服务器即可运行。缺点是密钥暴露（但这是教学项目，可接受），

一个由的成语闯关小游戏。AI 担任主持人与裁判：按关卡难度出题（只给释义提示、不露答案），玩家输入四字成语作答，AI 即时评判对错并给出出处解析。前端原生实现，零依赖、纯静态、无需后端。

方案 A：前后端分离（Node.js 后端 + React 前端）。后端代理 AI 请求，前端只负责展示。优点是 API 密钥不暴露在前端，安全性好。缺点是需要部署后端服务，运维成本高，对于教学项目来说过于沉重。方案 B：纯前端直连 AI 接口。浏览器直接fetch调用 AI API，密钥内嵌在配置文件中。优点是零部署、零依赖，一个静态文件服务器即可运行。缺点是密钥暴露（但这是教学项目，可接受），

一个由的成语闯关小游戏。AI 担任主持人与裁判：按关卡难度出题（只给释义提示、不露答案），玩家输入四字成语作答，AI 即时评判对错并给出出处解析。前端原生实现，零依赖、纯静态、无需后端。