fix(B06 십자선): 십자선 = 형상과 한 높이(측점 설계 높이) · 원지반 십자선 · 평면 초안 계획선 표본도 초안 종단 (413-1)

- 카드 · B05 오른쪽 판 · [상세] 창 십자선 · 계획 상자 = section.design.design_elevation_m · 설계 없을 때만 종단 표본
- 원지반 십자선(center_z · 원지반 색 · 다른 무리) 먼저 그림 · 겹치면 보라 위 · 확대 보정 둘 다
- [상세] 표 원지반고 = 원지반 십자 · 절성토고 = 둘 다
- 시험 318 · 150 · 164 고쳐 씀

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013QyNXY2TUKXCFMwAca2APG

B06_Section/B06_Section_UI_Cross_Detail.ts

@@ -37,6 +37,7 @@ import {
   type ZoomPanState,
 } from "../A00_Common/b_svg_zoom_pan";
 import { buildZoomControls } from "./B06_Section_UI_Cross_View_Zoom";
+import { unscaleAt } from "./B06_Section_UI_Cross_View_Frame";
 import { detailHomeView, layerPoints } from "./B06_Section_UI_Cross_Detail_Home";
 import { attachDetailTable, designForTable, groupSpan } from "./B06_Section_UI_Cross_Detail_Table";
 import { createCrossAxes, IDENTITY_VIEW, type CrossAxesOptions } from "./B06_Section_UI_Cross_Axes";
@@ -209,16 +210,20 @@ export function attachDetailZoom(
   const [, , width, height] = (clone.getAttribute("viewBox") ?? "").split(/[\s,]+/).map(Number);
   const axisLayer = clone.querySelector<SVGGElement>("g.b06-chart__axes");
   const renderAxes = axes && axisLayer ? createCrossAxes(axisLayer, axes) : null;
+  // 십자 중심 = 세로 선 x1 · y1 + 18 · 계획 십자가 첫 보기 중심 · 원지반 십자도 크기 되돌림(413)
+  const centerOf = (marker: Element | null): [number, number] => {
+    const line = marker?.querySelector("line");
+    return [Number(line?.getAttribute("x1")), Number(line?.getAttribute("y1")) + 18];
+  };
   const marker = layer.querySelector<SVGGElement>("g.b06-chart__center");
   const markerLine = marker?.querySelector("line");
-  const cx = Number(markerLine?.getAttribute("x1"));
-  const cy = Number(markerLine?.getAttribute("y1")) + 18;
+  const [cx, cy] = centerOf(marker);
+  const ground = layer.querySelector<SVGGElement>("g.b06-chart__ground-center");
+  const [gx, gy] = centerOf(ground);
   const follow = (state: ZoomPanState): void => {
     renderAxes?.(state);
-    marker?.setAttribute(
-      "transform",
-      `translate(${cx} ${cy}) scale(${1 / Math.max(state.scale, 1e-6)}) translate(${-cx} ${-cy})`,
-    );
+    marker?.setAttribute("transform", unscaleAt(cx, cy, state.scale));
+    ground?.setAttribute("transform", unscaleAt(gx, gy, state.scale));
   };
   follow(initial ?? IDENTITY_VIEW);
   const plot = {