From e1637da9c6ad264dfcc5bf66b8b9e1777b21e0a7 Mon Sep 17 00:00:00 2001
From: HenryDu8133 <813367384@qq.com>
Date: Sun, 12 Jul 2026 10:19:31 +0800
Subject: [PATCH] =?UTF-8?q?style(web):=20=E4=BC=98=E5=8C=96=E8=BD=A6?=
 =?UTF-8?q?=E7=AB=99=E6=96=87=E6=9C=AC=E9=A2=9C=E8=89=B2=E5=B1=82=E6=AC=A1?=
 =?UTF-8?q?=E5=B9=B6=E5=A2=9E=E5=8A=A0=E7=99=BD=E8=89=B2=E6=8F=8F=E8=BE=B9?=
 =?UTF-8?q?=E4=BB=A5=E8=A7=A3=E5=86=B3=E4=B8=8E=E7=BA=BF=E6=9D=A1=E9=87=8D?=
 =?UTF-8?q?=E5=8F=A0=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/.asset-version-state.json |  4 ++--
 web/asset-versions.json       |  2 +-
 web/ticket-order.html         |  2 +-
 web/ticket-order.js           | 33 +++++++++++----------------------
 4 files changed, 15 insertions(+), 26 deletions(-)

diff --git a/web/.asset-version-state.json b/web/.asset-version-state.json
index 4981276..08ddef0 100644
--- a/web/.asset-version-state.json
+++ b/web/.asset-version-state.json
@@ -16,8 +16,8 @@
     "mtimeMs": 1783602619602.658
   },
   "ticket-order.js": {
-    "size": 40778,
-    "mtimeMs": 1783821841376.1682
+    "size": 40237,
+    "mtimeMs": 1783822753545.6997
   },
   "ticket-search.js": {
     "size": 17269,
diff --git a/web/asset-versions.json b/web/asset-versions.json
index c5a93c9..6fb80f8 100644
--- a/web/asset-versions.json
+++ b/web/asset-versions.json
@@ -3,7 +3,7 @@
   "blog.css": 2,
   "custom-dialog.js": 11,
   "public-status.js": 14,
-  "ticket-order.js": 26,
+  "ticket-order.js": 27,
   "ticket-search.js": 12,
   "ticket-route.js": 3,
   "index.js": 5,
diff --git a/web/ticket-order.html b/web/ticket-order.html
index f590be5..2ce38ad 100644
--- a/web/ticket-order.html
+++ b/web/ticket-order.html
@@ -158,7 +158,7 @@
   </div>
 
   <script src="/custom-dialog.js?v=11"></script>
-  <script src="/ticket-order.js?v=26"></script>
+  <script src="/ticket-order.js?v=27"></script>
   <script src="/public-status.js?v=14"></script>
   <script>
     document.addEventListener('DOMContentLoaded', () => {
diff --git a/web/ticket-order.js b/web/ticket-order.js
index f9722bb..d90e1af 100644
--- a/web/ticket-order.js
+++ b/web/ticket-order.js
@@ -344,10 +344,10 @@
               
               let lx, textX;
               if (isStart) {
-                  lx = x - 28 - nameLen;
+                  lx = x - 40 - nameLen; // Pushed further out to avoid line overlap
                   textX = lx + nameLen / 2;
               } else {
-                  lx = x + 28;
+                  lx = x + 40; // Pushed further out
                   textX = lx + nameLen / 2;
               }
               
@@ -428,18 +428,13 @@
                   const nameY = showEn ? bottomY - 12 : bottomY;
                   const codeY = nameY - 16;
                   
-                  if (isTransfer) {
-                      const labelW = Math.max(72, name.length * 14 + 18, codeW + 16, showEn ? enName.length * 5.5 + 16 : 0);
-                      const labelH = showEn ? 46 : 34;
-                      const rectY = codeY - 10;
-                      labelSvg += `<rect x="${x - labelW / 2}" y="${rectY}" width="${labelW}" height="${labelH}" rx="6" fill="rgba(255,255,255,0.95)" stroke="#cbd5e1" stroke-width="1.5" />`;
-                  }
+                  textContent += `<rect x="${x - codeW / 2}" y="${codeY - 8}" width="${codeW}" height="12" rx="6" fill="#ffffff" stroke="#cbd5e1" stroke-width="1.5" />`;
+                  textContent += `<text x="${x}" y="${codeY + 1}" text-anchor="middle" fill="#64748b" font-size="${codeFontSize}" font-weight="700" letter-spacing="0.02em">${primaryCode}</text>`;
                   
-                  textContent += `<rect x="${x - codeW / 2}" y="${codeY - 8}" width="${codeW}" height="12" rx="3" fill="#f1f5f9" stroke="#cbd5e1" stroke-width="1" />`;
-                  textContent += `<text x="${x}" y="${codeY + 1}" text-anchor="middle" fill="#475569" font-size="${codeFontSize}" font-weight="700" letter-spacing="0.02em">${primaryCode}</text>`;
-                  textContent += `<text x="${x}" y="${nameY}" text-anchor="middle" fill="#334155" font-size="${nameFontSize}" font-weight="${isTransfer ? 800 : 700}">${name}</text>`;
+                  // Text with white halo for readability
+                  textContent += `<text x="${x}" y="${nameY}" text-anchor="middle" fill="#0f172a" font-size="${nameFontSize}" font-weight="800" stroke="#ffffff" stroke-width="4" stroke-linejoin="round" paint-order="stroke fill">${name}</text>`;
                   if (showEn) {
-                      textContent += `<text x="${x}" y="${enY}" text-anchor="middle" fill="#94a3b8" font-size="${enFontSize}" font-weight="600">${enName}</text>`;
+                      textContent += `<text x="${x}" y="${enY}" text-anchor="middle" fill="#64748b" font-size="${enFontSize}" font-weight="700" stroke="#ffffff" stroke-width="3" stroke-linejoin="round" paint-order="stroke fill">${enName}</text>`;
                   }
               } else {
                   const topY = y + 24;
@@ -447,18 +442,12 @@
                   const nameY = topY + 16;
                   const enY = nameY + 12;
                   
-                  if (isTransfer) {
-                      const labelW = Math.max(72, name.length * 14 + 18, codeW + 16, showEn ? enName.length * 5.5 + 16 : 0);
-                      const labelH = showEn ? 46 : 34;
-                      const rectY = codeY - 10;
-                      labelSvg += `<rect x="${x - labelW / 2}" y="${rectY}" width="${labelW}" height="${labelH}" rx="6" fill="rgba(255,255,255,0.95)" stroke="#cbd5e1" stroke-width="1.5" />`;
-                  }
+                  textContent += `<rect x="${x - codeW / 2}" y="${codeY - 8}" width="${codeW}" height="12" rx="6" fill="#ffffff" stroke="#cbd5e1" stroke-width="1.5" />`;
+                  textContent += `<text x="${x}" y="${codeY + 1}" text-anchor="middle" fill="#64748b" font-size="${codeFontSize}" font-weight="700" letter-spacing="0.02em">${primaryCode}</text>`;
                   
-                  textContent += `<rect x="${x - codeW / 2}" y="${codeY - 8}" width="${codeW}" height="12" rx="3" fill="#f1f5f9" stroke="#cbd5e1" stroke-width="1" />`;
-                  textContent += `<text x="${x}" y="${codeY + 1}" text-anchor="middle" fill="#475569" font-size="${codeFontSize}" font-weight="700" letter-spacing="0.02em">${primaryCode}</text>`;
-                  textContent += `<text x="${x}" y="${nameY}" text-anchor="middle" fill="#334155" font-size="${nameFontSize}" font-weight="${isTransfer ? 800 : 700}">${name}</text>`;
+                  textContent += `<text x="${x}" y="${nameY}" text-anchor="middle" fill="#0f172a" font-size="${nameFontSize}" font-weight="800" stroke="#ffffff" stroke-width="4" stroke-linejoin="round" paint-order="stroke fill">${name}</text>`;
                   if (showEn) {
-                      textContent += `<text x="${x}" y="${enY}" text-anchor="middle" fill="#94a3b8" font-size="${enFontSize}" font-weight="600">${enName}</text>`;
+                      textContent += `<text x="${x}" y="${enY}" text-anchor="middle" fill="#64748b" font-size="${enFontSize}" font-weight="700" stroke="#ffffff" stroke-width="3" stroke-linejoin="round" paint-order="stroke fill">${enName}</text>`;
                   }
               }
               labelSvg += textContent;