diff --git a/server/index.js b/server/index.js
index 1795c58a..e71c590e 100644
--- a/server/index.js
+++ b/server/index.js
@@ -7,7 +7,7 @@ const app = express()
 app.use(cors())
 app.use(bodyParser.json())
 
-const port = 1007 // 端口号
+const port = 10007 // 端口号
 
 // 模拟一个 topics 数组
 const topics = [
diff --git a/server/pnpm-lock.yaml b/server/pnpm-lock.yaml
index 22deff1d..a93aa4f4 100644
--- a/server/pnpm-lock.yaml
+++ b/server/pnpm-lock.yaml
@@ -1,4 +1,8 @@
-lockfileVersion: '6.0'
+lockfileVersion: '6.1'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
 
 dependencies:
   body-parser:
diff --git a/src/router/modules/kungalgamer.ts b/src/router/modules/kungalgamer.ts
index 60f22579..982d1ef2 100644
--- a/src/router/modules/kungalgamer.ts
+++ b/src/router/modules/kungalgamer.ts
@@ -10,6 +10,35 @@ const kungalgamer: KUNRouteType[] = [
       permission: 'kungalgamer',
       title: '用户页',
     },
+    children: [
+      {
+        name: 'Info',
+        path: 'info',
+        component: () => import('@/views/kungalgamer/content/Info.vue'),
+        meta: {
+          title: 'KUN',
+          permission: 'kun',
+        },
+      },
+      {
+        name: 'Password',
+        path: 'password',
+        component: () => import('@/views/kungalgamer/content/Password.vue'),
+        meta: {
+          title: 'KUN',
+          permission: 'kun',
+        },
+      },
+      {
+        name: 'CreatedTopic',
+        path: 'created',
+        component: () => import('@/views/kungalgamer/content/Topic.vue'),
+        meta: {
+          title: 'KUN',
+          permission: 'kun',
+        },
+      },
+    ],
   },
 ]
 
diff --git a/src/router/types.ts b/src/router/types.ts
index a3d87509..df30b942 100644
--- a/src/router/types.ts
+++ b/src/router/types.ts
@@ -18,6 +18,7 @@ export interface KUNRouteType extends Omit<RouteRecordRaw, 'props'> {
   component?: Component | string
   components?: Component
   children?: KUNRouteType[]
+  fullPath?: string
   meta?: MetaType
   redirect?: string
 }
diff --git a/src/views/contact/Contact.vue b/src/views/contact/Contact.vue
index 31c0ffdc..81d72bdc 100644
--- a/src/views/contact/Contact.vue
+++ b/src/views/contact/Contact.vue
@@ -39,15 +39,6 @@ import BackToPrevious from '@/components/BackToPrevious.vue'
 </template>
 
 <style lang="scss" scoped>
-* {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  text-decoration: none;
-}
-*::-webkit-scrollbar {
-  display: none;
-}
 /* 根容器 */
 .root {
   height: 100vh;
@@ -109,29 +100,27 @@ import BackToPrevious from '@/components/BackToPrevious.vue'
   font-style: italic;
   font-family: serif;
   cursor: pointer;
-}
-.kungalgame:hover {
-  color: $kungalgame-blue-4;
-  transition: 0.1s;
+  &:hover {
+    color: $kungalgame-blue-4;
+    transition: 0.1s;
+  }
 }
 /* 联系方式容器 */
 .content {
   display: flex;
   font-size: 20px;
-}
-/* 单个项目 */
-.content > div {
-  /* 固定宽度 */
-  width: 110px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-/* 文字提示 */
-.content span {
-  margin-bottom: 20px;
-  cursor: pointer;
+  & > div {
+    /* 固定宽度 */
+    width: 110px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  span {
+    margin-bottom: 20px;
+    cursor: pointer;
+  }
 }
 /* 图标字体 */
 .icon {
@@ -140,10 +129,10 @@ import BackToPrevious from '@/components/BackToPrevious.vue'
   color: $kungalgame-blue-4;
   cursor: pointer;
   text-align: center;
-}
-.icon:hover {
-  color: $kungalgame-red-4;
-  transform: scale(1.2);
-  transition: 0.1s;
+  &:hover {
+    color: $kungalgame-red-4;
+    transform: scale(1.2);
+    transition: 0.1s;
+  }
 }
 </style>
diff --git a/src/views/kungalgamer/KUNGalgamer.vue b/src/views/kungalgamer/KUNGalgamer.vue
index 93cea372..ea3a3994 100644
--- a/src/views/kungalgamer/KUNGalgamer.vue
+++ b/src/views/kungalgamer/KUNGalgamer.vue
@@ -101,23 +101,22 @@ import { currBackground } from '@/hooks/useBackgroundPicture'
   /* 头部的颜色 */
   background-color: $kungalgame-trans-blue-0;
   align-items: center;
-}
-/* 用户名字的位置 */
-.kungalgamer-name span:nth-child(1) {
-  position: absolute;
-  font-size: 22px;
-  /* 相对于 header 定位信息 */
-  margin-left: 200px;
-  margin-top: 60px;
-  z-index: 1;
-}
-.kungalgamer-name span:nth-child(2) {
-  position: absolute;
-  right: 0;
-  font-size: 100px;
-  color: $kungalgame-trans-white-6;
-  font-style: italic;
-  text-shadow: 2px 2px 2px $kungalgame-trans-white-8;
+  span:nth-child(1) {
+    position: absolute;
+    font-size: 22px;
+    /* 相对于 header 定位信息 */
+    margin-left: 200px;
+    margin-top: 60px;
+    z-index: 1;
+  }
+  span:nth-child(2) {
+    position: absolute;
+    right: 0;
+    font-size: 100px;
+    color: $kungalgame-trans-white-6;
+    font-style: italic;
+    text-shadow: 2px 2px 2px $kungalgame-trans-white-8;
+  }
 }
 /* 用户头像 */
 .kungalgamer-avatar {
diff --git a/src/views/login/Login.vue b/src/views/login/Login.vue
index 7880f199..8f4037ac 100644
--- a/src/views/login/Login.vue
+++ b/src/views/login/Login.vue
@@ -19,7 +19,7 @@ const router = useRouter()
 
 // 登录请求
 const loginMutation = useMutation(async (data: any) => {
-  const res = await request('http://127.0.0.1:1007/api/login', {
+  const res = await request('http://127.0.0.1:10007/api/login', {
     method: 'POST',
     body: JSON.stringify(data),
     headers: { 'Content-Type': 'application/json' },
@@ -29,7 +29,7 @@ const loginMutation = useMutation(async (data: any) => {
 
 // 注册请求
 const registerMutation = useMutation(async (data: any) => {
-  const res = await request('http://127.0.0.1:1007/api/register', {
+  const res = await request('http://127.0.0.1:10007/api/register', {
     method: 'POST',
     body: JSON.stringify(data),
     headers: { 'Content-Type': 'application/json' },