diff --git a/banlist.html b/banlist.html
index 15ba660..c585009 100644
--- a/banlist.html
+++ b/banlist.html
@@ -13,7 +13,7 @@
     <link href="static/css/styles.css" rel="stylesheet">
 	
 	<!-- Favicon  -->
-    <link rel="icon" href="static/picture/logo.png">
+    <link rel="icon" href="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png">
 <script async="" src='static/js/invisible.js'></script>        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 <body data-spy="scroll" data-target=".fixed-top">
     
@@ -34,7 +34,7 @@
         <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Aria</a> -->
                
         <!-- Image Logo -->
-        <a class="navbar-brand logo-image" href="index.html"><img src="static/picture/logo.png" alt="alternative"></a>
+        <a class="navbar-brand logo-image" href="index.html"><img src="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png" alt="alternative"></a>
         
         <!-- Mobile Menu Toggle Button -->
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/index.html b/index.html
index d63ca33..d5d1702 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
 	<link href="static/css/styles.css" rel="stylesheet">
 	
 	<!-- Favicon  -->
-    <link rel="icon" href="static/picture/logo.png">
+    <link rel="icon" href="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png">
 
 <script async="" src='static/js/invisible.js'></script>        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 <body data-spy="scroll" data-target=".fixed-top">
@@ -34,7 +34,7 @@
         <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Aria</a> -->
                
         <!-- Image Logo -->
-        <a class="navbar-brand logo-image" href=""><img src="static/picture/logo.png" alt="alternative"></a>
+        <a class="navbar-brand logo-image" href=""><img src="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png" alt="alternative"></a>
 
         <!-- Mobile Menu Toggle Button -->
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="true" aria-label="Toggle navigation">
@@ -138,7 +138,7 @@ <h2>KukeMC Server 欢迎您</h2>
                 </div> <!-- end of col -->
                 <div class="col-lg-7">
                     <div class="image-container">
-                        <img class="img-fluid" src="static/picture/sunset.jpg" alt="alternative">
+                        <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffcdf3ec72c.jpg" alt="alternative"> <!-- sunset 图片 -->
                     </div> <!-- end of image-container -->
                 </div> <!-- end of col -->
             </div> <!-- end of row -->
@@ -160,7 +160,7 @@ <h2>服务器列表<br> 多种玩法提供选择</h2>
                     <!-- Card -->
                     <div class="card">
                         <div class="card-image">
-                            <img class="img-fluid" src="static/image/slime.jpg" alt="alternative">
+                            <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffc2f78bb06.jpg" alt="alternative"> <!-- slime 图片 -->
                         </div>
                         <div class="card-body">
                             <h3 class="card-title">长期玩法</h3>
@@ -176,7 +176,7 @@ <h3 class="card-title">长期玩法</h3>
                     <!-- Card -->
                     <div class="card">
                         <div class="card-image">
-                            <img class="img-fluid" src="static/image/create.jpg" alt="alternative">
+                            <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffc425d832a.jpg" alt="alternative"> <!-- create 图片 -->
                         </div>
                         <div class="card-body">
                             <h3 class="card-title">中期玩法</h3>
@@ -192,7 +192,7 @@ <h3 class="card-title">中期玩法</h3>
                     <!-- Card -->
                     <div class="card">
                         <div class="card-image">
-                            <img class="img-fluid" src="static/image/kit.jpg" alt="alternative">
+                            <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffc466f049d.jpg" alt="alternative"> <!-- kit 图片 -->
                         </div>
                         <div class="card-body">
                             <h3 class="card-title">短期玩法</h3>
@@ -231,28 +231,28 @@ <h2>风景欣赏</h2>
                     </div> <!-- end of button group -->
                     <div class="grid">
                         <div class="element-item design">
-                            <a class="popup-with-move-anim" href="#project-1"><div class="element-item-overlay"><span>主城风景1</span></div><img src="static/picture/lobby1.jpg" alt="alternative"></a>
+                            <a class="popup-with-move-anim" href="#project-1"><div class="element-item-overlay"><span>主城风景1</span></div><img src="https://www.helloimg.com/i/2024/10/04/66ffce7bc7a29.jpg" alt="alternative"></a>
                         </div>
                         <div class="element-item design">
