修改

web-vue/packages/core/layouts/views/login/Login.vue

@@ -25,7 +25,7 @@
         <div class="h-full w-full flex overflow-auto py-5 lg:my-0 lg:h-auto lg:w-11/24 lg:py-0">
           <div
             :class="`${prefixCls}-form`"
-            class="enter-x relative mx-auto my-auto w-full rounded-xl px-5 py-8 shadow-md lg:ml-16 lg:w-2/4 lg:w-auto sm:w-3/4 lg:px-10 lg:py-9 sm:px-8"
+            class="enter-x form-container-bg relative mx-auto my-auto w-full rounded-xl px-5 py-8 shadow-md lg:ml-16 lg:w-2/4 lg:w-auto sm:w-3/4 lg:px-10 lg:py-9 sm:px-8"
           >
             <LoginForm @demo-mode="demoMode = $event" />
             <ForgetPasswordForm :demoMode="demoMode" />
@@ -63,6 +63,10 @@
   @logo-prefix-cls: ~'jeesite-app-logo';
   @countdown-prefix-cls: ~'jeesite-countdown-input';
   @dark-bg: #293146;
+  // 淡白色主色（柔和不刺眼，带轻微蓝调的白）
+  @light-white-bg: #f8fafc;
+  // 深色模式下表单背景（适配深色主题的暗白色）
+  @dark-light-white-bg: rgba(41, 49, 70, 0.95);
 
   html[data-theme='dark'] {
     .@{prefix-cls} {
@@ -82,8 +86,8 @@
       }
 
       &-form {
-        background: transparent !important;
-        box-shadow: none;
+        background: @dark-light-white-bg !important;
+        box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
       }
 
       .@{logo-prefix-cls} {
@@ -95,6 +99,10 @@
       .jeesite-icon {
         color: #fff;
       }
+
+      .form-container-bg {
+        background: @dark-light-white-bg !important;
+      }
     }
 
     input.fix-auto-fill,
@@ -107,11 +115,8 @@
   .@{prefix-cls} {
     min-height: 100%;
     overflow: hidden;
-    //background-color: #f2fafd;
 
     @media (max-width: @screen-lg) {
-      //background-color: #3f60b5;
-
       .@{prefix-cls}-form {
         box-shadow: none;
       }
@@ -120,14 +125,24 @@
     &-form {
       top: -20px;
       margin: auto;
-      background-color: #fff;
-      box-shadow: 0 0 8px #ddd;
+      // 淡白色背景（核心修改）
+      background-color: @light-white-bg;
+      box-shadow: 0 0 8px rgba(248, 250, 252, 0.8);
+      background-clip: padding-box;
 
       .ant-form-item {
         margin-bottom: 15px;
       }
     }
 
+    // 表单容器专属样式
+    .form-container-bg {
+      background-color: @light-white-bg;
+      // 轻量阴影增强层次
+      box-shadow: 0 4px 12px rgba(240, 248, 255, 0.5);
+      border-radius: 12px;
+    }
+
     &::before {
       position: absolute;
       top: 0;
@@ -147,10 +162,6 @@
     }
 
     .@{logo-prefix-cls} {
-      // position: absolute;
-      // top: 12px;
-      // height: 30px;
-
       &.logo {
         margin-top: -110px;
         padding-bottom: 80px;
@@ -230,4 +241,4 @@
       color: @text-color-secondary;
     }
   }
-</style>
+</style>

web-vue/packages/core/layouts/views/login/LoginForm.vue

@@ -30,19 +30,6 @@
       <ValidCode size="large" v-model:value="formData.validCode" :refreshTime="validCodeRefreshTime" />
     </FormItem>
 
-    <div class="gp" v-if="demoMode">
-      💡提示：当前您连接的后端服务，可能是
-      <a href="https://vue.jeesite.com" target="_blank">vue.jeesite.com</a><br />
-      &nbsp; &nbsp; 的演示服务器，请进入文档：《
-      <a
-        href="https://jeesite.com/docs/vue-install-deploy/#%E9%85%8D%E7%BD%AE%E5%90%8E%E7%AB%AF%E6%8E%A5%E5%8F%A3"
-        target="_blank"
-      >
-        配置服务端接口
-      </a>
-      》
-    </div>
-
     <ARow class="enter-x">
       <ACol :span="12">
         <FormItem>
@@ -108,7 +95,7 @@
   const emit = defineEmits(['demoMode']);
 
   const formData = reactive({
-    account: 'system',
+    account: '',
     password: '',
     validCode: '',
   });
@@ -185,11 +172,6 @@
       loading.value = false;
     }
   }
-
-  function handleOauth2(event: Event) {
-    window.location.href = 'https://vue.jeesite.com/js/oauth2/login/gitee?state=vue';
-    event.preventDefault();
-  }
 </script>
 <style>
   .gp {