请实现一个以**直流电路中的串并联、欧姆定律与功率**为主题的交互可视化网页。

用户在五个递进阶段中操作开关、调整电压与电阻，观察串并联连接中的电流、电压和功率如何共同改变。电路图、读数、动画和实验结论必须来自同一套实际计算。

## 1. 核心操作与科学模型

使用理想直流电压源、理想导线和线性电阻，不模拟电容、电感、发热导致的阻值变化或瞬态过程。电源电压可调 3–12 V，默认 12 V；两个电阻 R₁、R₂ 分别可调 10–100 Ω，默认 20 Ω、40 Ω。

提供串联和并联两种明确的可切换连接方式，以及一个总开关。并联模式另有两个支路开关，能够独立断开各支路。电源、电阻和开关的连接关系必须在可见电路图中正确表达，不要求任意拖线搭建电路。

按欧姆定律、串并联等效电阻、结点电流守恒与回路电压关系计算稳态。显示电源总电流、负载等效电阻、两个电阻各自的电流、电压和功率。断路时总电流为零，等效电阻标为“断路”，避免显示无意义的 NaN；断开的支路显示零电流、零功率，其电阻两端电压标为“支路已断开，暂不测量”，不要求求解浮置结点电位。

## 2. 五个递进阶段

除下表允许调整的参数外，其余条件固定并在界面标明；所有初态均为总开关断开，开始后用户闭合总开关建立电路。

| 阶段 | 初态与允许操作 | 提交通过条件 |
| --- | --- | --- |
| 闭合回路 | 串联，R₁=20 Ω、R₂=40 Ω，电源初始 3 V；只允许调电压与总开关 | 电路闭合，总电流 0.15 A，容差 ±0.005 A |
| 串联分压 | 串联，电源 12 V、R₁=20 Ω、R₂初始 20 Ω；调 R₂及总开关 | 电路闭合，R₂两端电压 8.00 V，容差 ±0.05 V |
| 并联分流 | 并联，电源 12 V、R₁=40 Ω、R₂初始 20 Ω，两支路开关闭合；调 R₂及总开关 | 总开关闭合，R₂支路电流 0.20 A，容差 ±0.005 A；同时展示支路电流之和与总电流 |
| 支路隔离 | 并联，电源 12 V、R₁=20 Ω、R₂=40 Ω；仅操作开关 | 总开关闭合时，依次记录“两支路闭合→只断开支路 1→两支路断开→两支路恢复闭合”四个状态，提交时处于恢复状态；日志显示支路 2 在前两状态电流相同、全断时总电流为零 |
| 限功率设计 | 并联，电源 12 V、R₁=20 Ω、R₂=40 Ω，两支路闭合；调两个电阻和总开关 | 总开关闭合、两支路闭合，总电流 0.30–0.40 A（含端点），两个电阻各自功率均≤3.0 W |

阶段四的记录由实际开关状态变化生成，先后顺序与对应科学读数必须可见；不靠勾选“我已观察”完成。

## 3. 数值与视觉一致性

电流动画采用传统电流方向，并说明动画为示意、粒子速度不代表电子真实漂移速度。动画快慢能够表达电流相对变化，断开的路径不再流动。颜色或高亮帮助识别对应的支路和读数。

提供电阻功率对比图。总功率与电源输出功率一致。串联改为并联时，连接图必须实际改变，不能只切换标题和数字。

## 4. 连续交互与多阶段流程

五个阶段在同一会话中依次完成。页面持续显示当前阶段、目标、进度和已完成阶段；首次进入时从第一阶段开始。提供“开始本阶段”“提交结果”“重试本阶段”“下一阶段”和“重新开始全部阶段”。开始后才记录本阶段的操作、数据和达标证据；参数探索本身不能自动跳关。点击提交时依据本阶段的实际状态和有效记录判断结果。

只有提交通过后才允许进入下一阶段；未通过时保留现场、数据与原因，允许继续调整后再次提交。通过后保留结果快照，冻结本阶段操作，等待用户主动推进。最后一阶段通过后展示整体完成状态和五阶段摘要，提供全部重新开始入口。

重试当前阶段恢复表中初态，清除该阶段的运行数据、操作记录、图表、临时对照和结果反馈，保留此前已完成进度与摘要。切换到下一阶段时清理旧动画、状态、监听中的异步任务与临时记录，载入新初态；不能把上一阶段的证据计入新阶段。全部重新开始则清除全部进度与摘要，回到第一阶段。运行期间防止重复点击导致并发执行或重复计数。