-                            <a class="popup-with-move-anim" href="#project-2"><div class="element-item-overlay"><span>主城风景2</span></div><img src="static/picture/lobby2.jpg" alt="alternative"></a>
+                            <a class="popup-with-move-anim" href="#project-2"><div class="element-item-overlay"><span>主城风景2</span></div><img src="https://www.helloimg.com/i/2024/10/04/66ffce40dc801.jpg" alt="alternative"></a>
                         </div>
                         <div class="element-item development">
-                            <a class="popup-with-move-anim" href="#project-3"><div class="element-item-overlay"><span>其他风景</span></div><img src="static/picture/else1.jpg" alt="alternative"></a>
+                            <a class="popup-with-move-anim" href="#project-3"><div class="element-item-overlay"><span>其他风景</span></div><img src="https://www.helloimg.com/i/2024/10/04/66ffcea6b6e54.jpg" alt="alternative"></a>
                         </div>
                         <div class="element-item development">
-                            <a class="popup-with-move-anim" href="#project-4"><div class="element-item-overlay"><span>其他风景</span></div><img src="static/picture/else2.jpg" alt="alternative"></a>
+                            <a class="popup-with-move-anim" href="#project-4"><div class="element-item-overlay"><span>其他风景</span></div><img src="https://www.helloimg.com/i/2024/10/04/66ffcea6f31b3.jpg" alt="alternative"></a>
                         </div>
                         <div class="element-item marketing">
-                            <a class="popup-with-move-anim" href="#project-5"><div class="element-item-overlay"><span>玩家合照1</span></div><img src="static/picture/players.jpg" alt="alternative"></a>
+                            <a class="popup-with-move-anim" href="#project-5"><div class="element-item-overlay"><span>玩家合照1</span></div><img src="https://www.helloimg.com/i/2024/10/04/66ffce137fcdf.jpg" alt="alternative"></a>
                         </div>
                         <div class="element-item development">
-                            <a class="popup-with-move-anim" href="#project-7"><div class="element-item-overlay"><span>其他风景</span></div><img src="static/picture/else3.jpg" alt="alternative"></a>
+                            <a class="popup-with-move-anim" href="#project-7"><div class="element-item-overlay"><span>其他风景</span></div><img src="https://www.helloimg.com/i/2024/10/04/66ffcea557d8a.jpg" alt="alternative"></a>
                         </div>
                         <div class="element-item seo">
-                            <a class="popup-with-move-anim" href="#project-6"><div class="element-item-overlay"><span>玩家建筑</span></div><img src="static/picture/architecture.jpg" alt="alternative"></a>
+                            <a class="popup-with-move-anim" href="#project-6"><div class="element-item-overlay"><span>玩家建筑</span></div><img src="https://www.helloimg.com/i/2024/10/04/66ffcf6c04c92.jpg" alt="alternative"></a>
                         </div>
                         <div class="element-item seo">
-                            <a class="popup-with-move-anim" href="#project-8"><div class="element-item-overlay"><span>社区小镇</span></div><img src="static/picture/architecture2.jpg" alt="alternative"></a>
+                            <a class="popup-with-move-anim" href="#project-8"><div class="element-item-overlay"><span>社区小镇</span></div><img src="https://www.helloimg.com/i/2024/10/04/66ffcf6c0f158.jpg" alt="alternative"></a>
                         </div>
                     </div> <!-- end of grid -->
                     <!-- end of filter -->
@@ -270,7 +270,7 @@ <h2>风景欣赏</h2>
         <div class="row">
             <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
             <div class="col-lg-8">
-                <img class="img-fluid" src="static/picture/lobby1.jpg" alt="alternative">
+                <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffce7bc7a29.jpg" alt="alternative">
             </div> <!-- end of col -->
             <div class="col-lg-4">
                 <h3>主城风景1</h3>
@@ -288,7 +288,7 @@ <h6>图片介绍</h6>
         <div class="row">
             <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
             <div class="col-lg-8">
-                <img class="img-fluid" src="static/picture/lobby2.jpg" alt="alternative">
+                <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffce40dc801.jpg" alt="alternative">
             </div> <!-- end of col -->
             <div class="col-lg-4">
                 <h3>主城风景2</h3>
@@ -306,7 +306,7 @@ <h6>图片介绍</h6>
         <div class="row">
             <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
             <div class="col-lg-8">
-                <img class="img-fluid" src="static/picture/else1.jpg" alt="alternative">
+                <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffcea6b6e54.jpg" alt="alternative">
             </div> <!-- end of col -->
             <div class="col-lg-4">
                 <h3>其他风景</h3>
@@ -324,7 +324,7 @@ <h6>图片介绍</h6>
         <div class="row">
             <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
             <div class="col-lg-8">
