style: 优化移动端线路按钮与区间卡片布局

2026-07-17 02:54:35 +08:00
parent 95bf4d3d8e
commit 289ed65e79
2 changed files with 24 additions and 4 deletions
@@ -2443,11 +2443,14 @@ body.jr-order-page .station-map-container text {

    .jr-selection-summary {
        grid-template-columns: 1fr;
+        gap: 8px;
+        margin-bottom: 16px;
    }

    .jr-selection-arrow {
-        min-height: 20px;
+        min-height: 12px;
        transform: rotate(90deg);
+        font-size: 1rem;
    }

    .jr-form-grid,
@@ -2464,6 +2467,20 @@ body.jr-order-page .station-map-container text {
        padding: 10px;
    }

+    .jr-selection-card {
+        padding: 12px 14px;
+    }
+
+    .jr-selection-tag {
+        margin-bottom: 4px;
+        font-size: 0.76rem;
+    }
+
+    .jr-selection-card strong {
+        font-size: 1rem;
+        line-height: 1.35;
+    }
+
    body.jr-order-page .station-map-container svg {
        min-width: 560px;
        transform: none;