From e5bfd6a449b6aab7454fef79f3e39c4860197549 Mon Sep 17 00:00:00 2001
From: wudi <wuchendi96@gmail.com>
Date: Sat, 27 Dec 2025 09:54:28 +0800
Subject: [PATCH] style(cards): adjust movie and video card styling

- Change padding from p-3 to pt-3 for movie card title section
- Add text-center alignment to movie card title
- Remove flex layout from video card info section
- Move vod_remarks inside title as bracketed prefix in video card
- Remove separate paragraph for vod_remarks in video card
- Adjust line-clamp and height constraints for video titles
---
 components/home/MovieCard.tsx   |  4 ++--
 components/search/VideoCard.tsx | 12 +++++-------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/components/home/MovieCard.tsx b/components/home/MovieCard.tsx
index 36c5e5a..5ebea6b 100644
--- a/components/home/MovieCard.tsx
+++ b/components/home/MovieCard.tsx
@@ -85,8 +85,8 @@ export const MovieCard = memo(function MovieCard({ movie, onMovieClick }: MovieC
             </div>
           )}
         </div>
-        <div className="p-3">
-          <h3 className="font-semibold text-sm text-[var(--text-color)] line-clamp-2 group-hover:text-[var(--accent-color)] transition-colors">
+        <div className="pt-3">
+          <h3 className="font-semibold text-sm text-center text-[var(--text-color)] line-clamp-2 group-hover:text-[var(--accent-color)] transition-colors">
             {movie.title}
           </h3>
         </div>
diff --git a/components/search/VideoCard.tsx b/components/search/VideoCard.tsx
index 78f82d0..562382a 100644
--- a/components/search/VideoCard.tsx
+++ b/components/search/VideoCard.tsx
@@ -139,15 +139,13 @@ export const VideoCard = memo<VideoCardProps>(({
                     </div>
 
                     {/* Info */}
-                    <div className="p-3 flex-1 flex flex-col">
-                        <h4 className="font-semibold text-sm text-[var(--text-color)] line-clamp-2 min-h-[2.5rem]">
+                    <div className="pt-3">
+                        <h4 className="font-semibold text-sm text-[var(--text-color)] line-clamp-2">
+                            {video.vod_remarks && (
+                                <span className="text-xs text-[var(--accent-color)] mr-1">[{video.vod_remarks}]</span>
+                            )}
                             {video.vod_name}
                         </h4>
-                        {video.vod_remarks && (
-                            <p className="text-xs text-[var(--text-color-secondary)] mt-1 line-clamp-1">
-                                {video.vod_remarks}
-                            </p>
-                        )}
                     </div>
                 </Card>
             </Link>