diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 84ba49b..ba1f0b0 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -1,543 +1,437 @@
 :root > * {
-    --md-primary-fg-color:        #518FC1;
-    --md-primary-fg-color--light:#518FC1;
-    --md-primary-fg-color--dark:  #518FC1;
-      
-  }
-  /* 给所有元素加上边框 */
-  /* * {
-    outline: 1px solid #518FC1;
-  }  */
-
-  button.md-top {
-    font-family: LXGW WenKai; /* 修改字体 */
-    font-size: 16px; /* 修改字体大小 */
-    font-weight: bold; /* 修改字体粗细 */
-    color: #518FC1; /* 修改字体颜色 */
-  }
-  
-
-  
-
+  --md-primary-fg-color:        #518FC1;
+  --md-primary-fg-color--light:#518FC1;
+  --md-primary-fg-color--dark:  #518FC1;
+    
+}
+/* 给所有元素加上边框 */
+/* * {
+  outline: 1px solid #518FC1;
+}  */
 
+button.md-top {
+  font-family: LXGW WenKai; /* 修改字体 */
+  font-size: 16px; /* 修改字体大小 */
+  font-weight: lighter;/* 修改字体粗细 */
+  color: #518FC1; /* 修改字体颜色 */
+}
 
 :root {
-  --md-text-font: "LXGW WenKai"; 
+--md-text-font: "LXGW WenKai"; 
 } /* 字体 */
 
 
 .ml3 {
-  font-weight: 900;
-  font-size: 30px;
-  font-family: LXGW WenKai;
+font-weight: 900;
+font-size: 30px;
+font-family: LXGW WenKai;
 }
 
 
 img.img1 {
-  border-radius: 25px;
-  
+border-radius: 25px;
+
 }
 img.img2 {
-  border-radius: 25px;
-  
+border-radius: 25px;
+
 }
 
 img.twitter {
-    color: #1DA1F2;
+  color: #1DA1F2;
+}
+.bilibili {
+  color: #EA7A99;
+}
+.github {
+  color: #25292E;
+}
+@keyframes heart {
+  0%, 40%, 80%, 100% {
+    transform: scale(1);
   }
-  .bilibili {
-    color: #EA7A99;
-  }
-  .github {
-    color: #25292E;
-  }
-  @keyframes heart {
-    0%, 40%, 80%, 100% {
-      transform: scale(1);
-    }
-    20%, 60% {
-      transform: scale(1.15);
-    }
-  }
-  .heart {
-    animation: heart 1000ms infinite;
+  20%, 60% {
+    transform: scale(1.15);
   }
+}
+.heart {
+  animation: heart 1000ms infinite;
+}
+
+:root {
+  --md-admonition-icon--pied-piper: url("data:image/svg+xml,%3Csvg width='30.000000' height='30.000000' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs%3E%3CclipPath id='clip103_2030'%3E%3Crect id='icon' width='30.000000' height='30.000000' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip103_2030)'%3E%3Cpath id='icon' d='M25.8 5.40002L25.8 24.6L4.20001 24.6L4.20001 5.40002L25.8 5.40002ZM9.60001 10.8L13.8 15L9.60001 19.2M15.6 19.2L21.6 19.2' stroke='%23101112' stroke-width='1.200000'/%3E%3C/g%3E%3C/svg%3E%0A");
+}
+.md-typeset .admonition.pied-piper,
+.md-typeset details.pied-piper {
+  border-color: rgb(43, 155, 70);
+  font-size: large;
   
-  :root {
-    --md-admonition-icon--pied-piper: url("data:image/svg+xml,%3Csvg width='30.000000' height='30.000000' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs%3E%3CclipPath id='clip103_2030'%3E%3Crect id='icon' width='30.000000' height='30.000000' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip103_2030)'%3E%3Cpath id='icon' d='M25.8 5.40002L25.8 24.6L4.20001 24.6L4.20001 5.40002L25.8 5.40002ZM9.60001 10.8L13.8 15L9.60001 19.2M15.6 19.2L21.6 19.2' stroke='%23101112' stroke-width='1.200000'/%3E%3C/g%3E%3C/svg%3E%0A");
-  }
-  .md-typeset .admonition.pied-piper,
-  .md-typeset details.pied-piper {
-    border-color: rgb(43, 155, 70);
-    font-size: large;
-    
-  }
-  .md-typeset .pied-piper > .admonition-title,
-  .md-typeset .pied-piper > summary {
-    background-color: rgba(43, 155, 70, 0.1);
-  }
-  .md-typeset .pied-piper > .admonition-title::before,
-  .md-typeset .pied-piper > summary::before {
-    background-color: rgb(43, 155, 70);
-    -webkit-mask-image: var(--md-admonition-icon--pied-piper);
-            mask-image: var(--md-admonition-icon--pied-piper);
-  }
+}
+.md-typeset .pied-piper > .admonition-title,
+.md-typeset .pied-piper > summary {
+  background-color: rgba(43, 155, 70, 0.1);
+}
+.md-typeset .pied-piper > .admonition-title::before,
+.md-typeset .pied-piper > summary::before {
+  background-color: rgb(43, 155, 70);
+  -webkit-mask-image: var(--md-admonition-icon--pied-piper);
+          mask-image: var(--md-admonition-icon--pied-piper);
+}
+
+
+:root {
+  
+  --md-admonition-icon--pied-piper1: url("data:image/svg+xml,%3Csvg width='30.000000' height='30.000000' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs%3E%3CclipPath id='clip103_2030'%3E%3Crect id='icon' width='30.000000' height='30.000000' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip103_2030)'%3E%3Cpath id='icon' d='M25.8 5.40002L25.8 24.6L4.20001 24.6L4.20001 5.40002L25.8 5.40002ZM9.60001 10.8L13.8 15L9.60001 19.2M15.6 19.2L21.6 19.2' stroke='%23101112' stroke-width='1.200000'/%3E%3C/g%3E%3C/svg%3E%0A");
+}
+.md-typeset .admonition.pied-piper1,
+.md-typeset details.pied-piper1 {
+  border-color: rgb(96,141,189);
+  font-size: large;
+  width: 100%;
+  /* border-radius:25px; */
+  border-bottom-left-radius: 25px;
+  border-bottom-right-radius: 25px;
+  border-top-left-radius: 25px;
+  border-top-right-radius: 25px;
   
 
-  :root {
-    
-    --md-admonition-icon--pied-piper1: url("data:image/svg+xml,%3Csvg width='30.000000' height='30.000000' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs%3E%3CclipPath id='clip103_2030'%3E%3Crect id='icon' width='30.000000' height='30.000000' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip103_2030)'%3E%3Cpath id='icon' d='M25.8 5.40002L25.8 24.6L4.20001 24.6L4.20001 5.40002L25.8 5.40002ZM9.60001 10.8L13.8 15L9.60001 19.2M15.6 19.2L21.6 19.2' stroke='%23101112' stroke-width='1.200000'/%3E%3C/g%3E%3C/svg%3E%0A");
-  }
-  .md-typeset .admonition.pied-piper1,
-  .md-typeset details.pied-piper1 {
-    border-color: rgb(96,141,189);
-    font-size: large;
-    /* border-radius:25px; */
-    border-bottom-left-radius: 25px;
-    border-bottom-right-radius: 25px;
-    border-top-left-radius: 25px;
-    border-top-right-radius: 25px;
-    
-
-    
-  }
-  .md-typeset .pied-piper1 > .admonition-title,
-  .md-typeset .pied-piper1 > summary {
-    background-color: linear-gradient(to right, rgba(238, 243, 254));
-    border-top-left-radius: 25px;
-    border-top-right-radius: 25px;
-    height: 50px;
-    
-
-  }
-  .md-typeset .pied-piper1 > .admonition-title::before,
-  .md-typeset .pied-piper1 > summary::before {
-    background-color: rgb(31,31,33);
-    -webkit-mask-image: var(--md-admonition-icon--pied-piper1);
-            mask-image: var(--md-admonition-icon--pied-piper1);
-  }  
-
-
-  /* .md-typeset .admonition-note,
-  .md-typeset details {
-    border:2px solid;
-    border-radius:25px;
-    font-size:16px;
-
-    padding: 30px; 
-    
-    height: 100%;
-  } */
   
+}
+.md-typeset .pied-piper1 > .admonition-title,
+.md-typeset .pied-piper1 > summary {
+  background-color: linear-gradient(to right, rgba(238, 243, 254));
+  border-top-left-radius: 25px;
+  border-top-right-radius: 25px;
+  height: 45px;
+  width: auto;
+  
+
+}
+.md-typeset .pied-piper1 > .admonition-title::before,
+.md-typeset .pied-piper1 > summary::before {
+  background-color: rgb(31,31,33);
+  -webkit-mask-image: var(--md-admonition-icon--pied-piper1);
+          mask-image: var(--md-admonition-icon--pied-piper1);
+}  
+
+
+/* .md-typeset .admonition-note,
+.md-typeset details {
+  border:2px solid;
+  border-radius:25px;
+  font-size:16px;
+
+  padding: 30px; 
+  
+  height: 100%;
+} */
+
 /* 鼠标 */
-  /* body {
-      cursor: url(https://cos.cdn.azpay.cn/uploads/2021/11/28/default.cur),
-          default;
-  }
-  a,
-  img {
-      cursor: url(https://cos.cdn.azpay.cn/uploads/2021/11/28/pointer.cur),
-          default;
-  }  */
+/* body {
+    cursor: url(https://cos.cdn.azpay.cn/uploads/2021/11/28/default.cur),
+        default;
+}
+a,
+img {
+    cursor: url(https://cos.cdn.azpay.cn/uploads/2021/11/28/pointer.cur),
+        default;
+}  */
 
 
 /* 鼠标end */
 
-
+.git-revision-date-localized-plugin { color: #608DBD; }
 /* 滚动条 */
 
 
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
+width: 8px;
+height: 8px;
 }
 
 ::-webkit-scrollbar-track {
-  background-color: rgba(73, 177, 245, 0.2);
-  border-radius: 2em;
+background-color: rgba(73, 177, 245, 0.2);
+border-radius: 2em;
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: #49b1f5;
-  background-image: -webkit-linear-gradient(
-    45deg,
-    rgba(255, 255, 255, 0.4) 25%,
-    transparent 25%,
-    transparent 50%,
-    rgba(255, 255, 255, 0.4) 50%,
-    rgba(255, 255, 255, 0.4) 75%,
-    transparent 75%,
-    transparent
-  );
-  border-radius: 10px;
-  
+background-color: #49b1f5;
+background-image: -webkit-linear-gradient(
+  45deg,
+  rgba(255, 255, 255, 0.4) 25%,
+  transparent 25%,
+  transparent 50%,
+  rgba(255, 255, 255, 0.4) 50%,
+  rgba(255, 255, 255, 0.4) 75%,
+  transparent 75%,
+  transparent
+);
+border-radius: 10px;
+
 }
 
 ::-webkit-scrollbar-corner {
-  background-color: transparent;
+background-color: transparent;
 }
 
 ::-moz-selection {
-  color: #fff;
-  background-color: #49b1f5;
+color: #fff;
+background-color: #49b1f5;
 }
 ::-webkit-scrollbar:hover {
-  width: 7px;
-  height: 7px;
+width: 7px;
+height: 7px;
 }
+
 /*bilbili*/
 /*哔哩哔哩视频适配*/
 .aspect-ratio {
-  position: relative;
-  width: 90%;
-  height: auto;
-  padding-bottom: 75%;
-  margin: 3% auto;
-  text-align: center;
+position: relative;
+width: 90%;
+height: auto;
+padding-bottom: 75%;
+margin: 3% auto;
+text-align: center;
 }
 .aspect-ratio iframe {
-  position: absolute;
-  width: 100%;
-  height: 86%;
-  left: 0;
-  top: 0;
+position: absolute;
+width: 100%;
+height: 86%;
+left: 0;
+top: 0;
 }
 
 
 
-
-/*图片放大*/
-/* 图片放大start */
-/* .shadow {
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-
-.zoom {
-  transition: transform ease-in-out 0.5s;
-  cursor: zoom-in;
-}
-
-.image-zoom-large {
-  transform: scale(1.9);
-  cursor: zoom-out;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-  z-index: 100;
-  position: relative;
-} */
-/* 图片放大end*/
-
-.progress-label {
-  position: absolute;
-  text-align: center;
-  font-weight: 700;
-  width: 100%;
-  margin: 0;
-  line-height: 1.2rem;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.progress-bar {
-  height: 1.2rem;
-  float: left;
-  background-color: #2979ff;
-}
-
-.progress {
-  display: block;
-  width: 100%;
-  margin: 0.5rem 0;
-  height: 1.2rem;
-  background-color: #eeeeee;
-  position: relative;
-}
-
-.progress.thin {
-  margin-top: 0.9rem;
-  height: 0.4rem;
-}
-
-.progress.thin .progress-label {
-  margin-top: -0.4rem;
-}
-
-.progress.thin .progress-bar {
-  height: 0.4rem;
-}
-
-.progress-100plus .progress-bar {
-  background-color: #00e676;
-}
-
-.progress-80plus .progress-bar {
-  background-color: #fbc02d;
-}
-
-.progress-60plus .progress-bar {
-  background-color: #ff9100;
-}
-
-.progress-40plus .progress-bar {
-  background-color: #ff5252;
-}
-
-.progress-20plus .progress-bar {
-  background-color: #ff1744;
-}
-
-.progress-0plus .progress-bar {
-  background-color: #f50057;
-}
-
-
-/* #imgBaseDiv > img {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    max-width: 99%;
-    max-height: 99%;
-}
-
-#imgBaseDiv {
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    background: rgba(0, 0, 0, 0.9);
-    top: 0;
-    left: 0;
-    z-index: 1050;
-} */
-
-
-
 /**/
 .video1{
-  position: fixed;  
-  right: 0px;  
-  bottom: 0px;  
-  min-width: 100%;  
-  min-height: 100%;  
-  height: auto;  
-  width: auto;  
-  /*加滤镜*/
-  /*filter: blur(15px); //背景模糊设置 */
-  /*-webkit-filter: grayscale(100%);*/  
-  /*filter:grayscale(100%); //背景灰度设置*/  
-  z-index:-11
+position: fixed;  
+right: 0px;  
+bottom: 0px;  
+min-width: 100%;  
+min-height: 100%;  
+height: auto;  
+width: auto;  
+/*加滤镜*/
+/*filter: blur(15px); //背景模糊设置 */
+/*-webkit-filter: grayscale(100%);*/  
+/*filter:grayscale(100%); //背景灰度设置*/  
+z-index:-11
 
 }
 
 .video1 video{
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 source{  
-  min-width: 100%;  
-  min-height: 100%;  
-  height: auto;  
-  width: auto;  
+min-width: 100%;  
+min-height: 100%;  
+height: auto;  
+width: auto;  
 } 
 @media only screen and (max-width: 768px) {
-  #video1 {
-    display: none;
-  }
+#video1 {
+  display: none;
+}
 }
 
 /*圆角*/
 #rcorners1 {
-  border-radius: 25px;
-  background: linear-gradient(to right, rgba(189,224,245),rgba(218,232,241), rgba(238,237,238));
-  /* #F0EFEB; F5F4F1*/
-  padding: 20px; 
-  width: 100%;
-  height: 100px;
-  text-align: center;
-  font-size:16px;
+border-radius: 25px;
+background: linear-gradient(to right, rgba(189,224,245),rgba(218,232,241), rgba(238,237,238));
+/* #F0EFEB; F5F4F1*/
+padding: 20px; 
+width: 100%;
+height: 100px;
+text-align: center;
+font-size:16px;
 }
 
 
 #rcorners2 {
