优化影视发现页面海报墙的显示效果

- 缩小海报墙行距，微调影视类型文本的颜色
- 当存在多个导演时，最多只显示前两位导演的名字

app/static/css/main.css

@@ -5970,7 +5970,8 @@ body .selectable-files tr.selected-file:has([style*="white-space: normal"]) .fil
 .discovery-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-  gap: 20px;
+  column-gap: 20px;
+  row-gap: 14px;
   padding: 0;
 }
 
@@ -6110,7 +6111,7 @@ body .selectable-files tr.selected-file:has([style*="white-space: normal"]) .fil
 
 .discovery-genre {
   font-size: 0.95rem;
-  color: #888;
+  color: #979799;
   margin-bottom: 2px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -6131,7 +6132,8 @@ body .selectable-files tr.selected-file:has([style*="white-space: normal"]) .fil
 @media (max-width: 576px) {
   .discovery-grid {
     grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
-    gap: 20px;
+    column-gap: 20px;
+    row-gap: 14px;
   }
 
   .discovery-btn {

app/templates/index.html

@@ -7209,7 +7209,19 @@
               details.push(parts[2]); // 类型
             }
             if (parts.length >= 4 && parts[3]) {
-              details.push(parts[3]); // 导演
+              // 处理导演信息，最多显示两个导演
+              const directors = parts[3].trim();
+              if (directors) {
+                const directorList = directors.split(/\s+/); // 按空格分割导演名字
+                if (directorList.length > 2) {
+                  // 如果导演超过2个，只取前两个
+                  const limitedDirectors = directorList.slice(0, 2).join(' ');
+                  details.push(limitedDirectors);
+                } else {
+                  // 导演不超过2个，直接显示
+                  details.push(directors);
+                }
+              }
             }
             if (parts.length >= 5 && parts[4]) {
               details.push(parts[4]); // 主演