diff --git a/css/common.css b/css/common.css
index 405b2e4..3a94d07 100644
--- a/css/common.css
+++ b/css/common.css
@@ -15,49 +15,47 @@ p{
 #click{
   font-size: 15px;
   user-select:none;
-  z-index: 99999
+  z-index: 99
 }
 
 header{
-  width: 100%;
-  background-color: #e3f2fd;
-  z-index: 999
+  z-index: 99;
+  background-color: #e3f2fd
 }
 
 .header{
 	width: 100%;
 	background-color: #e3f2fd;
 	z-index: 99;
-    align-items:center;
+  display:flex
 }
 
 .logo{
 	text-decoration: none;
 	color: #55a8f1;
 	font-weight: bolder;
+  align-self: center 
 }
 
-@media screen and (max-width: 768px){
+@media screen and (min-width: 385px){
 	.logo{
-		font-size: x-large;
-		padding: 5px 5px 5px 5px;
+		font-size: 24px;
+		padding: 8px 5px 8px 10px
 	}
 	.header{
-		height: 64px;
-		width: 100%;
+		height: 68px;
+		width: 100%
 	}
 }
 
-/*padding 上 右 下 左*/
-
-@media screen and (min-width: 768px){
+@media screen and (max-width: 385px){
 	.logo{
-		font-size: x-large;
-		padding: 8px 5px 8px 10px;
+		font-size: 18px;
+		padding: 5px 5px 5px 5px
 	}
 	.header{
-		height: 70px;
-		width: 100%;
+		height: 53px;
+		width: 100%
 	}
 }
 
@@ -66,25 +64,29 @@ noscript{
   justify-content:center
 }
 
-button{
+.navbar-toggler{
     border-style: none
 }
 
 .bi-list{
-	font-size: larger;
+	font-size: larger
 }
 
 .bi-chevron-compact-up{
-	font-size: larger;
+	font-size: larger
 }
 
 .center{
   text-align: center
 }
 
+.disappear{
+	display:none;
+}
+
 .allheader{
   width: 100%;
-  z-index: 999;
+  z-index: 99;
   position:fixed
 }
 
@@ -96,14 +98,14 @@ button{
   top: 0px;
   height: 100%;
   background-color: #cccccc;
-  z-index: 100
+  z-index: 99
 }
 /* 弹出框主体 */
 .popup {
   background-color: #ffffff;
   height: 430px;
   border-radius: 5px;
-  margin: 100px auto;
+  margin: 130px auto;
   text-align: center
 }
 /* 弹出框的标题 */
@@ -130,30 +132,27 @@ button{
 }
 /* 弹出框的按钮栏 */
 .popup_btn {
+  cursor: pointer;
   padding-top: 30px
 }
 /* 弹出框的按钮 */
 .popup_btn button.ds {
-  color: #778899;
   width: 40%;
   height: 40px;
-  cursor: pointer;
   border: solid 1px #cccccc;
   border-radius: 5px;
   margin: 5px 10px;
   color: #ffffff;
-  background-color: rgb(150,150,150)
+  background-color: #969696
 }
 .popup_btn button.ag {
-    color: #778899;
-    width: 40%;
-    height: 40px;
-    cursor: pointer;
-    border: solid 1px #cccccc;
-    border-radius: 5px;
-    margin: 5px 10px;
-    color: #ffffff;
-    background-color: #337ab7
+  width: 40%;
+  height: 40px;
+  border: solid 1px #cccccc;
+  border-radius: 5px;
+  margin: 5px 10px;
+  color: #ffffff;
+  background-color: #337ab7
   }
 /*弹窗部分结束*/
 
@@ -172,19 +171,19 @@ button{
 }
 
 .nav-link:hover{
-    border-bottom: 2px solid rgb(38, 38, 38);
+    border-bottom: 2px solid #262626;
     margin-bottom: -2px
 }
 
 .pull-down-menu{
-    background-color: rgb(242,242,242);
+    background-color: #F2F2F2;
     text-decoration: none;
 }
 
 .pull-down-menu a {
     display:block;
     font-size: 18px;
-    color: rgb(38, 38, 38);
+    color: #262626;
     text-decoration:none;
     margin-top:15px;
     margin-bottom:15px;
@@ -200,7 +199,7 @@ button{
 }
 
 .pullsearchdiv{
-  background-color: rgb(242,242,242)
+  background-color: #F2F2F2
 }
 
 .pullsearch{
@@ -219,7 +218,7 @@ button{
 
 footer{
   width: 100%;
-  background-color: rgb(242,242,242)
+  background-color: #F2F2F2
 }
 .back-top {
   text-align: center;
diff --git a/css/index.css b/css/index.css
index 998ebd4..f91535a 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,29 +1,15 @@
-.Slide-infor{
-    margin-top:5px;
-}
-
-.maininfor{
-    text-align: center;
-}
-
 .welcome{
-    height: auto;
-    background-color: rgb(245, 245, 245);
+    background-color: #F5F5F5
 }
 
 .welcome h2{
     padding: 15px 0px 0px 0px;
-    color: rgb(130,130,130);
+    color: #828282
 }
 
-.welcome h4{
+.welcome h5{
     padding: 0px 0px 15px 0px;
-    color: rgb(100,100,100);
-}
-
-
-.disappear{
-	display:none;
+    color: #646464
 }
 
 #content{
diff --git a/index.html b/index.html
index f2014f5..4d9dd38 100644
--- a/index.html
+++ b/index.html
@@ -37,16 +37,16 @@
                 <span alt="logo">火腿气象台 | HAMeteo</span>
             </a>
         </div>
-        <div class="stereoscopic-line"></div>
         <noscript>请您启用 JavaScript 以获得最佳浏览体验！</noscript>
     </div>
+    <div class="stereoscopic-line"></div>
     <!--页眉 结束-->
     <!--内容部分开始-->
-    <div class="maininfor">
+    <div class="center">
         <div class="welcome">
-            <h1 class="disappear"></h1>
-            <h2 class="welcometitle Hero-title">欢迎访问火腿气象台！</h2>
-            <h4>Welcome to HAMeteo！</h4>
+            <h1 class="disappear">欢迎访问火腿气象台</h1>
+            <h2 class="welcometitle Hero-title">欢迎访问火腿气象台</h2>
+            <h5>Welcome to HAMeteo</h5>
         </div>
         <div id="content">
             <div class="Slide-infor">
diff --git a/module/header.html b/module/header.html
index 62a154a..3828cbf 100644
--- a/module/header.html
+++ b/module/header.html
@@ -7,7 +7,6 @@
     })(window, document, "clarity", "script", "f4serx3lgw");
 </script>
 <!--Microsoft clarity-->
-
 <!--Google analytics-->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-YY3SD8KDP7"></script>
 <script>
@@ -18,33 +17,9 @@
   gtag('config', 'G-YY3SD8KDP7');
 </script>
 <!--Google analytics-->
-
 <!--Google Ads-->
 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4307341364258575" crossorigin="anonymous"></script>
 <!--Google Ads-->
-
-<!--Baidu analytics-->
-<script>
-    var _hmt = _hmt || [];
-    (function () {
-        var hm = document.createElement("script");
-        hm.src = "https://hm.baidu.com/hm.js?5cd6f5e201aabcca34236649af35eae1";
-        var s = document.getElementsByTagName("script")[0];
-        s.parentNode.insertBefore(hm, s);
-    })();
-</script>
-<!--Baidu analytics-->
-
-<!--360 analytics-->
-<script>
-    (function (b, a, e, h, f, c, g, s) {
-        b[h] = b[h] || function () { (b[h].c = b[h].c || []).push(arguments) };
-        b[h].s = !!c; g = a.getElementsByTagName(e)[0]; s = a.createElement(e);
-        s.src = "//s.union.360.cn/" + f + ".js"; s.defer = !0; s.async = !0; g.parentNode.insertBefore(s, g)
-    })(window, document, "script", "_qha", 519302, false);
-</script>
-<!--360 analytics-->
-
 <div class="container">
     <div class="row">
         <div id="overlay" style="display: none;">
@@ -54,18 +29,18 @@
                 <p class="popup_content overflow-auto">
                     欢迎您访问火腿气象台，在进行浏览前，请您务必审慎阅读、充分理解各条款内容。我们非常重视您的用户权益与个人信息的保护，我们将通过以下协议向你说明我们如何为你提供服务并保障你的权益。如您阅读后同意本条款，请点击“我已阅读并同意”按钮。
                     <br />
-                    <br />本协议更新时间：2023 年 5 月 19 日
+                    <br />本协议更新时间：2023 年 7 月 28 日
                     <br /><strong>用户协议</strong>
-                    <br />1.本站所有内容仅供参考，请谨慎采纳。本站不对任何内容的科学性、可靠性负责。若您因采用本网站提供的内容导致任何损失或事故，本站概不负责。
-                    <br />2.本站严格遵守《中华人民共和国互联网信息服务管理办法》等相关法律法规，采取最严格的审核管理办法以杜绝不良不法信息的传播。如果您是中华人民共和国境外的使用者，还应遵守所属国家或地区的法律法规。用户发布的一切内容均不代表本站，用户需自行承担对其所发布的内容的责任，本站不对其产生的一切问题负责。
-                    <br />3.本站不欢迎一切不友善的行为，包括但不限于辱骂，人身攻击，谣言，引战，歧视等行为。同时，本站不允许发布一切未经允许的广告。
-                    <br />4.本站提供的服务中可能包含广告以维持网站的正常运营，用户需同意在使用过程中显示第三方供应商提供的广告。用户因就第三方原因与第三方产生争议的，由用户与第三方自行解决，本站不承担任何责任。
-                    <br />5.本站保留因业务发展需要，单方面对其服务器所提供的全部或部分服务内容在任何时候不经任何通知的情况下进行变更、暂停、限制、终止或撤销服务的权利。
+                    <br />1. 本站所有内容仅供参考，请谨慎采纳。本站不对任何内容的科学性、可靠性负责。若您因采用本网站提供的内容导致任何损失或事故，本站概不负责。
+                    <br />2. 本站严格遵守《中华人民共和国互联网信息服务管理办法》等相关法律法规，采取最严格的审核管理办法以杜绝不良不法信息的传播。如果您是中华人民共和国境外的使用者，还应遵守所属国家或地区的法律法规。用户发布的一切内容均不代表本站，用户需自行承担对其所发布的内容的责任，本站不对其产生的一切问题负责。
+                    <br />3. 本站不欢迎一切不友善的行为，包括但不限于辱骂，人身攻击，谣言，引战，歧视等行为。同时，本站不允许发布一切未经允许的广告。
+                    <br />4. 本站提供的服务中可能包含广告以维持网站的正常运营，用户需同意在使用过程中显示第三方供应商提供的广告。用户因就第三方原因与第三方产生争议的，由用户与第三方自行解决，本站不承担任何责任。
+                    <br />5. 本站保留因业务发展需要，单方面对其服务器所提供的全部或部分服务内容在任何时候不经任何通知的情况下进行变更、暂停、限制、终止或撤销服务的权利。
                     <br />
                     <br /><strong>隐私政策</strong>
                     <br />本站尊重并保护所有用户的个人隐私权，高度重视用户隐私及个人信息的保护，我们依据《中华人民共和国网络安全法》、《信息安全技术个人信息安全规范》以及其他相关法律法规与安全标准来收集和使用您的个人信息，除本政策或相关法规另有规定外，在未征得您事先许可的情况下，本站不会将这些信息向对外提供提供。
                     <br />在您的使用过程中，部分数据将传输至我们或我们的服务商设立于中华人民共和国境外的服务器进行处理或保存。如：您的评论将采用Gitalk开源评论系统传输至位于美国的Github数据中心进行存储或处理。同时，我们也将通过我们的服务商Microsoft（微软股份有限公司）提供的Microsoft
-                    Clarity服务对您在本站的操作进行录制，以来改善本站服务质量及内容。请放心，您在使用过程中输入的任何隐私内容，如账户名与密码将不会被录制。您可以在<a href="https://clarity.microsoft.com/">Microsoft clarity官方网站</a>了解相应信息。
+                    Clarity服务对您在本站的操作进行录制，以来改善本站服务质量及内容。请放心，您在使用过程中输入的任何隐私内容，如账户名与密码将不会被录制。您可以在<a href="https://clarity.microsoft.com/">Microsoft clarity</a>了解相应信息。
                     <br /><br /><em>请注意：上述协议与政策最终解释权归本站所有。</em>
                     <br />条款编撰者：BG7YST（客席）
                 </p>
@@ -88,15 +63,13 @@
                 </a>
             </div>
             <div class="text-nowrap">
-                <span id="searchpull">
-                    <button onclick="searpull()" class="navbar-toggler collapsed" style="border-style: none;" type="button" data-bs-toggle="collapse" data-bs-target="#pull-down-search" aria-controls="pull-down-search" aria-expanded="false" aria-label="Toggle navigation">
+                <span>
+                    <button onclick="window.location.href='/module/search.html'" class="navbar-toggler collapsed">
                         <i class="bi bi-search"></i>
                     </button>
                 </span>
                 <span id="wpull">
-                    <button onclick="pull()" class="navbar-toggler collapsed" style="border-style: none;" type="button"
-                        data-bs-toggle="collapse" data-bs-target="#pull-down-menu" aria-controls="pull-down-menu"
-                        aria-expanded="false" aria-label="Toggle navigation">
+                    <button onclick="pull()" class="navbar-toggler collapsed" data-bs-toggle="collapse" data-bs-target="#pull-down-menu" >
                         <i class="bi bi-list"></i>
                     </button>
                 </span>
@@ -179,27 +152,13 @@
         $(function () {
             $('.collapse').collapse('hide');
         })
-        searchpackup();
-        wpull.innerHTML = "<button onclick='packup()' style='border-style: none;' class='navbar-toggler text-nowrap'><i class='bi bi-chevron-compact-up'></i></button>";
-    }
-    function searpull() {
-        $(function () {
-            $('.collapse').collapse('hide');
-        })
-        packup();
-        searchpull.innerHTML = "<button onclick='searchpackup()' style='border-style: none;' class='navbar-toggler text-nowrap'><i class='bi bi-chevron-compact-up'></i></button>";
+        wpull.innerHTML = "<button onclick='packup()' class='navbar-toggler text-nowrap'><i class='bi bi-chevron-compact-up'></i></button>";
     }
     function packup() {
         $(function () {
             $('.collapse').collapse('hide');
         })
-        wpull.innerHTML = "<button onclick='pull()' class='navbar-toggler collapsed text-nowrap' style='border-style: none;' type='button' data-bs-toggle='collapse' data-bs-target='#pull-down-menu' aria-controls='pull-down-menu' aria-expanded='false' aria-label='Toggle navigation'><i class='bi bi-list'></i></button>";
-    }
-    function searchpackup() {
-        $(function () {
-            $('.collapse').collapse('hide');
-        })
-        searchpull.innerHTML = "<button onclick='searpull()' class='navbar-toggler collapsed text-nowrap' style='border-style: none;' type='button' data-bs-toggle='collapse' data-bs-target='#pull-down-search' aria-controls='pull-down-search' aria-expanded='false' aria-label='Toggle navigation'><i class='bi bi-search'></i></button>";
+        wpull.innerHTML = "<button onclick='pull()' class='navbar-toggler collapsed text-nowrap' data-bs-toggle='collapse' data-bs-target='#pull-down-menu'><i class='bi bi-list'></i></button>";
     }
     function psearch() {
         wsearch.innerHTML = "<a class='nav-link' href='#search' data-bs-toggle='collapse' onclick='csearch()''><i class='bi bi-search'></i></a>";