请实现一个以**直流电路连接、串并联、电压电流与功率**为主题的二维交互可视化网页。

用户在港湾配电工作台上连接元件、拨动开关、调节电压与电阻，并把电压表探针接到实际端点，观察结构和参数怎样共同改变电流、分压和功率。接线板是主要操作场景，测量、动画、读数和科学解释随当前电路即时变化，形成可以连续探索的完整网页。

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

工作台提供一个理想直流电源、两个线性电阻R₁/R₂、三个理想开关和可增删的理想导线。电压范围3–12 V、步长0.1 V、默认12 V；电阻各10–100 Ω、步长1 Ω、默认20 Ω和40 Ω，提供滑块与精确输入。元件数量固定，开关可放到用户需要控制的通路；不扩展多电源、交流、电容、电感、温变或真实灯泡模型。

元件有清楚的端口，用户通过拖线或依次点击两个端口建立连接，可以删除线和移动元件。端口允许分支连接；导线交叉仅在有明确连接点时电气相连，移动元件保持原连接。提供串联、并联和空白接线示例供随时载入，载入示例不限制后续改接。首次打开为电源12 V、R₁=20 Ω、R₂=40 Ω的并联接线，三个开关均闭合，其中一个控制总回路、另两个分别控制支路；后续开关的作用由真实接线决定。

稳态按V=IR、P=VI=I²R、节点电流守恒及回路电压关系求解；不能只识别某个预设标签就填入一组固定读数。电源负端为接源部分的零电位参考。显示电源总电流、负载等效电阻和每个电阻的电压差、电流大小及功率；电流箭头遵循传统电流方向，电阻电压端点及正负含义可辨。

无闭合负载通路时总电流为0、等效电阻显示“断路”；被理想导线旁路的电阻压降和电流均为0。与电源脱离的无源部分无电流，其内部连通节点等势，但相对于电源的绝对电位未定义。电压表为不扰动电路的理想测量，显示红端减黑端的电位差：交换探针符号反转；同一电气节点读0；未接好、或两探针分属无共同电位参考的独立部分时显示明确的不可测原因，不用0或旧数值代替。断开通路的两端仍可能存在电压，不能将断路的所有电压都清零。

若理想导线和闭合开关直接连通电源两极，标出实际短路通路，并将电流、功率等不再适用的有限读数标为“理想短路，模型无有限稳态解”；不能人为加内阻、限流或熔断来掩盖该状态。保留接线与编辑能力，移除短接后即时恢复求解。无需给冗余理想导线回路强行分配唯一电流，元件电流与确定的通路示意须正确。

## 2. 核心交互与动态反馈

用户可以拖线或依次点选两个端口接线。连接过程中显示起点、候选端点和导线预览；仅在落到合法端口或确认第二个端口时建立实际连接，取消或未接到端口时保留原电路和读数。连线交叉与真实连接点在视觉上可区分。移动元件时，连线与已附着探针随端口移动，纯粹改变位置不改变电路拓扑或电学结果。

选中元件后，就近显示其可调参数，并同步突出元件标识、两端端口及对应读数、功率表示。选择状态与测量状态彼此独立：切换选中元件不会移动电压表探针或改变测量端点。R₁/R₂的身份在移动和改接后保持可辨，用户能从读数找到实际对象。

红黑探针可分别放到实际端口，红端、黑端和测量读数有明确对应。抬起或移离端口时，该测量立即标为未接好；落到合法端点后显示当前电位差。探针保留在端口时，接线、开关或参数变化使仪表即时重算；交换探针位置使符号相应改变。不可测、断路和理想短路按当前模型状态解释，旧读数不会作为当前有效测量残留。

拖动电压或阻值滑块的过程中持续更新计算与表示，无需等待松手；精确输入确认后同样更新。电流示意、元件压降、功率条和负载光效共同响应当前值。每个电阻标出3 W参考额定线，超限时提示实际功率；异常解除后，对应读数和视觉状态自然恢复。科学说明随所选对象或测量位置展开，保留用户自由操作的工作台。

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

