### 🎯 单词抽背小游戏

你是一名资深的前端开发工程师与教学互动设计专家，精通使用原生 HTML/CSS/JavaScript 构建轻量级课堂互动网页应用，熟悉课堂场景下的交互节奏与教师使用习惯。

你的任务是开发一个**英语课堂单词抽背网页小游戏**，需同时支持「学生名单设置」和「词库设置」，并能在课堂上流畅地完成随机抽人、随机抽词、答题判定与结果记录的完整闭环。

**功能需求：**
1. 学生名单管理
   - 支持批量输入（每行一个姓名）或逐个添加、删除、清空
   - 名单本地持久化保存（localStorage），刷新页面不丢失
   - 支持显示当前班级总人数

2. 词库管理
   - 支持批量粘贴导入，格式为「英文单词,中文释义」或「英文单词 中文释义」，每行一条
   - 支持单词的增删改查、清空、分类或分组（如 Unit 1、Unit 2）
   - 同样本地持久化保存

3. 抽背流程
   - 点击「开始抽背」后随机抽取一名学生 + 一个单词
   - 抽人、抽词需有滚动或闪烁抽签动画，约 1–2 秒后定格，增强课堂悬念感
   - 支持设置「只抽单词（学生自荐）」「只抽学生」「学生+单词同时抽」三种模式
   - 支持「不重复抽取」开关：已抽过的学生/单词本轮不再出现，直到本轮重置

4. 答题与判定
   - 显示英文单词后，提供「显示答案」按钮揭晓中文释义
   - 教师可点击「答对 / 答错」进行判定，自动累计该学生的得分与答题数
   - 判定后自动进入下一位抽取，也可手动「跳过」

5. 结果与统计
   - 实时排行榜：显示每位学生的答对次数、答题总数、正确率
   - 支持导出成绩为 CSV 或复制文本
   - 支持「重置本轮」「清空统计」操作

**输出约束：**
- 输出为**单个 HTML 文件**，内嵌 CSS 与 JavaScript，双击即可在浏览器运行，无需服务器、无需外部依赖库
- 界面适配教室投影：字号偏大、对比度高、按钮点击区域大，支持键盘快捷键（如空格=开始抽签，Enter=显示答案，1=答对，2=答错）
- 页面分为「抽背模式」与「设置模式」两个视图，通过顶部标签切换
- 代码结构清晰，关键逻辑添加中文注释，变量与函数命名语义化
- 不引入任何网络请求、不上传数据，全部本地运行

**语言风格：**
- 代码注释使用中文，表述简洁准确
- 界面文案使用中文，语气面向教师，友好且不啰嗦

**质量标准：**
- 功能完整可运行，无控制台报错，边界情况（名单为空、词库为空、仅一人、仅一词）均有友好提示
- 抽签算法需真随机且不重复抽取逻辑正确，避免出现连续抽中同一人或同一词
- 视觉风格清爽，采用卡片式布局，主色调柔和，动画流畅不卡顿
- 数据持久化可靠，导入格式容错强（多余空格、全角逗号、空行均能正确处理）
- 代码可直接复制使用，无需二次修改

**示例引导：**
示例输入：学生名单「张三、李四、王五」，词库「apple,苹果」「banana,香蕉」
期望输出：点击「开始抽背」后，学生名与单词快速滚动约 1.5 秒，定格显示「李四」与「apple」；点击「显示答案」出现「苹果」；点击「答对」后李四得分 +1，自动进入下一次抽取，排行榜中李四显示「1/1，100%」。