From 6195ebb6bebbb8db3f35726b32095cfb49da4f7c Mon Sep 17 00:00:00 2001
From: HenryDu8133 <813367384@qq.com>
Date: Sat, 18 Jul 2026 23:51:32 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E4=B8=BA=E7=BA=BF=E8=B7=AF=E5=9B=BE?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E8=A1=A5=E5=85=85=20CC-BY=204.0=20=E7=BD=B2?=
 =?UTF-8?q?=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/home.html       |  3 +--
 web/index.html      | 16 +++++++++-------
 web/style.css       | 16 ++++++++++++++++
 web/ticket-order.js |  7 ++++---
 4 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/web/home.html b/web/home.html
index abf0229..8b4bb90 100644
--- a/web/home.html
+++ b/web/home.html
@@ -207,7 +207,7 @@
                     const img = document.createElement('img');
                     img.alt = '线路图';
                     img.src = `/assets/${encodeURIComponent(m.routeMap)}?v=${encodeURIComponent(mv)}`;
-                    routeMapBox.innerHTML = '<div class="jr-asset-frame"></div>';
+                    routeMapBox.innerHTML = '<div class="jr-asset-frame"></div><div class="jr-asset-credit">线路图署名：CC-BY 4.0</div>';
                     routeMapBox.firstElementChild.appendChild(img);
                 } else {
                     routeMapBox.innerHTML = '<div class="text-muted">暂无线路图</div>';
@@ -246,4 +246,3 @@
 
 
 
-
diff --git a/web/index.html b/web/index.html
index 0fcf9a6..481a929 100644
--- a/web/index.html
+++ b/web/index.html
@@ -826,12 +826,15 @@
                                 </div>
                             </div>
 
-                            <div style="border: 1px solid var(--border); background: #0f172a; min-height: 420px; display: flex; align-items: center; justify-content: center; overflow: auto;">
-                                <template v-if="assetsRouteMapUrl">
-                                    <img :src="assetsRouteMapUrl" alt="线路图预览" style="display: block; max-width: 100%; height: auto; background: #ffffff;">
-                                </template>
-                                <div v-else class="text-muted" style="padding: 24px; text-align: center;">
-                                    暂无线路图，请先上传一张线路图。
+                            <div style="border: 1px solid var(--border); background: #0f172a; min-height: 420px; display: flex; align-items: center; justify-content: center; overflow: auto; padding: 16px; box-sizing: border-box;">
+                                <div style="width: 100%;">
+                                    <template v-if="assetsRouteMapUrl">
+                                        <img :src="assetsRouteMapUrl" alt="线路图预览" style="display: block; max-width: 100%; height: auto; background: #ffffff; margin: 0 auto;">
+                                        <div class="jr-asset-credit" style="color: #cbd5e1;">线路图署名：CC-BY 4.0</div>
+                                    </template>
+                                    <div v-else class="text-muted" style="padding: 24px; text-align: center;">
+                                        暂无线路图，请先上传一张线路图。
+                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -964,4 +967,3 @@
 
 </html>
 
-
diff --git a/web/style.css b/web/style.css
index c80b930..2a3baf4 100644
--- a/web/style.css
+++ b/web/style.css
@@ -2744,6 +2744,22 @@ body.jr-public-page {
     height: auto;
 }
 
+.jr-asset-credit {
+    margin-top: 8px;
+    font-size: 0.82rem;
+    line-height: 1.5;
+    color: #6a786d;
+}
+
+.jr-asset-credit a {
+    color: #0b6b3a;
+    text-decoration: none;
+}
+
+.jr-asset-credit a:hover {
+    text-decoration: underline;
+}
+
 .jr-search-form {
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
diff --git a/web/ticket-order.js b/web/ticket-order.js
index 1024c72..0b50104 100644
--- a/web/ticket-order.js
+++ b/web/ticket-order.js
@@ -183,7 +183,7 @@
       const li = lineStops[activeLineIdx];
       if (!li) {
           if (routeMapUrl) {
-              container.innerHTML = `<div class="tvm-overview tvm-animate"><img src="${routeMapUrl}" alt="线路图总览"></div>`;
+              container.innerHTML = `<div class="tvm-overview tvm-animate"><div class="tvm-overview-frame"><img src="${routeMapUrl}" alt="线路图总览"><div class="jr-asset-credit">线路图署名：CC-BY 4.0</div></div></div>`;
           } else {
               container.innerHTML = '<div class="tvm-overview-empty">暂未选择线路，且暂无已上传线路图。</div>';
           }
@@ -399,8 +399,9 @@
             .tvm-lines { display: flex; flex-wrap: wrap; gap: 6px; margin-top: -8px; margin-bottom: 2px; }
             .tvm-line-btn { flex: 0 0 auto; white-space: nowrap; }
             .tvm-single-line, .tvm-route { overflow-x: auto; padding: 10px 0; min-height: 120px; display: flex; align-items: center; justify-content: flex-start; }
-            .tvm-overview { width: 100%; min-height: 120px; display: flex; align-items: center; justify-content: center; background: #f8fbf8; border: 1px solid #d7e0d3; }
-            .tvm-overview img { display: block; max-width: 100%; height: auto; background: #ffffff; }
+            .tvm-overview { width: 100%; min-height: 120px; display: flex; align-items: center; justify-content: center; background: #f8fbf8; border: 1px solid #d7e0d3; padding: 10px; box-sizing: border-box; }
+            .tvm-overview-frame { width: 100%; }
+            .tvm-overview img { display: block; max-width: 100%; height: auto; background: #ffffff; margin: 0 auto; }
             .tvm-overview-empty { width: 100%; min-height: 120px; display: flex; align-items: center; justify-content: center; color: #64748b; background: #f8fbf8; border: 1px solid #d7e0d3; padding: 16px; text-align: center; }
             .tvm-route-title { font-weight: bold; margin-bottom: -15px; color: #475569; display: none; font-size: 14px; }
             .tvm-route { margin-top: -4px; }