-  border-radius: 25px;
-  border: 2px solid #518FC1;
-  padding: 20px; 
-  width: 100%;
-  height: 100%; 
-  font-size:16px;
+border-radius: 25px;
+border: 2px solid #518FC1;
+padding: 20px; 
+width: 100%;
+height: 100%; 
+font-size:16px;
 }
+
 #rcorners3 {
-  border-radius: 25px;
-  border: 2px solid #518FC1;
-  padding: 20px; 
-  width: 100%;
-  height: 100%; 
+border-radius: 25px;
+border: 2px solid #518FC1;
+padding: 20px; 
+width: 100%;
+height: 100%; 
 }
 
+
 .image-container {
-    text-align: center; /* 居中对齐容器中的内容 */
-  }
+  text-align: center; /* 居中对齐容器中的内容 */
+}
 
 .image-container img {
-    display: inline-block; /* 将图片水平排列在一行 */
-    margin: 10px; /* 可以根据需要添加图片之间的间距 */
-  }
+  display: inline-block; /* 将图片水平排列在一行 */
+  margin: 10px; /* 可以根据需要添加图片之间的间距 */
+}
 
 
 
 /* 渐变 */
 #grad1 {
-  height: 200px;
-  background-color: red; /* 不支持线性的时候显示 */
-  background-image: linear-gradient(to bottom right, red , yellow);
+height: 200px;
+background-color: red; /* 不支持线性的时候显示 */
+background-image: linear-gradient(to bottom right, red , yellow);
 }
 
 /* 按钮 */
 .buttoncss {
-  background-color: #4CAF50;
-  border-radius: 12px;
-  border: none;
-  color: white;
-  padding: 15px 32px;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  font-size: 16px;
-  margin: 4px 2px;
-  cursor: pointer;
+background-color: #4CAF50;
+border-radius: 12px;
+border: none;
+color: white;
+padding: 15px 32px;
+text-align: center;
+text-decoration: none;
+display: inline-block;
+font-size: 16px;
+margin: 4px 2px;
+cursor: pointer;
 }
 .buttoncss1 {
-  background-color: #567fd0;
-  border-radius: 12px;
-  border: none;
-  color: white;
-  padding: 15px 32px;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  font-size: 16px;
-  margin: 4px 2px;
-  cursor: pointer;
+background-color: #567fd0;
+border-radius: 12px;
+border: none;
+color: white;
+padding: 15px 32px;
+text-align: center;
+text-decoration: none;
+display: inline-block;
+font-size: 16px;
+margin: 4px 2px;
+cursor: pointer;
 }
 
 
 .buttonxuan {
-  background-color: #4CAF50; /* Green */
-  border: none;
-  color: white;
-  padding: 16px 32px;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  font-size: 16px;
-  margin: 4px 2px;
-  -webkit-transition-duration: 0.4s; /* Safari */
-  transition-duration: 0.4s;
-  cursor: pointer;
+background-color: #4CAF50; /* Green */
+border: none;
+color: white;
+padding: 16px 32px;
+text-align: center;
+text-decoration: none;
+display: inline-block;
+font-size: 16px;
+margin: 4px 2px;
+-webkit-transition-duration: 0.4s; /* Safari */
+transition-duration: 0.4s;
+cursor: pointer;
 }
 
 .buttonxuan1 {
-  background-color: white; 
-  color: black; 
-  border: 2px solid #4CAF50;
+background-color: white; 
+color: black; 
+border: 2px solid #4CAF50;
 }
 .buttonxuan1:hover {
-  background-color: #4CAF50;
-  color: white;
+background-color: #4CAF50;
+color: white;
 }
 
 .buttonxuan2 {
-  display: inline-block;
-  background-color: #ACE48E;
-  color: #FFFFFF;
-  text-align: center;
-  font-size: 28px;
-  padding: 20px;
-  width: 300px;
-  transition: all 0.5s;
-  cursor: pointer;
-  margin: 5px;
-  border:2px solid;
-  border-radius:25px;
+display: inline-block;
+background-color: #ACE48E;
+color: #FFFFFF;
+text-align: center;
+font-size: 28px;
+padding: 20px;
+width: 300px;
+transition: all 0.5s;
+cursor: pointer;
+margin: 5px;
+border:2px solid;
+border-radius:25px;
 }
 
 .buttonxuan2 span {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  transition: 0.5s;
+cursor: pointer;
+display: inline-block;
+position: relative;
+transition: 0.5s;
 }
 
 .buttonxuan2 span:after {
-  content: '»';
-  position: absolute;
-  opacity: 0;
-  top: 0;
-  right: -20px;
-  transition: 0.5s;
+content: '»';
+position: absolute;
+opacity: 0;
+top: 0;
+right: -20px;
+transition: 0.5s;
 }
 
 .buttonxuan2:hover span {
-  padding-right: 25px;
+padding-right: 25px;
 }
 
 .buttonxuan2:hover span:after {
-  opacity: 1;
-  right: 0;
+opacity: 1;
+right: 0;
 }
 /* .buttonxuan3 */
 .buttonxuan3:hover {
-  display: inline-block;
-  background-color: #5577D1;
-  color: #FFFFFF;
-  text-align: center;
-  font-size: 28px;
-  padding: 20px;
-  width: 300px;
-  transition: all 0.5s;
-  cursor: pointer;
-  margin: 5px;
-  border:2px solid;
-  border-radius:25px;
+display: inline-block;
+background-color: #5577D1;
+color: #FFFFFF;
+text-align: center;
+font-size: 28px;
+padding: 20px;
+width: 300px;
+transition: all 0.5s;
+cursor: pointer;
+margin: 5px;
+border:2px solid;
+border-radius:25px;
 }
 
 .buttonxuan3 span {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  transition: 0.5s;
+cursor: pointer;
+display: inline-block;
+position: relative;
+transition: 0.5s;
 }
 
 .buttonxuan3 span:after {
-  content: '»';
-  position: absolute;
-  opacity: 0;
-  top: 0;
-  right: -20px;
-  transition: 0.5s;
+content: '»';
+position: absolute;
+opacity: 0;
+top: 0;
+right: -20px;
+transition: 0.5s;
 }
 
 .buttonxuan3:hover span {
-  padding-right: 25px;
+padding-right: 25px;
 }
 
 .buttonxuan3:hover span:after {
-  opacity: 1;
-  right: 0;
+opacity: 1;
+right: 0;
 }
 
 
 
 /* 蕴藏 */
 div.hide {
-  background-color: yellow;
-  padding: 20px;
+background-color: yellow;
+padding: 20px;
 }
 
 @media screen and (max-width: 1000px) {
-  div.hide {
-    display: none;
-  }
+div.hide {
+  display: none;
+}
 }
 
 /* 布局 */
