From 95bf4d3d8e98e6bebb66221c386495a0058eab9e Mon Sep 17 00:00:00 2001
From: HenryDu8133 <813367384@qq.com>
Date: Fri, 17 Jul 2026 01:19:35 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=90=8C=E6=AD=A5=E8=B4=AD=E7=A5=A8?=
 =?UTF-8?q?=E9=A1=B5=E7=A7=BB=E5=8A=A8=E7=AB=AF=E7=9B=B4=E8=A7=92=E4=B8=8E?=
 =?UTF-8?q?=E7=BA=BF=E8=B7=AF=E5=88=97=E8=A1=A8=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/style.css       |  7 ++++---
 web/ticket-order.js | 20 +++++++++++++++-----
 2 files changed, 19 insertions(+), 8 deletions(-)
diff --git a/web/style.css b/web/style.css
index 01f2936..3db109c 100644
--- a/web/style.css
+++ b/web/style.css
@@ -2461,11 +2461,11 @@ body.jr-order-page .station-map-container text {
     }
 
     .jr-station-map {
-        padding: 14px;
+        padding: 10px;
     }
 
     body.jr-order-page .station-map-container svg {
-        min-width: 620px;
+        min-width: 560px;
         transform: none;
     }
 
@@ -4529,5 +4529,6 @@ body.jr-admin-login-page {
          b a c k g r o u n d - c o l o r :   v a r ( - - w a r n i n g ) ; 
          b o r d e r - c o l o r :   w h i t e ; 
  } 
-  
+ 
+ 
  
diff --git a/web/ticket-order.js b/web/ticket-order.js
index 165730b..90a1cd7 100644
--- a/web/ticket-order.js
+++ b/web/ticket-order.js
@@ -381,19 +381,29 @@
                 to { opacity: 1; transform: translateX(0); }
             }
             .tvm-animate { animation: tvmFadeIn 0.3s ease-out forwards; }
+            .tvm-layout { display: flex; flex-direction: column; gap: 16px; width: 100%; }
+            .tvm-lines { display: flex; flex-wrap: wrap; gap: 6px; margin-top: -8px; margin-bottom: 2px; }
+            .tvm-single-line, .tvm-route { overflow-x: auto; padding: 10px 0; min-height: 120px; display: flex; align-items: center; justify-content: flex-start; }
+            .tvm-route-title { font-weight: bold; margin-bottom: -12px; color: #475569; display: none; font-size: 14px; }
             .tvm-scroll-container { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
             .tvm-scroll-container::-webkit-scrollbar { height: 4px; }
             .tvm-scroll-container::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 0; }
             .tvm-scroll-container::-webkit-scrollbar-track { background: transparent; }
+            @media (max-width: 768px) {
+                .tvm-layout { gap: 12px; }
+                .tvm-lines { gap: 5px; margin-top: -12px; margin-bottom: 0; }
+                .tvm-single-line, .tvm-route { min-height: 112px; padding: 6px 0 8px; }
+                .tvm-route-title { margin-bottom: -8px; font-size: 13px; }
+            }
           </style>`;
 
           mapContainer.innerHTML = `
             ${fadeStyle}
-            <div class="tvm-layout" style="display: flex; flex-direction: column; gap: 16px; width: 100%;">
-                <div class="tvm-lines" id="tvmLines" style="display: flex; flex-wrap: wrap; gap: 6px; margin-top: -8px; margin-bottom: 2px;"></div>
-                <div class="tvm-single-line tvm-scroll-container" id="tvmSingleLine" style="overflow-x: auto; padding: 10px 0; min-height: 120px; display: flex; align-items: center; justify-content: flex-start;"></div>
-                <div class="tvm-route-title" style="font-weight: bold; margin-bottom: -12px; color: #475569; display: none; font-size: 14px;" id="tvmRouteTitle">已选路径</div>
-                <div class="tvm-route tvm-scroll-container" id="tvmRoute" style="overflow-x: auto; padding: 10px 0; border-top: 1.5px dashed #cbd5e1; min-height: 120px; display: none; align-items: center; justify-content: flex-start;"></div>
+            <div class="tvm-layout">
+                <div class="tvm-lines" id="tvmLines"></div>
+                <div class="tvm-single-line tvm-scroll-container" id="tvmSingleLine"></div>
+                <div class="tvm-route-title" id="tvmRouteTitle">已选路径</div>
+                <div class="tvm-route tvm-scroll-container" id="tvmRoute" style="border-top: 1.5px dashed #cbd5e1; display: none;"></div>
             </div>
           `;
           
