From f6b45d98d1199edcb88c8e9f863caa7e9f7907db Mon Sep 17 00:00:00 2001
From: AIGC Developer <developer@aigc.com>
Date: Tue, 21 Oct 2025 17:21:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=99=BD=E8=BE=B9=E9=97=AE=E9=A2=98=20-=20=E5=8E=BB?=
 =?UTF-8?q?=E9=99=A4=E6=89=80=E6=9C=89=E8=BE=B9=E6=A1=86=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E5=85=A8=E5=B1=8F=E6=97=A0=E8=BE=B9=E6=A1=86=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/frontend/src/views/Login.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/demo/frontend/src/views/Login.vue b/demo/frontend/src/views/Login.vue
index 6bff50f..f40f899 100644
--- a/demo/frontend/src/views/Login.vue
+++ b/demo/frontend/src/views/Login.vue
@@ -205,10 +205,16 @@ const handleLogin = async () => {
 <style scoped>
 .login-page {
   min-height: 100vh;
+  width: 100vw;
+  height: 100vh;
   background: url('/images/backgrounds/login.png') center/cover no-repeat;
-  position: relative;
+  position: fixed;
+  top: 0;
+  left: 0;
   overflow: hidden;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  margin: 0;
+  padding: 0;
 }
 
 /* 背景效果已移除，使用图片背景 */
@@ -234,7 +240,7 @@ const handleLogin = async () => {
   background: rgba(26, 26, 46, 0.8);
   backdrop-filter: blur(20px);
   border-radius: 24px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  border: none;
   padding: 50px;
   z-index: 10;
 }
@@ -295,7 +301,7 @@ const handleLogin = async () => {
   width: 100px;
   height: 55px;
   background: rgba(0, 0, 0, 0.3);
-  border: 1px solid rgba(255, 255, 255, 0.2);
+  border: none;
   border-radius: 10px;
   display: flex;
   align-items: center;
@@ -321,7 +327,7 @@ const handleLogin = async () => {
 
 .phone-input :deep(.el-input__wrapper) {
   background: rgba(0, 0, 0, 0.3);
-  border: 1px solid rgba(255, 255, 255, 0.2);
+  border: none;
   border-radius: 10px;
   box-shadow: none;
   height: 55px;
@@ -349,7 +355,7 @@ const handleLogin = async () => {
 
 .code-input :deep(.el-input__wrapper) {
   background: rgba(0, 0, 0, 0.3);
-  border: 1px solid rgba(255, 255, 255, 0.2);
+  border: none;
   border-radius: 10px;
   box-shadow: none;
   height: 55px;
@@ -441,14 +447,13 @@ const handleLogin = async () => {
   padding: 6px 12px;
   background: rgba(0, 0, 0, 0.2);
   border-radius: 6px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  border: none;
   cursor: pointer;
   transition: all 0.3s ease;
 }
 
 .account-item:hover {
   background: rgba(0, 0, 0, 0.4);
-  border-color: rgba(255, 255, 255, 0.3);
   transform: translateY(-1px);
 }