From 7de68f0ca1aa4da710667ef2db9b24f75ea6fb98 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sun, 25 Oct 2026 23:14:54 +0900
Subject: [PATCH] =?UTF-8?q?fix(532-5):=20E03=20=ED=9A=A1=EB=8B=A8=20?=
 =?UTF-8?q?=EA=B8=80(=EC=95=88=EC=A0=84=EC=9C=A8=20=C2=B7=20=EC=A4=91?=
 =?UTF-8?q?=EC=8B=AC)=EC=9D=B4=20=EC=B2=98=EC=9D=8C=20=EB=B3=B4=EA=B8=B0?=
 =?UTF-8?q?=20=ED=99=95=EB=8C=80=20=EB=B0=B0=EC=9C=A8=EB=A7=8C=ED=81=BC=20?=
 =?UTF-8?q?=EC=BB=A4=EC=A7=80=EB=8D=98=20=EA=B2=83=20=E2=80=94=20=EA=B8=80?=
 =?UTF-8?q?=EC=9E=90=EB=8A=94=20=EB=B0=B0=EC=9C=A8=20=EC=97=AD=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 E03_StabSection/E03_StabSection_UI_Section.ts | 16 +++++++++++++---
 E03_StabSection/E03_StabSection_UI_Style.css  |  6 +++---
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/E03_StabSection/E03_StabSection_UI_Section.ts b/E03_StabSection/E03_StabSection_UI_Section.ts
index 7a50b1f15..8bbd73618 100644
--- a/E03_StabSection/E03_StabSection_UI_Section.ts
+++ b/E03_StabSection/E03_StabSection_UI_Section.ts
@@ -305,7 +305,14 @@ export function createSectionCanvas(onPick: (index: number | null) => void): Sec
       labels.append(
         svgEl(
           "text",
-          { x: ax + 8, y: ay - 10, class: "e03-label e03-label--fs", "data-role": "fs-label" },
+          {
+            x: ax,
+            y: ay,
+            dx: "0.6em",
+            dy: "-0.7em",
+            class: "e03-label e03-label--fs",
+            "data-role": "fs-label",
+          },
           `Fs = ${fmt(critical.fs)}`,
         ),
       );
@@ -313,7 +320,7 @@ export function createSectionCanvas(onPick: (index: number | null) => void): Sec
         labels.append(
           svgEl(
             "text",
-            { x: ax + 8, y: ay + 6, class: "e03-label" },
+            { x: ax, y: ay, dx: "0.7em", dy: "0.5em", class: "e03-label" },
             `Xc ${fmt(critical.center[0], 2)} · Zc ${fmt(critical.center[1], 2)} · R ${fmt(critical.radius, 2)} m`,
           ),
         );
@@ -351,7 +358,10 @@ export function createSectionCanvas(onPick: (index: number | null) => void): Sec
       maxScale: MAX_SCALE,
       home: focusHome(fit, view, analysis, width, height, MAX_SCALE),
       initial: zoom,
-      onChange: (state) => (zoom = state),
+      onChange: (state) => {
+        zoom = state;
+        labels.style.setProperty("--e03-label-k", String(1 / state.scale)); // 글자는 확대 안 함
+      },
     });
   };
 
diff --git a/E03_StabSection/E03_StabSection_UI_Style.css b/E03_StabSection/E03_StabSection_UI_Style.css
index 63c515748..c7bbb4419 100644
--- a/E03_StabSection/E03_StabSection_UI_Style.css
+++ b/E03_StabSection/E03_StabSection_UI_Style.css
@@ -420,14 +420,14 @@
 
 .e03-label {
   fill: var(--color-text);
-  font-size: 12px;
+  font-size: calc(12px * var(--e03-label-k, 1));
   paint-order: stroke;
   stroke: var(--e03-plot);
-  stroke-width: 3px;
+  stroke-width: calc(3px * var(--e03-label-k, 1));
 }
 
 .e03-label--fs {
-  font-size: 14px;
+  font-size: calc(14px * var(--e03-label-k, 1));
   font-weight: 700;
 }