diff --git a/index.html b/index.html
index a02093d..eca5a8e 100644
--- a/index.html
+++ b/index.html
@@ -1,36 +1,141 @@
 <!DOCTYPE html>
 <html lang="zh-cmn">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>K5Web</title>
-    <style>
-      ::-webkit-scrollbar {
-        width: 12px;
-        height: 4px;
-      }
 
-      ::-webkit-scrollbar-thumb {
-        border: 4px solid transparent;
-        background-clip: padding-box;
-        border-radius: 7px;
-        background-color: var(--color-text-4);
-      }
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>K5Web</title>
+  <style>
+    ::-webkit-scrollbar {
+      width: 12px;
+      height: 4px;
+    }
 
-      ::-webkit-scrollbar-thumb:hover {
-        background-color: var(--color-text-3);
+    ::-webkit-scrollbar-thumb {
+      border: 4px solid transparent;
+      background-clip: padding-box;
+      border-radius: 7px;
+      background-color: var(--color-text-4);
+    }
+
+    ::-webkit-scrollbar-thumb:hover {
+      background-color: var(--color-text-3);
+    }
+  </style>
+  <style>
+    #loading-mask {
+      position: fixed;
+      left: 0;
+      top: 0;
+      height: 100%;
+      width: 100%;
+      background: #fff;
+      user-select: none;
+      z-index: 9999;
+      overflow: hidden;
+    }
+
+    .loading-wrapper {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -100%);
+    }
+
+    .loading-dot {
+      animation: antRotate 1.2s infinite linear;
+      transform: rotate(45deg);
+      position: relative;
+      display: inline-block;
+      font-size: 64px;
+      width: 64px;
+      height: 64px;
+      box-sizing: border-box;
+    }
+
+    .loading-dot i {
+      width: 22px;
+      height: 22px;
+      position: absolute;
+      display: block;
+      background-color: #1890ff;
+      border-radius: 100%;
+      transform: scale(0.75);
+      transform-origin: 50% 50%;
+      opacity: 0.3;
+      animation: antSpinMove 1s infinite linear alternate;
+    }
+
+    .loading-dot i:nth-child(1) {
+      top: 0;
+      left: 0;
+    }
+
+    .loading-dot i:nth-child(2) {
+      top: 0;
+      right: 0;
+      -webkit-animation-delay: 0.4s;
+      animation-delay: 0.4s;
+    }
+
+    .loading-dot i:nth-child(3) {
+      right: 0;
+      bottom: 0;
+      -webkit-animation-delay: 0.8s;
+      animation-delay: 0.8s;
+    }
+
+    .loading-dot i:nth-child(4) {
+      bottom: 0;
+      left: 0;
+      -webkit-animation-delay: 1.2s;
+      animation-delay: 1.2s;
+    }
+
+    @keyframes antRotate {
+      to {
+        -webkit-transform: rotate(405deg);
+        transform: rotate(405deg);
       }
-    </style>
-    <script src="serial.js"></script>
-    <meta name="builtTime" content="20240702025622">
-    <script type="module" crossorigin src="./assets/index.84328ebd.js"></script>
-    <link rel="modulepreload" crossorigin href="./assets/arco.7f845a67.js">
-    <link rel="modulepreload" crossorigin href="./assets/chart.95d38b48.js">
-    <link rel="modulepreload" crossorigin href="./assets/vue.0bef8fc5.js">
-    <link rel="stylesheet" href="./assets/index.e2a959bb.css">
-  </head>
-  <body>
-    <div id="app"></div>
-    
-  </body>
-</html>
+    }
+
+    @-webkit-keyframes antRotate {
+      to {
+        -webkit-transform: rotate(405deg);
+        transform: rotate(405deg);
+      }
+    }
+
+    @keyframes antSpinMove {
+      to {
+        opacity: 1;
+      }
+    }
+
+    @-webkit-keyframes antSpinMove {
+      to {
+        opacity: 1;
+      }
+    }
+  </style>
+  <script src="serial.js"></script>
+  <meta name="builtTime" content="20240706075158">
+  <script type="module" crossorigin src="./assets/index.84328ebd.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/arco.7f845a67.js">
+  <link rel="modulepreload" crossorigin href="./assets/chart.95d38b48.js">
+  <link rel="modulepreload" crossorigin href="./assets/vue.0bef8fc5.js">
+  <link rel="stylesheet" href="./assets/index.e2a959bb.css">
+</head>
+
+<body>
+  <div id="app">
+    <div id="loading-mask">
+      <div class="loading-wrapper">
+        <span class="loading-dot loading-dot-spin"><i></i><i></i><i></i><i></i></span>
+      </div>
+    </div>
+  </div>
+  
+</body>
+
+</html>
\ No newline at end of file
diff --git a/index.html.gz b/index.html.gz
index 95c097a..298116d 100644
Binary files a/index.html.gz and b/index.html.gz differ
