From 9266d98de3b53dbd96962c739a361f3cd186e39d Mon Sep 17 00:00:00 2001
From: AIGC Developer <developer@aigc.com>
Date: Tue, 21 Oct 2025 17:35: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=E5=B8=83=E5=B1=80=E5=92=8C=E5=85=A8=E5=B1=8F=E8=A6=86?=
 =?UTF-8?q?=E7=9B=96=20-=20=E6=81=A2=E5=A4=8D=E5=AE=B9=E5=99=A8=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84=EF=BC=8C=E4=BC=98=E5=8C=96=E8=83=8C=E6=99=AF=E5=B1=82?=
 =?UTF-8?q?=E7=BA=A7=EF=BC=8C=E6=B6=88=E9=99=A4=E7=99=BD=E8=BE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/demo/frontend/src/App.vue b/demo/frontend/src/App.vue
index 621ef4a..72466f3 100644
--- a/demo/frontend/src/App.vue
+++ b/demo/frontend/src/App.vue
@@ -56,7 +56,7 @@ html, body {
   width: 100%;
   margin: 0;
   padding: 0;
-  overflow-x: hidden;
+  overflow: hidden; /* 完全隐藏滚动条 */
 }
 
 body {
@@ -83,7 +83,7 @@ body {
   width: 100vw;
   height: 100vh;
   min-height: 100vh;
-  z-index: -2;
+  z-index: -10; /* 确保在最底层 */
   pointer-events: none;
   background-attachment: fixed;
 }
@@ -106,16 +106,13 @@ main.with-navbar {
   min-height: 100vh;
 }
 
-/* 登录页面特殊背景处理 - 参考Welcome页面样式 */
+/* 登录页面特殊背景处理 */
 #app[data-route="Login"] .fullscreen-background {
   background: url('/images/backgrounds/login.png') center/cover no-repeat;
   background-attachment: fixed;
-  min-height: 100vh;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
 /* ========== 页面特殊样式 ========== */
diff --git a/demo/frontend/src/views/Login.vue b/demo/frontend/src/views/Login.vue
index d33af93..51b2758 100644
--- a/demo/frontend/src/views/Login.vue
+++ b/demo/frontend/src/views/Login.vue
@@ -1,9 +1,10 @@
 <template>
-  <!-- Logo -->
-  <div class="logo">Logo</div>
-  
-  <!-- 登录卡片 -->
-  <div class="login-card">
+  <div class="login-page">
+    <!-- Logo -->
+    <div class="logo">Logo</div>
+    
+    <!-- 登录卡片 -->
+    <div class="login-card">
       <!-- Logo图标 -->
       <div class="card-logo">
         <div class="logo-icon">Logo</div>
@@ -83,6 +84,7 @@
         </div>
       </div>
     </div>
+  </div>
 </template>
 
 <script setup>
@@ -201,7 +203,20 @@ const handleLogin = async () => {
 </script>
 
 <style scoped>
-/* 登录页面样式 - 背景由App.vue处理 */
+.login-page {
+  min-height: 100vh;
+  width: 100vw;
+  height: 100vh;
+  background: transparent;
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
+}
 
 /* 左上角Logo */
 .logo {