两小时：带你用 AI 手搓结构力学求解器

请帮我为即将开发的【二维平面杆系结构力学求解器（NSStructure 2D）】编写一份项目级规范文件 CLAUDE.md。

请在规则文件中严格确立以下护栏（Harness）：
1. 行业制图规范：
   - 弯矩图 (BMD) 必须严格绘制在构件的【受拉侧】（禁止画在受压侧）；
   - 全局坐标系约定：X 向右为正，Y 向上为正，顺时针转角为负，逆时针为正；
   - 轴力图 (AFD)：受拉侧与受压侧需用红蓝两色区分（拉为正/蓝，压为负/红）；
   - 剪力图 (SFD)：垂直于构件轴线绘制。
2. 架构三权分立原则（禁止层级污染）：
   - 数据层 (/src/types/ & /src/store/)：只负责节点、构件、荷载与支座的纯响应式状态；
   - 计算层 (/src/core/)：纯 TypeScript 实现直接刚度法，严禁引用任何 UI 或 DOM API；
   - 渲染层 (/src/components/)：负责 Canvas/SVG 坐标映射与用户交互。
3. 单元测试约束：
   - 任何计算内核的修改，必须通过简支梁（跨中集中力 P 与均布荷载 q）的标准理论解校验。

请在 /src/core/solver.ts 中实现二维平面杆系结构的直接刚度法（Direct Stiffness Method）求解内核：
1. 单个平面梁柱单元局部刚度矩阵（6x6）：
   - 包含轴向刚度 (EA/L) 与弯曲刚度 (12EI/L^3, 6EI/L^2, 4EI/L, 2EI/L)；
2. 坐标转换矩阵 [T]：根据杆件空间倾角 θ，将局部刚度矩阵转换为全局刚度矩阵 [K_elem] = [T]^T * [k_local] * [T]；
3. 整体刚度矩阵 [K_global] 装配：根据节点自由度编号完成刚度对号入座；
4. 引入支座边界条件：采用【置大数法】或【乘大数法】处理固定自由度；
5. 求解线性方程组 [K]{Δ} = {P} 得到各节点位移，并反算单元端部内力（轴力 N、剪力 V、弯矩 M）与支座反力。

力学求解已完成，现在需要将计算结果在 Canvas 画布上进行原位专业力学渲染：
1. 弯矩图 (BMD)：
   - 必须绘制在构件的【受拉侧】！
   - 对于均布荷载梁，沿杆长等分 20 个截面，使用二次多项式插值绘制弯矩抛物线并填充浅蓝色半透明阴影；
   - 标注梁跨中最大弯矩值与两端支座弯矩值。
2. 剪力图 (SFD)：垂直于杆件绘制矩形/梯形阴影，标注截面突变处的剪力值；
3. 轴力图 (AFD)：受拉显示为深蓝色，受压显示为橙红色；
4. 变形图：根据节点位移与 Hermite 三次样条曲线绘制变形后的结构外形，支持提供一个 Magnification Factor 滑块动态放大微小变形。

【排错排查】当前为画布加入了鼠标滚轮缩放（Zoom）与拖拽平移（Pan）功能，但在缩放后出现了严重 Bug：
鼠标点击画布添加节点时，生成的节点位置严重偏离了光标实际指向的网格点。

请检查事件监听逻辑并修复：
1. 在鼠标点击事件中，获取 event.clientX 与 event.clientY 后，必须通过当前视口变换矩阵进行逆变换：
   worldX = (screenX - panOffsetX) / currentScale
   worldY = -(screenY - panOffsetY) / currentScale
2. 确保在任何缩放比例下，鼠标十字光标捕捉到的物理世界坐标都精确无误。