From 61c6fb5b873079a3766dcacf26eb9ec48b3b2080 Mon Sep 17 00:00:00 2001
From: AIGC Developer <developer@aigc.com>
Date: Tue, 21 Oct 2025 17:28:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=82=E8=80=83Welcome=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E8=83=8C=E6=99=AF=20-=20=E4=BD=BF=E7=94=A8=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E5=9B=BE=E7=89=87=E5=AE=9E=E7=8E=B0=E5=85=A8=E5=B1=8F?=
 =?UTF-8?q?=E8=A6=86=E7=9B=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/frontend/src/App.vue | 50 +++++++++++++--------------------------
 1 file changed, 16 insertions(+), 34 deletions(-)

diff --git a/demo/frontend/src/App.vue b/demo/frontend/src/App.vue
index 1fa0c2d..f1cd50e 100644
--- a/demo/frontend/src/App.vue
+++ b/demo/frontend/src/App.vue
@@ -111,50 +111,32 @@ main.with-navbar {
   background-attachment: fixed;
 }
 
-/* 登录页面特殊背景处理 */
+/* 登录页面特殊背景处理 - 参考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;
 }
 
 /* ========== 页面特殊样式 ========== */
 
-/* 欢迎页面 - 深色科技风全屏覆盖 */
+/* 欢迎页面 - 参考Welcome页面样式 */
 .fullscreen-background.Welcome {
-  background: 
-    radial-gradient(ellipse at center, rgba(0, 50, 100, 0.8) 0%, rgba(0, 20, 40, 0.9) 50%, rgba(0, 0, 0, 1) 100%),
-    linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);
-  animation: welcomeGlow 6s ease-in-out infinite alternate;
+  background: url('/images/backgrounds/welcome.jpg') center/cover no-repeat;
+  background-attachment: fixed;
+  min-height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
 }
 
-.fullscreen-background.Welcome::before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 80%;
-  height: 60%;
-  transform: translate(-50%, -50%);
-  background: 
-    radial-gradient(ellipse at center, rgba(100, 150, 255, 0.3) 0%, rgba(50, 100, 200, 0.2) 30%, transparent 70%);
-  animation: centralGlow 8s ease-in-out infinite alternate;
-}
-
-@keyframes welcomeGlow {
-  0% { opacity: 0.8; }
-  100% { opacity: 1; }
-}
-
-@keyframes centralGlow {
-  0% { 
-    opacity: 0.3; 
-    transform: translate(-50%, -50%) scale(1);
-  }
-  100% { 
-    opacity: 0.7; 
-    transform: translate(-50%, -50%) scale(1.1);
-  }
-}
 
 /* 首页 - 深色科技风全屏覆盖 */
 .fullscreen-background.Home {