From be9322583e11ec8ae80fc465d9528881f67fc614 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 13 Feb 2026 23:24:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E6=95=9B=E6=9C=80=E8=BF=91=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E6=A0=87=E9=A2=98=E4=B8=8E=E5=8D=A1=E7=89=87=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E5=B9=B6=E5=A2=9E=E5=8A=A0=E5=9B=BE=E7=89=87=E6=82=AC?=
 =?UTF-8?q?=E5=81=9C=E7=BC=A9=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/home/lovart-home.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/components/home/lovart-home.tsx b/components/home/lovart-home.tsx
index 78e96483a..3e3afd4e9 100644
--- a/components/home/lovart-home.tsx
+++ b/components/home/lovart-home.tsx
@@ -585,7 +585,7 @@ export function LovartHome({
 
         <section ref={projectSectionRef} className="mt-20">
           <div className="mb-4 flex items-center justify-between">
-            <h2 className="text-3xl font-semibold tracking-tight">最近项目</h2>
+            <h2 className="text-[18px] font-semibold tracking-tight">最近项目</h2>
             <button
               type="button"
               className="inline-flex items-center gap-1 text-base text-black/45 hover:text-black"
@@ -604,8 +604,8 @@ export function LovartHome({
             >
               <div className="flex aspect-[4/3] items-center justify-center rounded-2xl bg-[#efefef]">
                 <div className="text-center">
-                  <div className="mb-2 text-4xl">+</div>
-                  <div className="text-base">新建项目</div>
+                  <div className="mb-2 text-3xl">+</div>
+                  <div className="text-[14px]">新建项目</div>
                 </div>
               </div>
             </button>
@@ -615,17 +615,21 @@ export function LovartHome({
                 key={item.id}
                 type="button"
                 onClick={() => router.push(`/canvas/${item.id}`)}
-                className="rounded-[22px] border border-black/8 bg-white p-3 text-left shadow-sm transition hover:-translate-y-0.5"
+                className="group rounded-[22px] border border-black/8 bg-white p-3 text-left shadow-sm transition hover:-translate-y-0.5"
               >
                 <div className="aspect-[4/3] overflow-hidden rounded-2xl bg-[#efefef]">
                   {item.thumbnail ? (
-                    <img src={item.thumbnail} alt={item.title} className="h-full w-full object-cover" />
+                    <img
+                      src={item.thumbnail}
+                      alt={item.title}
+                      className="h-full w-full object-cover transition-transform duration-300 ease-out group-hover:scale-[1.03]"
+                    />
                   ) : (
                     <div className="flex h-full w-full items-center justify-center text-black/35">Untitled</div>
                   )}
                 </div>
-                <div className="mt-3 text-xl font-medium">{item.title || "Untitled"}</div>
-                <div className="mt-1 text-sm text-black/35">{formatRelativeTime(item.updatedAt || item.createdAt)}</div>
+                <div className="mt-3 text-[14px] font-medium">{item.title || "Untitled"}</div>
+                <div className="mt-1 text-xs text-black/35">{formatRelativeTime(item.updatedAt || item.createdAt)}</div>
               </button>
             ))}