接线、开关状态、选中元件、电压探针和计算结果使用同一电路状态。修改电压、阻值或连接后，数字、功率条、通路高亮和仪表同步更新。显示源输出功率与两电阻消耗功率的对应关系；功率指示使用同一标尺，超过参考额定功率仍保留真实读数与超限标记。

电流粒子或流动箭头只在实际导通且电流非零的通路上出现，方向正确、快慢表示相对变化，注明为示意而非电子真实运动。电阻的暖光或港口建筑指示光可映射其功率，但标明为负载状态表达，不追加灯泡的非线性电学。

连接预览、实际连线、当前探针和所选元件使用可辨的状态样式。删除所依附对象立即使对应测量失效；接线与测量状态的反馈遵循第二节的操作语义。

## 4. 连续交互与状态恢复

接线、移动、删线和测量的模式切换清楚，当前模式及可操作对象容易判断，误操作后可直接取消或修复。串联、并联和空白示例均是可继续编辑的起点。

提供一个“恢复默认电路”入口；载入示例替换当前电路并清理旧探针、悬停和选择状态。可暂停装饰性的电流流动，暂停示意不阻止调参和科学读数更新，界面说明这一含义。工作台持续开放编辑，不设置实验提交或关卡进度。

## 5. 科学反馈与结果解释

在操作附近给出简洁反馈，例如哪条通路断开、哪个负载被旁路、哪个电阻功率超限。选中元件时展示其实际V/I/R/P及相应公式代入；探针测量保留正负号和单位。解释串联与并联差异时，使用当前接线及当前读数，避免只放一段与操作无关的教材说明。

每个电阻独立显示实际功率与3 W参考额定值的关系，源输出与总负载功率另行对应；参数变化后即时更新，不以总功率替代单个电阻的状态。短路、断路、悬浮和测量未接好的状态各有原因与可操作的恢复提示，反馈不遮住用户需要修改的接线。

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

**游戏风格：Minecraft红石式网格建造的操作质感，结合蒸汽港湾的夜间配电工作台。** 二维正视接线板构成视觉主体，周围有木质码头、铜线、黄铜开关、深蓝海面和暖光建筑，形成统一场景。构图、字体、图标和面板组织自行设计。

- **场景与材质**：工作台层次清楚，端口、连线和测量仪器在暗色环境中可读。细腻的网格、金属接头和玻璃表盘表达材质，远景海雾与灯塔提供空间感，视觉重心保持在实际电路上。
- **科学操作的游戏化呈现**：拉线具有端点吸附与连通反馈，闸刀有明确开合位置；选中电阻后就近调阻值，探针以红黑实体表笔连接端口。器件的视觉位置和实际操作范围一致。
- **探索场景重点**：改接时突出拓扑和通路；测量时突出端点、极性及仪表；功率调整时突出对应负载、实际功率与参考额定线。同一场景通过观察重点变化承载探索，保持控件位置稳定。
- **颜色与信息层级**：R₁青色、R₂琥珀色，元件标签、对应读数和功率条一致；导线连通状态、短路与开关间隙同时用形状或文字表示。主次分明，主要读数可扫读，公式详情可收起。
- **反馈动效**：接线成功给出短促连通脉冲，开关有机械反馈，调参时光效与功率同步。超限提示定位实际对象，修复短路后状态自然恢复；动效避免遮挡端口或伪造供电结果。

默认1440×900下主要接线区、探针与核心操作无需横向滚动。窄屏允许重新排列和纵向滚动，端口及按钮保持易于点击，接线亦可用点选完成。标签、单位、刻度与对比度清晰；结果不只靠颜色，音效可选且可静音。角色、图标与素材自行创作。

## 7. 交付要求

提供完整可运行的纯前端网页，以`index.html`为入口，通过本地HTTP服务即可打开。附源码、运行说明和实际完成的自检说明，核心流程不依赖后端或外部网络，依赖与资源随项目提供。

界面中文，单位明确。绘图技术、内部命名、算法及代码组织自行选择，未完成或未验证部分如实说明。