diff --git a/frontend/share.html b/frontend/share.html
index ede2533..b553bee 100644
--- a/frontend/share.html
+++ b/frontend/share.html
@@ -82,7 +82,20 @@
       align-items: center;
       gap: 15px;
     }
-    .file-icon {
+    /* 列表视图文件名容器 */
+    .file-name-container {
+      flex: 1;
+      min-width: 0;  /* 允许flex子项缩小到内容大小以下 */
+      max-width: 100%;
+    }
+    .file-name-text {
+      font-weight: 500;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      max-width: 100%;
+    }
+        .file-icon {
       font-size: 24px;
     }
     .loading {
@@ -193,9 +206,17 @@
       font-size: 20px;
       font-weight: 600;
       text-align: center;
-      word-break: break-all;
+      word-break: break-word;
       margin-bottom: 15px;
       color: #333;
+      /* 限制文件名显示，防止过长溢出 */
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 3;  /* 最多显示3行 */
+      -webkit-box-orient: vertical;
+      line-height: 1.4;
     }
     .single-file-size {
       font-size: 16px;
@@ -556,8 +577,8 @@
             <li v-for="file in files" :key="file.name" class="file-item">
               <div class="file-info">
                 <i class="file-icon fas" :class="getFileIcon(file)" :style="getIconColor(file)"></i>
-                <div>
-                  <div style="font-weight: 500;">{{ file.name }}</div>
+                <div class="file-name-container">
+                  <div class="file-name-text">{{ file.name }}</div>
                   <div style="font-size: 12px; color: #999;">{{ file.sizeFormatted }}</div>
                 </div>
               </div>