refactor(web): 优化订票线路图布局与换乘站视觉表现

web/style.css

@@ -1432,22 +1432,24 @@ input[type="date"].input::-webkit-calendar-picker-indicator {
 
 /* Station Map */
 .station-map-container {
-    background: #00000033;
-    padding: 24px;
-    border-radius: 8px;
+    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), rgba(248,250,252,0.95) 38%, rgba(241,245,249,0.98) 100%);
+    padding: 22px 24px 16px;
+    border-radius: 24px;
     margin-bottom: 20px;
     overflow-x: auto;
     display: flex;
     justify-content: center;
     min-height: 380px;
     align-items: center;
+    border: 1px solid rgba(148, 163, 184, 0.28);
+    box-shadow: inset 0 1px 0 rgba(255,255,255,0.66);
 }
 
 .station-map-container svg {
     min-width: 680px;
     max-width: 100%;
     height: auto;
-    transform: scale(1.06);
+    transform: scale(1.02);
     transform-origin: center center;
 }
 
@@ -1458,7 +1460,7 @@ input[type="date"].input::-webkit-calendar-picker-indicator {
 .map-station.start .node-core { fill: var(--success) !important; r: 10; stroke: white; stroke-width: 3; }
 .map-station.end .node-core { fill: var(--danger) !important; r: 10; stroke: white; stroke-width: 3; }
 .map-station text { pointer-events: none; }
-.map-station.transfer .node-core { stroke: #ffffffcc; stroke-width: 3; }
+.map-station.transfer .node-core { stroke: #e2e8f0; stroke-width: 3; }
 .map-station.route .node-core { stroke: var(--primary); stroke-width: 4; }
 .map-station.route-transfer .node-core { stroke: #f59e0b; stroke-width: 4; }
 
@@ -2350,7 +2352,7 @@ body.jr-order-page .map-station:hover .node-core {
 }
 
 body.jr-order-page .map-station .node-core {
-    stroke: #1d3326;
+    stroke: #334155;
 }
 
 body.jr-order-page .map-station.start .node-core {
@@ -2369,6 +2371,10 @@ body.jr-order-page .map-station.route-transfer .node-core {
     stroke: #d69a0f;
 }
 
+body.jr-order-page .station-map-container text {
+    letter-spacing: 0.02em;
+}
+
 @media (max-width: 1080px) {
     .jr-hero,
     .jr-content-grid {
@@ -4522,4 +4528,4 @@ body.jr-admin-login-page {
     border-color: white;
 }
 ␍
-
+