diff --git a/package.json b/package.json
index e7f9cef6..1abee0a2 100644
--- a/package.json
+++ b/package.json
@@ -31,11 +31,11 @@
   },
   "devDependencies": {
     "@iconify/vue": "^4.1.1",
-    "@types/node": "^20.2.5",
+    "@types/node": "^20.3.1",
     "@vitejs/plugin-vue": "^4.2.3",
     "cross-env": "^7.0.3",
-    "rollup-plugin-visualizer": "^5.9.0",
-    "sass": "^1.62.1",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "sass": "^1.63.3",
     "typescript": "^5.1.3",
     "vite": "^4.3.9",
     "vite-plugin-mock": "^3.0.0",
diff --git a/src/router/modules/kungalgamer.ts b/src/router/modules/kungalgamer.ts
index 8a5e0d46..0a34c91a 100644
--- a/src/router/modules/kungalgamer.ts
+++ b/src/router/modules/kungalgamer.ts
@@ -24,7 +24,16 @@ const kungalgamer: RouteRecordRaw[] = [
             path: 'info',
             component: () => import('@/views/kungalgamer/content/Info.vue'),
             meta: {
-              title: 'KUN | info',
+              title: 'KUN | Info',
+              permission: 'kun',
+            },
+          },
+          {
+            name: 'Settings',
+            path: 'settings',
+            component: () => import('@/views/kungalgamer/content/Settings.vue'),
+            meta: {
+              title: 'KUN | Settings',
               permission: 'kun',
             },
           },
@@ -33,7 +42,7 @@ const kungalgamer: RouteRecordRaw[] = [
             path: 'password',
             component: () => import('@/views/kungalgamer/content/Password.vue'),
             meta: {
-              title: 'KUN | password',
+              title: 'KUN | Password',
               permission: 'kun',
             },
           },
@@ -43,7 +52,7 @@ const kungalgamer: RouteRecordRaw[] = [
             path: 'topic',
             component: () => import('@/views/kungalgamer/content/Topic.vue'),
             meta: {
-              title: 'KUN | topic',
+              title: 'KUN | Topic',
               permission: 'kun',
             },
           },
diff --git a/src/views/Home/KUNGalgameMainPage.vue b/src/views/Home/KUNGalgameMainPage.vue
index df0c893a..8504cecf 100644
--- a/src/views/Home/KUNGalgameMainPage.vue
+++ b/src/views/Home/KUNGalgameMainPage.vue
@@ -18,8 +18,5 @@ import MainPageFooter from './footer/MainPageFooter.vue'
   height: 1500px;
   display: flex;
   flex-direction: column;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: cover;
 }
 </style>
diff --git a/src/views/kungalgamer/KUNGalgamer.vue b/src/views/kungalgamer/KUNGalgamer.vue
index 89edf0ba..ac51cb43 100644
--- a/src/views/kungalgamer/KUNGalgamer.vue
+++ b/src/views/kungalgamer/KUNGalgamer.vue
@@ -29,8 +29,6 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 .root {
   height: 100vh;
   width: 100vw;
-  min-width: 960px;
-  min-height: 800px;
   display: flex;
   flex-direction: column;
 }
diff --git a/src/views/kungalgamer/components/Avatar.vue b/src/views/kungalgamer/components/Avatar.vue
new file mode 100644
index 00000000..1d46c384
--- /dev/null
+++ b/src/views/kungalgamer/components/Avatar.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template></template>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/kungalgamer/components/NavBar.vue b/src/views/kungalgamer/components/NavBar.vue
index bae382b7..0e5d57c0 100644
--- a/src/views/kungalgamer/components/NavBar.vue
+++ b/src/views/kungalgamer/components/NavBar.vue
@@ -13,26 +13,31 @@ const navBar: nav[] = [
   },
   {
     index: 2,
+    name: '更改信息',
+    router: '/kungalgamer/kungalgamer/settings',
+  },
+  {
+    index: 3,
     name: '邮箱密码',
     router: '/kungalgamer/kungalgamer/password',
   },
   {
-    index: 3,
+    index: 4,
     name: '发过的帖',
     router: '/kungalgamer/kungalgamer/topic',
   },
   {
-    index: 4,
+    index: 5,
     name: '回过的贴',
     router: '/kungalgamer/kungalgamer/topic',
   },
   {
-    index: 5,
+    index: 6,
     name: '赞过的帖',
     router: '/kungalgamer/kungalgamer/topic',
   },
   {
-    index: 6,
+    index: 7,
     name: '推过的帖',
     router: '/kungalgamer/kungalgamer/topic',
   },
diff --git a/src/views/kungalgamer/content/Info.vue b/src/views/kungalgamer/content/Info.vue
index 014a7176..9a5a8abf 100644
--- a/src/views/kungalgamer/content/Info.vue
+++ b/src/views/kungalgamer/content/Info.vue
@@ -33,11 +33,6 @@
           啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星
           啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星
         </div>
-        <!-- 更改签名 -->
-        <div class="change-btn">
-          <button>更改签名</button>
-          <button>确定更改</button>
-        </div>
       </ul>
     </div>
   </div>
@@ -77,25 +72,4 @@
   flex-direction: column;
   justify-content: space-between;
 }
-/* 更改签名 */
-.change-btn {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 20px;
-}
-/* 用户更改签名的按钮 */
-.change-btn button {
-  height: 30px;
-  width: 49%;
-  border: 1px solid var(--kungalgame-blue-4);
-  background-color: var(--kungalgame-trans-blue-0);
-  cursor: pointer;
-  color: var(--kungalgame-font-color-3);
-}
-.change-btn button:hover {
-  background-color: var(--kungalgame-trans-blue-4);
-}
-.change-btn button:active {
-  background-color: var(--kungalgame-trans-blue-0);
-}
 </style>
diff --git a/src/views/kungalgamer/content/Settings.vue b/src/views/kungalgamer/content/Settings.vue
new file mode 100644
index 00000000..dd4ecce1
--- /dev/null
+++ b/src/views/kungalgamer/content/Settings.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import Avatar from '../components/Avatar.vue'
+</script>
+
+<template>
+  <div class="settings">
+    <Avatar />
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/topic/content/master/TopicMaster.vue b/src/views/topic/content/master/TopicMaster.vue
index 01340a7f..3e05fd5a 100644
--- a/src/views/topic/content/master/TopicMaster.vue
+++ b/src/views/topic/content/master/TopicMaster.vue
@@ -66,9 +66,9 @@ import Floor from '../components/Floor.vue'
   /* TODO: */
   /* 楼主帖子背景图 */
   /*   background-image: url(../../img/bg-dark.png; */
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: cover;
+  // background-repeat: no-repeat;
+  // background-position: center;
+  // background-size: cover;
 }
 /* 楼主帖子内容区的容器 */
 .content-container {