diff --git a/src/assets/login/bkg/bkg1.png b/src/assets/login/bkg/bkg1.png
new file mode 100644
index 0000000..e8d4ea0
Binary files /dev/null and b/src/assets/login/bkg/bkg1.png differ
diff --git a/src/assets/login/bkg/bkg2.png b/src/assets/login/bkg/bkg2.png
new file mode 100644
index 0000000..92d72f8
Binary files /dev/null and b/src/assets/login/bkg/bkg2.png differ
diff --git a/src/assets/login/bkg/bkg3.png b/src/assets/login/bkg/bkg3.png
new file mode 100644
index 0000000..dc92e43
Binary files /dev/null and b/src/assets/login/bkg/bkg3.png differ
diff --git a/src/assets/login/bkg/bkg4.png b/src/assets/login/bkg/bkg4.png
new file mode 100644
index 0000000..40825c5
Binary files /dev/null and b/src/assets/login/bkg/bkg4.png differ
diff --git a/src/assets/login/bkg/bkg5.png b/src/assets/login/bkg/bkg5.png
new file mode 100644
index 0000000..3f59e36
Binary files /dev/null and b/src/assets/login/bkg/bkg5.png differ
diff --git a/src/assets/login/bkg/bkg6.png b/src/assets/login/bkg/bkg6.png
new file mode 100644
index 0000000..c07811b
Binary files /dev/null and b/src/assets/login/bkg/bkg6.png differ
diff --git a/src/assets/login/bkg/bkg7.png b/src/assets/login/bkg/bkg7.png
new file mode 100644
index 0000000..36cd400
Binary files /dev/null and b/src/assets/login/bkg/bkg7.png differ
diff --git a/src/assets/login/bkg/bkg8.png b/src/assets/login/bkg/bkg8.png
new file mode 100644
index 0000000..b97e7c1
Binary files /dev/null and b/src/assets/login/bkg/bkg8.png differ
diff --git a/src/assets/login/bkg/img1.png b/src/assets/login/bkg/img1.png
deleted file mode 100644
index fa9cecb..0000000
Binary files a/src/assets/login/bkg/img1.png and /dev/null differ
diff --git a/src/assets/login/bkg/img2.png b/src/assets/login/bkg/img2.png
deleted file mode 100644
index a674dc2..0000000
Binary files a/src/assets/login/bkg/img2.png and /dev/null differ
diff --git a/src/assets/login/bkg/img3.jpg b/src/assets/login/bkg/img3.jpg
deleted file mode 100644
index 684c278..0000000
Binary files a/src/assets/login/bkg/img3.jpg and /dev/null differ
diff --git a/src/assets/login/bkg/img4.jpg b/src/assets/login/bkg/img4.jpg
deleted file mode 100644
index 4e0f0fd..0000000
Binary files a/src/assets/login/bkg/img4.jpg and /dev/null differ
diff --git a/src/assets/login/bkg/img5.png b/src/assets/login/bkg/img5.png
deleted file mode 100644
index dd0c539..0000000
Binary files a/src/assets/login/bkg/img5.png and /dev/null differ
diff --git a/src/assets/login/bkg/img6.png b/src/assets/login/bkg/img6.png
deleted file mode 100644
index 9a55a8e..0000000
Binary files a/src/assets/login/bkg/img6.png and /dev/null differ
diff --git a/src/assets/login/bkg/img7.png b/src/assets/login/bkg/img7.png
deleted file mode 100644
index eb4f288..0000000
Binary files a/src/assets/login/bkg/img7.png and /dev/null differ
diff --git a/src/assets/login/bkg/img8.png b/src/assets/login/bkg/img8.png
deleted file mode 100644
index 27f6018..0000000
Binary files a/src/assets/login/bkg/img8.png and /dev/null differ
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index dc01c72..ad82dcb 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -353,10 +353,10 @@ $light_gray: #122583;
 .title-img {
   position: relative;
   display: block;
-  width: 44.64vw;
+  width: 46vw;
   object-fit: contain;
-  filter: drop-shadow(1px 1px 4px #0005);
-  margin: 16.11vh auto 0;
+  filter: drop-shadow(0 0 15px rgba(19,79,147,0.6));
+  margin: 15.46vh auto 0;
 }
 //how many images we have
 $slides: 8;
@@ -388,8 +388,10 @@ $total_animation_time: $time_per_slide * $slides;
      filter: blur(12px);
      transition: all 1s cubic-bezier(0.550, 0.085, 0.680, 0.530);
    }
+
    .active {
      filter: blur(0);
+     transform: none!important;
      opacity: 1;
    }
 }
@@ -413,12 +415,11 @@ $total_animation_time: $time_per_slide * $slides;
   .login-form {
     position: relative;
     width: 28.7vw;
-    margin: 9.81vh 10.2vw 0 auto;
+    margin: 10.46vh 10.52vw 0 auto;
     overflow: hidden;
     border-radius: 10px;
-    box-shadow: inset 0 0 4px rgb(255, 255, 255, 0.8);
-    filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.2));
-    background-color: rgba(255, 255, 255, 0.2);
+    filter: drop-shadow(0 0 7px rgba(0,0,0,0.2));
+    background-color: rgba(255,255,255,0.8509803921568627)
   }
 
   .tips {
@@ -443,15 +444,14 @@ $total_animation_time: $time_per_slide * $slides;
 
   .title-container {
     position: relative;
-    margin-bottom: 2vw;
+    margin-bottom: 3.4vh;
 
     .title {
       text-align: center;
       font-size: 1.7vw;
       letter-spacing: 4px;
-      color: #ffffff;
+      color: #1d57da;
       padding: 1.41vw 0 1.2vw;
-      text-shadow: 1px 0 #000, 0 1px #000, 1px 1px #000;
       filter: drop-shadow(1px 1px 4px #0002);
       position: relative;
 
@@ -467,6 +467,24 @@ $total_animation_time: $time_per_slide * $slides;
         right: 0;
       }
     }
+
+    @supports (background-clip: text) {
+      .title {
+        display: inline-block;
+        color: transparent;
+        background: linear-gradient(
+            90deg,
+            #1d57da 0%,
+            #1d57da 0%,
+            #05a658 100%
+        );
+        background-clip: text;
+        filter: none;
+        left: 50%;
+        text-shadow: none;
+        transform: translateX(-50%);
+      }
+    }
   }
 
   .show-pwd {
@@ -514,14 +532,13 @@ $total_animation_time: $time_per_slide * $slides;
   width: 100%;
   text-align: center;
   color: #fff;
-  line-height: 16px;
-  font-size: 16px;
+  font-size: .84vw;
   text-shadow: 1px 0 #000, 0 1px #000, 1px 1px #000;
-  filter: drop-shadow(1px 1px 4px #000);
+  filter: drop-shadow(1px 1px 4px #000000aa);
 
   position: absolute;
   left: 0;
-  bottom: 6vh;
+  bottom: 1.6vh;
 }
 
 @media (max-width: 960px) {