From e36a4e6f6ca1c5aa2ebb65b2eab0dfb6c9f0f33b Mon Sep 17 00:00:00 2001
From: x1ao4 <kazaf_ken@163.com>
Date: Mon, 6 Oct 2025 14:42:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=BC=96=E8=BE=91=E5=85=83?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=A8=A1=E6=80=81=E6=A1=86=E5=86=85=E7=9A=84?=
 =?UTF-8?q?=E5=8C=B9=E9=85=8D=E7=BB=93=E6=9E=9C=E7=9A=84=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/css/main.css  | 28 ++++++++++++++++++++++++++++
 app/templates/index.html | 10 ++++++----
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/app/static/css/main.css b/app/static/css/main.css
index ecdc2eb..4a92e2e 100644
--- a/app/static/css/main.css
+++ b/app/static/css/main.css
@@ -7735,6 +7735,34 @@ div:has(> .collapse:not(.show)):has(+ .row.title[title^="资源搜索"]) {
   text-decoration: none;
 }
 
+/* 匹配结果主文本区域：防止换行，仅该区域横向滚动 */
+#editMetadataModal .matched-result {
+  flex-wrap: nowrap !important; /* 整体不换行，季数固定在末尾 */
+  min-width: 0 !important;
+}
+
+#editMetadataModal .matched-result .matched-main {
+  overflow-x: auto !important;   /* 主文本横向滚动 */
+  overflow-y: hidden !important;
+  white-space: nowrap !important; /* 主文本单行 */
+  flex: 1 1 auto !important;     /* 占据剩余空间 */
+  min-width: 0 !important;       /* 允许收缩以形成滚动 */
+  scrollbar-width: none;          /* Firefox 隐藏滚动条 */
+  -ms-overflow-style: none;       /* IE/Edge (旧版) 隐藏滚动条 */
+}
+
+/* WebKit 隐藏滚动条但保留滚动行为 */
+#editMetadataModal .matched-result .matched-main::-webkit-scrollbar {
+  display: none;
+}
+
+/* 主文本内部元素不换行且不被挤压 */
+#editMetadataModal .matched-result .matched-main a,
+#editMetadataModal .matched-result .matched-main span {
+  white-space: nowrap !important;
+  flex-shrink: 0 !important;
+}
+
 /* 编辑元数据底部提示内的 TMDB 链接样式 */
 #editMetadataModal .tmdb-link {
   color: var(--dark-text-color);
diff --git a/app/templates/index.html b/app/templates/index.html
index 1d971c4..b0a92a1 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -2739,10 +2739,12 @@
                       <span class="input-group-text" style="background-color: var(--button-gray-background-color);">匹配结果</span>
                     </div>
                     <div class="form-control matched-result" style="display: flex; align-items: center; gap: 8px;">
-                      <a v-if="editMetadata.display.matched_tmdb_id" href="#" @click.prevent="openTaskMatchedTmdbPage({ match: { tmdb_id: editMetadata.display.matched_tmdb_id } })" class="matched-link">
-                        {{ editMetadata.display.matched_label }}
-                      </a>
-                      <span v-else>{{ editMetadata.display.matched_label }}</span>
+                      <div class="matched-main">
+                        <a v-if="editMetadata.display.matched_tmdb_id" href="#" @click.prevent="openTaskMatchedTmdbPage({ match: { tmdb_id: editMetadata.display.matched_tmdb_id } })" class="matched-link">
+                          {{ editMetadata.display.matched_label }}
+                        </a>
+                        <span v-else>{{ editMetadata.display.matched_label }}</span>
+                      </div>
                       <span v-if="editMetadata.display.matched_season_number" class="matched-season-wrap">
                         <span class="input-group-text square-append">第</span>
                         <a href="#" @click.prevent="editMetadata.display.matched_tmdb_id && window.open('https://www.themoviedb.org/tv/' + editMetadata.display.matched_tmdb_id + '/season/' + parseInt(editMetadata.display.matched_season_number), '_blank')" class="matched-link matched-season">