design: 胶囊接线规则——线止于胶囊边界，圆弧自最外侧线起弯（线沿半径抵达弧起点）

design-refs/mockup/components.html

@@ -697,7 +697,7 @@
         <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"/><rect class="station" x="141" y="15" width="6" height="14" rx="3"/></svg>
+        <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 141"/><path class="edge" d="M 32 22 H 141"/><path class="edge" d="M 32 26 H 141"/><rect class="station" x="141" y="15" width="6" height="14" rx="3"/></svg>
         <div class="vlabel"><b>flat</b> · 多线胶囊（半嵌卡边）</div>
       </div>
     </div>
@@ -710,9 +710,9 @@
       <path class="edge" d="M 156 194 H 372"/>
       <path class="edge" d="M 168 194 H 236 A 8 8 0 0 0 244 186 V 74 A 8 8 0 0 1 252 66 H 372"/>
       <path class="edge" d="M 440 252 V 265"/>
-      <path class="edge" d="M 508 66 H 596 A 8 8 0 0 1 604 74 V 182 A 8 8 0 0 0 612 190 H 724"/>
-      <path class="edge" d="M 508 194 H 724"/>
-      <path class="edge" d="M 508 322 H 596 A 8 8 0 0 0 604 314 V 206 A 8 8 0 0 1 612 198 H 724"/>
+      <path class="edge" d="M 508 66 H 596 A 8 8 0 0 1 604 74 V 182 A 8 8 0 0 0 612 190 H 721"/>
+      <path class="edge" d="M 508 194 H 721"/>
+      <path class="edge" d="M 508 322 H 596 A 8 8 0 0 0 604 314 V 206 A 8 8 0 0 1 612 198 H 721"/>
       <path class="edge" d="M 860 194 H 872"/>
     </svg>
     <div class="rcard" style="left:20px; top:137px;">
@@ -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>：单线 → 圆点；多线 → 沿线束方向的胶囊（6×14，端头半圆）。</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>