From 947c6df114829402df4829023b0177a6b1bd7f74 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 13 Feb 2026 21:20:21 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=A7=E7=BB=AD=E6=94=B6=E6=95=9B=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E6=AF=94=E4=BE=8B=E5=B9=B6=E4=BF=AE=E6=AD=A3=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E5=9B=BE=E6=A0=87=E5=B8=83=E5=B1=80=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/home/lovart-home.tsx | 48 ++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/components/home/lovart-home.tsx b/components/home/lovart-home.tsx
index 8cdcdd011..f7e1857af 100644
--- a/components/home/lovart-home.tsx
+++ b/components/home/lovart-home.tsx
@@ -337,7 +337,7 @@ export function LovartHome({
   return (
     <div className="min-h-svh bg-[#f4f4f4] text-[#171717]">
       <header className="fixed left-0 top-0 z-40 h-[68px] w-full border-b border-black/5 bg-[#f4f4f4]/90 backdrop-blur">
-        <div className="mx-auto flex h-full max-w-[1360px] items-center justify-between px-6">
+        <div className="flex h-full items-center justify-between px-7">
           <button
             type="button"
             className="flex items-center gap-2"
@@ -430,53 +430,53 @@ export function LovartHome({
         </div>
       </header>
 
-      <aside className="fixed left-6 top-[300px] z-30 hidden flex-col items-center gap-2.5 lg:flex">
+      <aside className="fixed left-6 top-[292px] z-30 hidden flex-col items-center gap-2 lg:flex">
         <button
           type="button"
           onClick={openNewCanvas}
-          className="flex h-[56px] w-[56px] items-center justify-center rounded-full border border-black/10 bg-white shadow"
+          className="flex h-[52px] w-[52px] items-center justify-center rounded-full border border-black/10 bg-white shadow"
         >
-          <div className="flex h-9 w-9 items-center justify-center rounded-full bg-black text-white">
-            <Plus className="h-[18px] w-[18px]" />
+          <div className="flex h-8 w-8 items-center justify-center rounded-full bg-black text-white">
+            <Plus className="h-4 w-4" />
           </div>
         </button>
 
-        <div className="flex w-[56px] flex-col items-center gap-1 rounded-[28px] border border-black/10 bg-white px-2 py-2 shadow">
+        <div className="flex w-[52px] flex-col items-center gap-1 rounded-[26px] border border-black/10 bg-white px-1.5 py-2 shadow">
           <button
             type="button"
-            className="flex h-9 w-9 items-center justify-center rounded-full bg-black/5"
+            className="flex h-8 w-8 items-center justify-center rounded-full bg-black/5"
             onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
           >
-            <Home className="h-3.5 w-3.5" />
+            <Home className="h-3 w-3" />
           </button>
           <button
             type="button"
-            className="flex h-9 w-9 items-center justify-center rounded-full hover:bg-black/5"
+            className="flex h-8 w-8 items-center justify-center rounded-full hover:bg-black/5"
             onClick={() =>
               projectSectionRef.current?.scrollIntoView({ behavior: "smooth", block: "start" })
             }
           >
-            <Folder className="h-3.5 w-3.5" />
+            <Folder className="h-3 w-3" />
           </button>
           <button
             type="button"
-            className="flex h-9 w-9 items-center justify-center rounded-full hover:bg-black/5"
+            className="flex h-8 w-8 items-center justify-center rounded-full hover:bg-black/5"
             onClick={() => toast.info("个人主页模块后续开放")}
           >
-            <User className="h-3.5 w-3.5" />
+            <User className="h-3 w-3" />
           </button>
           <button
             type="button"
-            className="flex h-9 w-9 items-center justify-center rounded-full hover:bg-black/5"
+            className="flex h-8 w-8 items-center justify-center rounded-full hover:bg-black/5"
             onClick={() => toast.info("帮助中心后续开放")}
           >
-            <Info className="h-3.5 w-3.5" />
+            <Info className="h-3 w-3" />
           </button>
         </div>
       </aside>
 
-      <main className="mx-auto max-w-[1360px] px-6 pb-20 pt-[88px]">
-        <section className="mt-10 text-center">
+      <main className="mx-auto max-w-[1240px] px-6 pb-20 pt-[84px]">
+        <section className="mt-8 text-center">
           <button
             type="button"
             onClick={() => setUpgradeDialogOpen(true)}
@@ -487,7 +487,7 @@ export function LovartHome({
             <span className="text-[#ff7a00]">立即升级</span>
           </button>
 
-          <div className="mt-9 flex items-center justify-center gap-2">
+          <div className="mt-8 flex items-center justify-center gap-2">
             {siteLogo ? (
               <img src={siteLogo} alt={siteName} className="h-10 w-10 rounded-full object-cover" />
             ) : (
@@ -495,18 +495,18 @@ export function LovartHome({
                 <Sparkles className="h-4 w-4" />
               </div>
             )}
-            <h1 className="text-[38px] font-semibold tracking-tight">
+            <h1 className="text-[34px] font-semibold tracking-tight">
               {siteName || "Lovart"} 让设计更简单
             </h1>
           </div>
-          <p className="mt-2 text-[14px] text-black/35">懂你的设计代理，帮你搞定一切</p>
+          <p className="mt-2 text-[13px] text-black/35">懂你的设计代理，帮你搞定一切</p>
 
-          <div className="mx-auto mt-7 w-full max-w-[840px] rounded-[24px] border border-black/10 bg-white px-4 pb-3 pt-4 shadow-[0_10px_24px_rgba(0,0,0,0.05)]">
+          <div className="mx-auto mt-6 w-full max-w-[780px] rounded-[22px] border border-black/10 bg-white px-4 pb-3 pt-4 shadow-[0_10px_24px_rgba(0,0,0,0.05)]">
             <Textarea
               value={prompt}
               onChange={(event) => setPrompt(event.target.value)}
               placeholder="让 Lovart 打造引人注目的社交媒体视觉"
-              className="min-h-[82px] resize-none border-0 bg-transparent px-1 text-[13px] shadow-none focus-visible:ring-0"
+              className="min-h-[76px] resize-none border-0 bg-transparent px-1 text-[12px] shadow-none focus-visible:ring-0"
             />
 
             {files.length > 0 && (
@@ -565,18 +565,18 @@ export function LovartHome({
             </div>
           </div>
 
-          <div className="mt-5 flex flex-wrap items-center justify-center gap-1.5">
+          <div className="mt-4 flex flex-wrap items-center justify-center gap-1.5">
             {PROMPT_TAGS.map((tag) => (
               <button
                 key={tag.label}
                 type="button"
-                className={`inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-[13px] ${
+                className={`inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-[12px] ${
                   tag.highlighted
                     ? "border-[#ffb15f] bg-[#fff4e7] text-[#ff8c1f]"
                     : "border-black/15 bg-white text-black/70"
                 }`}
               >
-                <tag.icon className="h-3.5 w-3.5" />
+                <tag.icon className="h-3 w-3" />
                 {tag.label}
               </button>
             ))}