From c2924c51f396595ef19fb335123267c87b97815c Mon Sep 17 00:00:00 2001
From: AIGC Developer <developer@aigc.com>
Date: Tue, 21 Oct 2025 17:48:35 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=99=BB=E5=BD=95=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E4=BD=8D=E7=BD=AE=E5=B9=B6=E5=BD=BB=E5=BA=95=E6=B6=88?=
 =?UTF-8?q?=E9=99=A4=E7=99=BD=E8=BE=B9=20-=20=E5=8D=A1=E7=89=87=E5=B7=A6?=
 =?UTF-8?q?=E7=A7=BB=EF=BC=8C=E5=BC=BA=E5=8C=96=E5=85=A8=E5=B1=80=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E9=87=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/frontend/src/App.vue         | 30 ++++++++++++++++++++----------
 demo/frontend/src/views/Login.vue |  2 +-
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/demo/frontend/src/App.vue b/demo/frontend/src/App.vue
index 72466f3..9a1da28 100644
--- a/demo/frontend/src/App.vue
+++ b/demo/frontend/src/App.vue
@@ -51,28 +51,38 @@ console.log('App.vue 加载成功')
   box-sizing: border-box;
 }
 
-html, body {
+html {
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
-  overflow: hidden; /* 完全隐藏滚动条 */
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  line-height: 1.6;
-  color: #333;
+  overflow: hidden;
   background: transparent;
 }
 
+body {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background: transparent;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  line-height: 1.6;
+  color: #333;
+}
+
 #app {
-  min-height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
   width: 100vw;
+  height: 100vh;
+  min-height: 100vh;
   display: flex;
   flex-direction: column;
-  position: relative;
   overflow: hidden;
+  background: transparent;
 }
 
 /* 全屏背景层 */
diff --git a/demo/frontend/src/views/Login.vue b/demo/frontend/src/views/Login.vue
index 51b2758..582e8a1 100644
--- a/demo/frontend/src/views/Login.vue
+++ b/demo/frontend/src/views/Login.vue
@@ -233,7 +233,7 @@ const handleLogin = async () => {
 .login-card {
   position: absolute;
   top: 50%;
-  right: 8%;
+  right: 15%; /* 往左移动一些 */
   transform: translateY(-50%);
   width: 500px;
   background: rgba(26, 26, 46, 0.8);