From 9c58618bf72f6ff645a56de4f439c256052fcb09 Mon Sep 17 00:00:00 2001
From: mtvpls <mtvpls@redaaa.ip-ddns.com>
Date: Sun, 28 Dec 2025 21:11:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E6=9B=B4=E5=A4=9A=E6=8E=A8?=
 =?UTF-8?q?=E8=8D=90=E6=97=A0=E6=95=B0=E6=8D=AE=E6=97=B6=E7=9A=84=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/play/page.tsx                   | 27 ++---------
 src/components/SmartRecommendations.tsx | 59 ++++++++++++++-----------
 2 files changed, 38 insertions(+), 48 deletions(-)

diff --git a/src/app/play/page.tsx b/src/app/play/page.tsx
index 4c65317..e308398 100644
--- a/src/app/play/page.tsx
+++ b/src/app/play/page.tsx
@@ -5351,29 +5351,10 @@ function PlayPageClient() {
         </div>
 
         {/* 推荐区域 */}
-        {(videoDoubanId !== 0 || videoTitle) && (
-          <div className='mt-6 -mx-3 md:mx-0 md:px-4'>
-            <div className='bg-white/50 dark:bg-gray-800/50 backdrop-blur-sm rounded-xl border border-gray-200/50 dark:border-gray-700/50 overflow-hidden'>
-              {/* 标题 */}
-              <div className='px-3 md:px-6 py-4 border-b border-gray-200 dark:border-gray-700'>
-                <h3 className='text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2'>
-                  <svg className='w-5 h-5' fill='currentColor' viewBox='0 0 24 24'>
-                    <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/>
-                  </svg>
-                  更多推荐
-                </h3>
-              </div>
-
-              {/* 推荐内容 */}
-              <div className='px-3 pt-3 md:px-6 md:pt-6'>
-                <SmartRecommendations
-                  doubanId={videoDoubanId !== 0 ? videoDoubanId : undefined}
-                  videoTitle={videoTitle}
-                />
-              </div>
-            </div>
-          </div>
-        )}
+        <SmartRecommendations
+          doubanId={videoDoubanId !== 0 ? videoDoubanId : undefined}
+          videoTitle={videoTitle}
+        />
 
         {/* 豆瓣评论区域 */}
         {videoDoubanId !== 0 && enableComments && (
diff --git a/src/components/SmartRecommendations.tsx b/src/components/SmartRecommendations.tsx
index 92506c2..97e42a3 100644
--- a/src/components/SmartRecommendations.tsx
+++ b/src/components/SmartRecommendations.tsx
@@ -238,35 +238,44 @@ export default function SmartRecommendations({
     );
   }
 
-  if (error) {
-    return (
-      <div className='text-center py-8 text-gray-500 dark:text-gray-400'>
-        {error}
-      </div>
-    );
-  }
-
-  if (recommendations.length === 0) {
+  if (error || recommendations.length === 0) {
     return null;
   }
 
   return (
-    <ScrollableRow scrollDistance={600} bottomPadding='pb-2'>
-      {recommendations.map((rec, index) => (
-        <div
-          key={rec.doubanId || rec.tmdbId || index}
-          className='min-w-[96px] w-24 sm:min-w-[140px] sm:w-[140px]'
-        >
-          <VideoCard
-            title={rec.title}
-            poster={rec.poster}
-            rate={rec.rating}
-            douban_id={rec.doubanId ? parseInt(rec.doubanId) : undefined}
-            tmdb_id={rec.tmdbId}
-            from={rec.doubanId ? 'douban' : 'tmdb'}
-          />
+    <div className='mt-6 -mx-3 md:mx-0 md:px-4'>
+      <div className='bg-white/50 dark:bg-gray-800/50 backdrop-blur-sm rounded-xl border border-gray-200/50 dark:border-gray-700/50 overflow-hidden'>
+        {/* 标题 */}
+        <div className='px-3 md:px-6 py-4 border-b border-gray-200 dark:border-gray-700'>
+          <h3 className='text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2'>
+            <svg className='w-5 h-5' fill='currentColor' viewBox='0 0 24 24'>
+              <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/>
+            </svg>
+            更多推荐
+          </h3>
         </div>
-      ))}
-    </ScrollableRow>
+
+        {/* 推荐内容 */}
+        <div className='px-3 pt-3 md:px-6 md:pt-6'>
+          <ScrollableRow scrollDistance={600} bottomPadding='pb-2'>
+            {recommendations.map((rec, index) => (
+              <div
+                key={rec.doubanId || rec.tmdbId || index}
+                className='min-w-[96px] w-24 sm:min-w-[140px] sm:w-[140px]'
+              >
+                <VideoCard
+                  title={rec.title}
+                  poster={rec.poster}
+                  rate={rec.rating}
+                  douban_id={rec.doubanId ? parseInt(rec.doubanId) : undefined}
+                  tmdb_id={rec.tmdbId}
+                  from={rec.doubanId ? 'douban' : 'tmdb'}
+                />
+              </div>
+            ))}
+          </ScrollableRow>
+        </div>
+      </div>
+    </div>
   );
 }