@@ -548,21 +442,21 @@ div.hide {
 .item5 { grid-area: footer; }
 
 .grid-container {
-  display: grid;
-  grid:
-  'header header header header header header'
-  'menu main main main right right'
-  'menu footer footer footer footer footer';
-  grid-gap: 10px;
-  background-color: #2196F3;
-  padding: 10px;
+display: grid;
+grid:
+'header header header header header header'
+'menu main main main right right'
+'menu footer footer footer footer footer';
+grid-gap: 10px;
+background-color: #2196F3;
+padding: 10px;
 }
 
 .grid-container > div {
-  background-color: rgba(255, 255, 255, 0.8);
-  text-align: center;
-  padding: 20px 0;
-  font-size: 30px;
+background-color: rgba(255, 255, 255, 0.8);
+text-align: center;
+padding: 20px 0;
+font-size: 30px;
 }
 
 
@@ -570,179 +464,9 @@ div.hide {
 
 /* 变灰代码 */
 /* html {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-  -webkit-filter: grayscale(100%);} */
+filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
+-webkit-filter: grayscale(100%);} */
 
-/* 加载 */
-  .spinner {
-    margin: 100px auto;
-    width: 50px;
-    height: 40px;
-    text-align: center;
-    font-size: 10px;
-  }
-  
-  .spinner > div {
-    background-color: #333;
-    height: 100%;
-    width: 6px;
-    display: inline-block;
-    
-    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
-    animation: sk-stretchdelay 1.2s infinite ease-in-out;
-  }
-  
-  .spinner .rect2 {
-    -webkit-animation-delay: -1.1s;
-    animation-delay: -1.1s;
-  }
-  
-  .spinner .rect3 {
-    -webkit-animation-delay: -1.0s;
-    animation-delay: -1.0s;
-  }
-  
-  .spinner .rect4 {
-    -webkit-animation-delay: -0.9s;
-    animation-delay: -0.9s;
-  }
-  
-  .spinner .rect5 {
-    -webkit-animation-delay: -0.8s;
-    animation-delay: -0.8s;
-  }
-  
-  @-webkit-keyframes sk-stretchdelay {
-    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
-    20% { -webkit-transform: scaleY(1.0) }
-  }
-  
-  @keyframes sk-stretchdelay {
-    0%, 40%, 100% { 
-      transform: scaleY(0.4);
-      -webkit-transform: scaleY(0.4);
-    }  20% { 
-      transform: scaleY(1.0);
-      -webkit-transform: scaleY(1.0);
-    }
-  }
 
-  
-/* end */
-/* begin */
-.sk-chase {
-  width: 40px;
-  height: 40px;
-  position: relative;
-  animation: sk-chase 2.5s infinite linear both;
-}
 
-.sk-chase-dot {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0; 
-  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
-}
 
-.sk-chase-dot:before {
-  content: '';
-  display: block;
-  width: 25%;
-  height: 25%;
-  background-color: #fff;
-  border-radius: 100%;
-  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
-}
-
-.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
-.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
-.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
-.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
-.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
-.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
-.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
-.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
-.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
-.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
-.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
-.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
-
-@keyframes sk-chase {
-  100% { transform: rotate(360deg); } 
-}
-
-@keyframes sk-chase-dot {
-  80%, 100% { transform: rotate(360deg); } 
-}
-
-@keyframes sk-chase-dot-before {
-  50% {
-    transform: scale(0.4); 
-  } 100%, 0% {
-    transform: scale(1.0); 
-  } 
-}
-
-/* end */
-
-.loader {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  /* background-color: rgba(255, 255, 255, 0.8);  */
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 9999; /* 确保加载动画位于其他内容之上 */
-}
-
-.spinner {
-  width: 50px;
-  height: 40px;
-  text-align: center;
-  font-size: 10px;
-}
-
-.spinner > div {
-  background-color: #333;
-  height: 100%;
-  width: 6px;
-  display: inline-block;
-  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
-  animation: sk-stretchdelay 1.2s infinite ease-in-out;
-}
-
-.spinner .rect2 {
-  -webkit-animation-delay: -1.1s;
-  animation-delay: -1.1s;
-}
-
-.spinner .rect3 {
-  -webkit-animation-delay: -1.0s;
-  animation-delay: -1.0s;
-}
-
-.spinner .rect4 {
-  -webkit-animation-delay: -0.9s;
-  animation-delay: -0.9s;
-}
-
-@-webkit-keyframes sk-stretchdelay {
-  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
-  20% { -webkit-transform: scaleY(1.0) }
-}
-
-@keyframes sk-stretchdelay {
-  0%, 40%, 100% { 
-      transform: scaleY(0.4);
-      -webkit-transform: scaleY(0.4);
-  }  
-  20% { 
-      transform: scaleY(1.0);
-      -webkit-transform: scaleY(1.0);
-  }
-}