diff --git a/src/views/login.vue b/src/views/login.vue
index 01e7f64..ac2b630 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -253,7 +253,7 @@ export default {
 
 <style lang="scss" scoped>
 .login {
-  padding: 14vh 6vw 0;
+  padding: 10vh 6vw 6vh;
   display: flex;
   justify-content: space-between;
   width: 100vw;
@@ -261,7 +261,7 @@ export default {
   overflow: hidden;
   background: url('../assets/login/loginBG.png') no-repeat fixed center / cover;
   .system_name {
-    padding-top: 8vh;
+    padding-top: 12vh;
     font-size: 100px;
     font-weight: bold;
     color: #fff;
@@ -269,6 +269,13 @@ export default {
     transform: skew(-12deg);
   }
   .login_content {
+    padding: 60px 40px 20px;
+    width: 640px;
+    max-height: 84vh;
+    background-color: rgba(0, 0, 0, 0.2);
+    backdrop-filter: blur(18px);
+    overflow: hidden;
+    border-radius: 40px;
     .login_text {
       margin: 0 auto 60px;
       width: 128px;
@@ -278,13 +285,6 @@ export default {
       color: #fff;
       background-size: 100% 100%;
     }
-    padding: 60px 40px;
-    width: 640px;
-    height: 72vh;
-    background-color: rgba(0, 0, 0, 0.2);
-    backdrop-filter: blur(18px);
-    overflow: hidden;
-    border-radius: 40px;
     .loginForm-title {
       display: flex;
       align-items: center;
@@ -336,3 +336,4 @@ export default {
   }
 }
 </style>
+