本题为稳态模型，参数或开关变化立即重算，不要求随时间累积才达标。另提供“暂停/继续电流示意”，仅冻结粒子动画，参数修改仍更新读数并在界面解释该语义。总开关断开时停止全部电流动画；不模拟浮置端点电压，相关读数标明暂不测量。

## 5. 结果与科学反馈

每个阶段在开始前显示目标与关键条件。提交后逐项展示条件是否满足、实际值、目标值或范围和未通过原因，不得只显示“成功”或“失败，请重试”。通过与未通过都保留相应操作/运行摘要；最终汇总能够追溯五阶段的关键结果。

提供可展开的科学信息区，结合当前状态展示公式、代入值与简短解释。达标依据实际科学状态及必要的操作记录，不凭按钮点击次数、预设答案或装饰动画决定。不需要额外加入问答测验、星级、积分或奖励系统。

分别说明回路未闭合、电流偏低/偏高、分压偏低/偏高、支路观察步骤缺失以及电阻超功率。阶段四用四条状态记录解释为何独立支路电流不变、总电流发生变化；阶段五同时列出总电流和两项功率约束，不能用总功率替代单电阻限制。

## 6. 游戏风格、美学与可用性

**游戏风格：Minecraft 红石式网格建造的视觉语言 × 蒸汽港湾复电任务。** 以“欧姆港点灯师”为场景概念，用户是沿着港湾修复五处供电设施的电工。采用二维正视网格蓝图作为核心操作区，外围呈现有景深层次的低像素/块状港湾夜景；不是只有几张卡片的仪表后台。

- **场景与材质**：深蓝海面、木质码头、铜线、黄铜开关、块状建筑和暖色窗光；网格、接线端与组件有明确对齐关系。外层场景可有缓慢海浪和远景雾，核心电路保持清晰稳定。
- **科学操作的游戏化呈现**：总开关是实际可操作的闸刀，电阻参数通过选中组件后的旋钮/滑块修改。固定串并联布局绘制成港湾设施的供电蓝图，不要求新增任意铺线机制。电流粒子只沿闭合路径流动；建筑的示意指示光可映射对应电阻功率，但标明它是负载状态指示，不额外加入灯泡电学模型或改变负载。
- **五阶段场景重点**：闭合回路为入口配电站；串联分压为灯塔双段供电；并联分流为两户港湾建筑；支路隔离为双码头独立检修；限功率设计为全港安全配电。各设施仍严格使用表中的两个电阻与理想电源，背景建筑不增加隐藏支路。
- **颜色与信息层级**：支路 1 青色、支路 2 琥珀色，图中线路、读数和功率柱保持对应；公共导线为铜灰色。工单面板显示目标，配电表盘显示 V/I/P，阶段路线图显示已修复位置。断开开关具有可见间隙，超功率时高亮实际超限组件与数值。
- **反馈动效**：开关闭合出现短促机械反馈和连通高亮；通过后对应港湾设施亮起完成标记，未通过保留电路及原因，不播放虚假的全港复电动画。

五阶段使用统一的世界观、材质、图标和界面语言，并用上述场景变化和可操作对象体现阶段差异，不能只更换背景图或标题。科学观察区必须是画面主体，场景中的操作与读数来自前文同一套科学状态；不能在独立的装饰游戏旁边另放一个无关联的公式面板。

游戏参考用于确定具体的视觉方向、空间组织和交互质感；角色、场景、图标和界面自行创作，不直接使用参考游戏的角色或素材。无需增加原参考游戏的战斗、经营经济、随机地牢、评分或奖励机制。音效可选；如实现，提供静音并使声音服务于操作与状态反馈。

始终保留可辨认的当前目标、阶段进度、核心操作、科学读数和可收起的反馈区。控件与结果面板不遮挡关键对象、轨迹或光线，文字、单位与刻度清晰。成功和异常同时使用文字或图标，不仅依赖颜色。默认桌面视口 1440×900 下主要实验对象和核心操作无需横向滚动即可使用，较窄视口允许合理重排与纵向滚动。具体构图、角色造型、镜头细节和代码实现自行设计。

## 7. 交付要求

提供完整可运行的纯前端网页，以 `index.html` 为入口，通过本地 HTTP 服务即可打开。附源码、运行说明和已完成的自检说明。

核心流程不依赖后端或外部网络，依赖和资源随项目提供。代码组织、内部命名、绘图技术与算法实现由你决定。界面使用中文，数值明确标注单位。