design: 多线站点改竖向胶囊（端头半圆，沿线束方向）；构建改本地渲染器+TMPDIR 重定向规避 /tmp 配额崩溃

design-refs/mockup/components.html

@@ -661,7 +661,7 @@
   <div class="story-head">
     <span class="tag">&lt;CourseGraph /&gt;</span>
     <h2>课程路线图 · 线条是构件</h2>
-    <div class="desc">线条构件：直段 / 转角 / 步进 / 分流 / 并线 / 并行 / 站点，横平竖直。并行线逐条不合并；单线圆点、多线扁点。CourseCard 由路线串联成网。</div>
+    <div class="desc">线条构件：直段 / 转角 / 步进 / 分流 / 并线 / 并行 / 站点，横平竖直。并行线逐条不合并；单线圆点、多线胶囊。CourseCard 由路线串联成网。</div>
   </div>
 
   <!-- 构件：RouteLine 八原语（横平竖直 · 小圆角 · 并行不合并） -->
@@ -697,8 +697,8 @@
         <div class="vlabel"><b>dot</b> · 单线圆点（半嵌卡边）</div>
       </div>
       <div class="linecard">
-        <svg width="176" height="44" viewBox="0 0 176 44"><rect x="6" y="8" width="26" height="28" rx="6" fill="#f4f4f2" stroke="#e2e2e0"/><rect x="144" y="8" width="26" height="28" rx="6" fill="#f4f4f2" stroke="#e2e2e0"/><path class="edge" d="M 32 18 H 144"/><path class="edge" d="M 32 22 H 144"/><path class="edge" d="M 32 26 H 144"/><ellipse class="station" cx="144" cy="22" rx="7" ry="4"/></svg>
-        <div class="vlabel"><b>flat</b> · 多线扁点（半嵌卡边）</div>
+        <svg width="176" height="44" viewBox="0 0 176 44"><rect x="6" y="8" width="26" height="28" rx="6" fill="#f4f4f2" stroke="#e2e2e0"/><rect x="144" y="8" width="26" height="28" rx="6" fill="#f4f4f2" stroke="#e2e2e0"/><path class="edge" d="M 32 18 H 144"/><path class="edge" d="M 32 22 H 144"/><path class="edge" d="M 32 26 H 144"/><rect class="station" x="141" y="15" width="6" height="14" rx="3"/></svg>
+        <div class="vlabel"><b>flat</b> · 多线胶囊（半嵌卡边）</div>
       </div>
     </div>
   </div>
@@ -747,11 +747,11 @@
       <circle class="station" cx="440" cy="252" r="2.8"/>
       <circle class="station" cx="440" cy="265" r="2.8"/>
       <circle class="station" cx="508" cy="322" r="2.8"/>
-      <ellipse class="station" cx="724" cy="194" rx="8" ry="4"/>
+      <rect class="station" x="721" y="187" width="6" height="14" rx="3"/>
       <circle class="station" cx="860" cy="194" r="2.8"/>
     </svg>
     <div style="position:absolute; right:14px; top:262px; font-size:11px; color:#6b6b6b;">→ 下一程：③ 高级教程</div>
-    <div style="position:absolute; right:12px; top:10px; font-size:11px; color:#6b6b6b;">分流 ×1 · 三线并行 ×1 · 圆点 ×10 · 扁点 ×1</div>
+    <div style="position:absolute; right:12px; top:10px; font-size:11px; color:#6b6b6b;">分流 ×1 · 三线并行 ×1 · 圆点 ×10 · 胶囊 ×1</div>
   </div>
 
   <div style="position:absolute; top: 138px; left: 948px; width: 292px;" class="panel">
@@ -761,7 +761,7 @@
       <tr><td class="k"><code>path</code></td><td>Segment[]</td><td>直段/转角/步进序列</td></tr>
       <tr><td class="k"><code>forks</code></td><td>Fork[]</td><td>分流岔口（分出车道）</td></tr>
       <tr><td class="k"><code>merges</code></td><td>Merge[]</td><td>直角并线点</td></tr>
-      <tr><td class="k"><code>stations</code></td><td>Node[]</td><td>单线圆点 / 多线扁点，半嵌卡边</td></tr>
+      <tr><td class="k"><code>stations</code></td><td>Node[]</td><td>单线圆点 / 多线胶囊，半嵌卡边</td></tr>
       <tr><td class="k"><code>status</code></td><td>无 prop</td><td>不在图上编码</td></tr>
     </table>
   </div>
@@ -771,7 +771,7 @@
     <div class="note" style="margin-bottom:4px;"><span class="idx">2</span><span class="txt"><b>背景级线条</b>：鼠尾草绿 <code>#A2B49B</code> · 1.4px · 划隙 4:2；站点 <code>#758C72</code> 半嵌卡边。</span></div>
     <div class="note" style="margin-bottom:4px;"><span class="idx">3</span><span class="txt"><b>横平竖直</b>：走向只有水平与垂直，转折用小圆角 R8。</span></div>
     <div class="note" style="margin-bottom:4px;"><span class="idx">4</span><span class="txt"><b>并行不合并</b>：多线并行逐条渲染，间距 4px，不合成一条。</span></div>
-    <div class="note" style="margin-bottom:4px;"><span class="idx">5</span><span class="txt"><b>站点随线变形</b>：单线 → 圆点 r2.8；多线入同一卡口 → 扁点 rx8×ry4。</span></div>
+    <div class="note" style="margin-bottom:4px;"><span class="idx">5</span><span class="txt"><b>站点随线变形</b>：单线 → 圆点；多线 → 沿线束方向的胶囊（6×14，端头半圆）。</span></div>
     <div class="note" style="margin-bottom:0;"><span class="idx">6</span><span class="txt">顺序为<b>示例占位</b>，填 courses.ts 自动更新。</span></div>
   </div>