修改App.vue样式 - 确保背景完全覆盖整个屏幕

demo/frontend/src/App.vue

@@ -53,19 +53,22 @@ console.log('App.vue 加载成功')
 
 html, body {
   height: 100%;
+  width: 100%;
   margin: 0;
   padding: 0;
+  overflow-x: hidden;
 }
 
 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   line-height: 1.6;
   color: #333;
-  background: #f5f5f5;
+  background: transparent;
 }
 
 #app {
   min-height: 100vh;
+  width: 100vw;
   display: flex;
   flex-direction: column;
   position: relative;
@@ -79,8 +82,10 @@ body {
   left: 0;
   width: 100vw;
   height: 100vh;
+  min-height: 100vh;
   z-index: -1;
   pointer-events: none;
+  background-attachment: fixed;
 }
 
 main {
@@ -101,7 +106,15 @@ main.with-navbar {
   left: 0;
   width: 100vw;
   height: 100vh;
+  min-height: 100vh;
   z-index: 1000;
+  background-attachment: fixed;
+}
+
+/* 登录页面特殊背景处理 */
+#app[data-route="Login"] .fullscreen-background {
+  background: url('/images/backgrounds/login.png') center/cover no-repeat;
+  background-attachment: fixed;
 }
 
 /* ========== 页面特殊样式 ========== */