From debc584dd9f7b04f519dbe287b833c1fa7f009aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Sun, 20 Jul 2025 20:53:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=BD=E5=BA=A6=E9=97=AE=E9=A2=98=E5=BD=B1?=
 =?UTF-8?q?=E5=93=8D=E5=AE=9A=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/pages/home-page2.tsx  | 12 ++++++------
 components/pages/style/login.css | 16 ++++++++--------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/components/pages/home-page2.tsx b/components/pages/home-page2.tsx
index 9a55abf..b0b1de0 100644
--- a/components/pages/home-page2.tsx
+++ b/components/pages/home-page2.tsx
@@ -119,14 +119,14 @@ export function HomePage2() {
     <div className="min-h-screen bg-[var(--background)]" ref={containerRef}>
       <div className="flex relative" style={{height: '100vh'}}>
         {/* 工具栏-列表形式切换 */}
-        <div className="absolute top-[8rem] z-[50] right-6 w-[8rem] flex justify-end">
-          <LiquidButton className="w-[8rem] h-[3rem] text-sm"
+        <div className="absolute top-[8rem] z-[50] right-6 w-[128px] flex justify-end">
+          <LiquidButton className="w-[128px] h-[3rem] text-sm"
             onClick={(e: React.MouseEvent) => {
               e.stopPropagation();
               handleToolChange(activeTool === "stretch" ? "right" : "left");
             }}
           >
-            <div className="relative flex items-center justify-around gap-4 w-[8rem] h-[3rem] p-2">
+            <div className="relative flex items-center justify-around gap-4 w-[128px] h-[3rem] p-2">
               <div 
                 className={`cursor-pointer relative z-10 transition-opacity duration-300 ${activeTool === "stretch" ? "opacity-100" : "opacity-50"}`}>
                 <AlignHorizontalSpaceAround className="w-4 h-4 text-white" />
@@ -138,7 +138,7 @@ export function HomePage2() {
               {/* 水滴动画 */}
               <AnimatePresence>
                 <motion.div
-                  className="absolute w-10 h-8 bg-[rgba(255,255,255,0.35)] rounded-full backdrop-blur-[2px] z-[1]"
+                  className="absolute w-[40px] h-8 bg-[rgba(255,255,255,0.35)] rounded-full backdrop-blur-[2px] z-[1]"
                   initial={{ x: dropPosition === "left" ? -32 : 32 }}
                   animate={{
                     x: dropPosition === "left" ? -32 : 32,
@@ -186,8 +186,8 @@ export function HomePage2() {
           />
         </div>
 
-        <div className="w-[8rem] h-[8rem] rounded-[50%] overflow-hidden fixed bottom-[3rem] left-[50%] -translate-x-1/2 z-50">
-          <LiquidButton className="w-[8rem] h-[8rem] text-lg">
+        <div className="w-[128px] h-[128px] rounded-[50%] overflow-hidden fixed bottom-[3rem] left-[50%] -translate-x-1/2 z-50">
+          <LiquidButton className="w-[128px] h-[128px] text-lg">
             <div className="flex items-center justify-center gap-2"
             onClick={(e) => {
               e.stopPropagation();
diff --git a/components/pages/style/login.css b/components/pages/style/login.css
index 855af31..6695a42 100644
--- a/components/pages/style/login.css
+++ b/components/pages/style/login.css
@@ -24,8 +24,8 @@
 }
 
 .auth-container {
-  padding: 2.5rem;
-  border-radius: 1.5rem;
+  padding: 40px;
+  border-radius: 20px;
   max-width: 400px;
   width: 100%;
   position: relative;
@@ -61,7 +61,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  border-radius: 1.5rem;
+  border-radius: 20px;
   background: linear-gradient(135deg,
       rgba(255, 255, 255, 0.1) 0%,
       rgba(255, 255, 255, 0.05) 50%,
@@ -76,7 +76,7 @@
   left: -1px;
   right: -1px;
   bottom: -1px;
-  border-radius: 1.5rem;
+  border-radius: 20px;
   background: linear-gradient(45deg,
       rgba(255, 255, 255, 0.1) 0%,
       rgba(255, 255, 255, 0) 60%);
@@ -417,9 +417,9 @@
 
   .auth-container {
     max-width: 100%;
-    width: calc(100% - 2rem);
+    width: calc(100% - 40px);
     margin: 0;
-    padding: 2rem 1.5rem;
+    padding: 40px 20px;
   }
 
   .login-logo {
@@ -435,8 +435,8 @@
 
 @media (max-width: 480px) {
   .auth-container {
-    padding: 1.5rem 1rem;
-    border-radius: 1rem;
+    padding: 20px 10px;
+    border-radius: 10px;
   }
 
   .login-logo {