diff --git a/src/views/_builtin/login/index.vue b/src/views/_builtin/login/index.vue
index e68c3ae0..770b8cb4 100644
--- a/src/views/_builtin/login/index.vue
+++ b/src/views/_builtin/login/index.vue
@@ -77,7 +77,9 @@ const activeModule = computed(() => moduleMap[props.module || 'pwd-login']);
           />
         </div>
       </header>
-      <main class="mt-10% max-w-450px w-full rounded-5px bg-cover px-24px xl:absolute xl:m-auto">
+      <main
+        class="m-auto mt-10% h-630px max-w-450px w-full rounded-5px bg-cover px-24px xl:absolute xl:inset-0 lg:mt-15% xl:mt-auto"
+      >
         <Transition :name="themeStore.page.animateMode" mode="out-in" appear>
           <component :is="activeModule.component" />
         </Transition>