-                <img class="img-fluid" src="static/picture/else2.jpg" alt="alternative">
+                <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffcea6f31b3.jpg" alt="alternative">
             </div> <!-- end of col -->
             <div class="col-lg-4">
                 <h3>其他风景</h3>
@@ -342,7 +342,7 @@ <h6>图片介绍</h6>
         <div class="row">
             <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
             <div class="col-lg-8">
-                <img class="img-fluid" src="static/picture/players.jpg" alt="alternative">
+                <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffce137fcdf.jpg" alt="alternative">
             </div> <!-- end of col -->
             <div class="col-lg-4">
                 <h3>玩家合照</h3>
@@ -359,7 +359,7 @@ <h3>玩家合照</h3>
         <div class="row">
             <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
             <div class="col-lg-8">
-                <img class="img-fluid" src="static/picture/architecture.jpg" alt="alternative">
+                <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffcf6c04c92.jpg" alt="alternative">
             </div> <!-- end of col -->
             <div class="col-lg-4">
                 <h3>玩家建筑</h3>
@@ -376,7 +376,7 @@ <h3>玩家建筑</h3>
         <div class="row">
             <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
             <div class="col-lg-8">
-                <img class="img-fluid" src="static/picture/else3.jpg" alt="alternative">
+                <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffcea557d8a.jpg" alt="alternative">
             </div> <!-- end of col -->
             <div class="col-lg-4">
                 <h3>其他风景</h3>
@@ -394,7 +394,7 @@ <h3>其他风景</h3>
         <div class="row">
             <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
             <div class="col-lg-8">
-                <img class="img-fluid" src="static/picture/architecture2.jpg" alt="alternative">
+                <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffcf6c0f158.jpg" alt="alternative">
             </div> <!-- end of col -->
             <div class="col-lg-4">
                 <h3>社区小镇</h3>
diff --git a/longterm.html b/longterm.html
index 78ee88b..a8de6d9 100644
--- a/longterm.html
+++ b/longterm.html
@@ -13,7 +13,7 @@
     <link href="static/css/styles.css" rel="stylesheet">
 	
 	<!-- Favicon  -->
-    <link rel="icon" href="static/picture/logo.png">
+    <link rel="icon" href="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png">
 <script async="" src='static/js/invisible.js'></script>        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 <body data-spy="scroll" data-target=".fixed-top">
     
@@ -34,7 +34,7 @@
         <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Aria</a> -->
                
         <!-- Image Logo -->
-        <a class="navbar-brand logo-image" href="index.html"><img src="static/picture/logo.png" alt="alternative"></a>
+        <a class="navbar-brand logo-image" href="index.html"><img src="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png" alt="alternative"></a>
         
         <!-- Mobile Menu Toggle Button -->
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
@@ -131,7 +131,7 @@ <h3>粘液空岛 - 服务器介绍</h3> <!-- 这个h3的意思就是标题 中
                         <p> <!-- 这个p标签的意思就是正常文字内容 里面就是文字的内容 -->
                             待补充...
                         </p>
-                        <img class="img-fluid" src="static/image/slime.jpg" alt="alternative"> <!-- 这个img标签的意思就是图片 只需要修改里面的src属性即可显示任意图片 这个src的属性就是文件路径 -->
+                        <img class="img-fluid" src="https://www.helloimg.com/i/2024/10/04/66ffc2f78bb06.jpg" alt="alternative"> <!-- slime 这个img标签的意思就是图片 只需要修改里面的src属性即可显示任意图片 这个src的属性就是文件路径 -->
                         <br><br><br><br><br><br> <!-- br的意义就是换行 -->
                     </div> <!-- end of text-container -->
                     <a class="btn-outline-reg" href="index.html">返回</a>
diff --git a/news.html b/news.html
index b8e1a57..5afceac 100644
--- a/news.html
+++ b/news.html
@@ -26,7 +26,7 @@
     <link href="static/css/styles.css" rel="stylesheet">
 	
 	<!-- Favicon  -->
-    <link rel="icon" href="static/picture/logo.png">
+    <link rel="icon" href="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png">
 <script async="" src='static/js/invisible.js'></script>        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 <body data-spy="scroll" data-target=".fixed-top">
     
@@ -47,7 +47,7 @@
         <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Aria</a> -->
                
         <!-- Image Logo -->
