diff --git a/public/favicon.ico b/public/favicon.ico
index 05726a9..89f0042 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/assets/logo/logo.png b/src/assets/logo/logo.png
index 4856c70..13836f1 100644
Binary files a/src/assets/logo/logo.png and b/src/assets/logo/logo.png differ
diff --git a/src/views/login.vue b/src/views/login.vue
index 6a1ce8e..b5cc1c5 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -172,8 +172,8 @@ export default {
 
   .bg-box {
     flex: 1;
-    background-image: url("../assets/images/login-background.png");
-    -webkit-background-image: url("../assets/images/login-background.png");
+    background-image: url("https://api.ccttiot.com/fd7f9ab7c2bb4ddd816282cc91079230dbfd985b1092f-I7XJ3y-1745887744159.jpg");
+    -webkit-background-image: url("https://api.ccttiot.com/fd7f9ab7c2bb4ddd816282cc91079230dbfd985b1092f-I7XJ3y-1745887744159.jpg");
     background-size: cover;
     -webkit-background-size: cover;
     background-position: center;
@@ -202,13 +202,18 @@ export default {
   }
 }
 .login-form {
-  position: relative;
+  position: absolute;
   background: #ffffff;
-  width: 480px;
-  padding: 200px 64px 5px;
+  width: 420px;
+  padding: 48px 48px 24px ;
   top: 0;
   right: 0;
-  height: calc(100vh - env(safe-area-inset-bottom));
+  left: 0;
+  bottom: 0;
+  margin: auto;
+  height: fit-content;
+  border-radius: 16px;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   .el-input {
     height: 38px;
     input {