-        <a class="navbar-brand logo-image" href="index.html"><img src="static/picture/logo.png" alt="alternative"></a>
+        <a class="navbar-brand logo-image" href="index.html"><img src="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png" alt="alternative"></a>
         
         <!-- Mobile Menu Toggle Button -->
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/player.html b/player.html
index b1a338a..253473b 100644
--- a/player.html
+++ b/player.html
@@ -26,10 +26,10 @@
     <link href="static/css/styles.css" rel="stylesheet">
 	
 	<!-- Favicon  -->
-    <link rel="icon" href="static/picture/logo.png">
+    <link rel="icon" href="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png">
     <style>
         body {
-            background-image: url('static/image/lobby.jpg');
+            background-image: url('https://www.helloimg.com/i/2024/10/04/66ffc01e3dbd4.jpg'); /* lobby图片 */
             background-position: 0 370px; /* 水平位置不变，垂直向下偏移 */
         }
 
@@ -115,7 +115,7 @@
         <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Aria</a> -->
                
         <!-- Image Logo -->
-        <a class="navbar-brand logo-image" href="index.html"><img src="static/picture/logo.png" alt="alternative"></a>
+        <a class="navbar-brand logo-image" href="index.html"><img src="https://www.helloimg.com/i/2024/10/04/66ffcfc629280.png" alt="alternative"></a>
         
         <!-- Mobile Menu Toggle Button -->
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/static/css/styles.css b/static/css/styles.css
index 38fd1b9..d51264f 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -770,7 +770,7 @@ input[type='checkbox'] {
 /*    04. Header     */
 /*********************/
 .header {
-	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../image/lobby.jpg') center center no-repeat;
+	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('https://www.helloimg.com/i/2024/10/04/66ffc01e3dbd4.jpg') center center no-repeat; /* lobby 背景图片 */
 	background-size: cover;
 }
 
@@ -872,7 +872,6 @@ input[type='checkbox'] {
 	position: absolute;
 	width: 6rem;
 	height: 6rem;
-	background: url('http://www.ranmc.cn/images/hexagon-green.svg') center center no-repeat;
 	background-size: 6rem 6rem;
 }
 
@@ -973,7 +972,7 @@ input[type='checkbox'] {
 /*************************/
 .accordion .area-1 {
 	height: 27rem;
-	background: url('../image/npcs.jpg') center center no-repeat;
+	background: url('https://www.helloimg.com/i/2024/10/04/66ffc53d7af17.jpg') center center no-repeat; /* npc 背景图片 */
 	background-size: cover;
 }
 
@@ -1163,7 +1162,7 @@ input[type='checkbox'] {
 
 .tabs .area-2 {
 	height: 27rem;
-	background: url('../image/backend.jpg') center center no-repeat;
+	background: url('https://www.helloimg.com/i/2024/10/04/66ffc4486bd17.jpg') center center no-repeat; /* backend image */
 	background-size: cover;
 }
 
@@ -1548,21 +1547,6 @@ input[type='checkbox'] {
 	margin-left: 0.125rem;
 }
 
-.basic-2 .fa-stack .hexagon {
-	position: absolute;
-	left: 0;
-	width: 1.75rem;
-	height: 1.75rem;
-	background: url('http://www.ranmc.cn/images/hexagon-green.svg') center center no-repeat;
-	background-size: 1.75rem 1.75rem;
-	transition: all 0.2s ease;
-}
-
-.basic-2 .fa-stack:hover .hexagon {
-	background: url('http://www.ranmc.cn/images/hexagon-white.svg') center center no-repeat;
-	background-size: 1.75rem 1.75rem;
-}
-
 .basic-2 .fa-stack-1x {
 	font-size: 0.6875rem;
 	line-height: 1.75rem;
@@ -1756,24 +1740,6 @@ input[type='checkbox'] {
 	text-decoration: none;
 }
 
-
-/**********************************/
-/*     19. Back To Top Button     */
-/**********************************/
-a.back-to-top {
-	position: fixed;
-	z-index: 999;
-	right: 0.75rem;
-	bottom: 0.75rem;
-	display: none;
-	width: 2.625rem;
-	height: 2.625rem;
-	border-radius: 1.875rem;
-	background: #ff80ab url("https://img01.sogoucdn.com/app/a/100520146/0B586A7D085D120376A66E886388F822") no-repeat center 47%;
-	background-size: 1.125rem 1.125rem;
-	text-indent: -9999px;
-}
-
 a:hover.back-to-top {
 	background-color: #13aa87; 
 }
