diff --git a/public/normal-header.png b/public/normal-header.png
new file mode 100644
index 0000000..92a24b7
Binary files /dev/null and b/public/normal-header.png differ
diff --git a/webui/src/components/admin/ChangePhoneModal.vue b/webui/src/components/admin/ChangePhoneModal.vue
new file mode 100644
index 0000000..fcc1cdf
--- /dev/null
+++ b/webui/src/components/admin/ChangePhoneModal.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const showModal = defineModel('showModal', { required: true })
+
+const newPhone = ref('')
+</script>
+
+<template>
+  <n-modal v-model:show="showModal" preset="card" style="width: 600px" title="修改手机号">
+    <n-form label-placement="left">
+      <n-p>你需要使用新的手机号接收一个验证码来完成修改。</n-p>
+      <n-form-item path="to" label="新的手机号">
+        <n-input v-model:value="newPhone" />
+      </n-form-item>
+      <n-flex>
+        <n-button type="warning" disabled>获取验证码</n-button>
+        <n-button type="tertiary">暂不支持喵！</n-button>
+        <n-tag type="info">验证码有效期为 5 分钟，且不允许多个同时有效。</n-tag>
+      </n-flex>
+    </n-form>
+  </n-modal>
+</template>
+
+<style scoped></style>
diff --git a/webui/src/pages/Marketplace.vue b/webui/src/pages/Marketplace.vue
new file mode 100644
index 0000000..2a2cf08
--- /dev/null
+++ b/webui/src/pages/Marketplace.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import InDev from '@/components/InDev.vue'
+</script>
+
+<template>
+  <div class="marketplace-page">
+    <div class="marketplace-header-card"></div>
+
+    <in-dev />
+  </div>
+</template>
+
+<style scoped>
+div.marketplace-page {
+  min-width: min(1200px, 90%);
+  width: min(1200px, 90%);
+  min-height: 0;
+  padding: 6px 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+div.marketplace-header-card {
+  background-image: url('/nyahome/normal-header.png');
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+  border-radius: 12px;
+  width: 100%;
+  height: 500px;
+}
+</style>
diff --git a/webui/src/pages/admin/AdminUserInfo.vue b/webui/src/pages/admin/AdminUserInfo.vue
index 57ca446..bf3bfb2 100644
--- a/webui/src/pages/admin/AdminUserInfo.vue
+++ b/webui/src/pages/admin/AdminUserInfo.vue
@@ -6,6 +6,7 @@ import { api } from '@/tools/web.js'
 import type { UploadFileDto, UserDto } from '@/types/user.js'
 import { useHead } from '@unhead/vue'
 import ChangeEmailModal from '@/components/admin/ChangeEmailModal.vue'
+import ChangePhoneModal from '@/components/admin/ChangePhoneModal.vue'
 
 useHead({
   title: '用户资料',
@@ -146,10 +147,12 @@ async function save() {
       </n-form>
       <n-flex>
         <n-button class="ui-button" type="primary" @click="save">保存</n-button>
-        <n-button class="ui-button" type="warning" @click="showChangeEmailModal = true"
-          >更改邮箱</n-button
-        >
-        <n-button class="ui-button" type="warning">更改手机号</n-button>
+        <n-button class="ui-button" type="warning" secondary @click="showChangeEmailModal = true">
+          更改邮箱
+        </n-button>
+        <n-button class="ui-button" type="warning" secondary @click="showChangePhoneModal = true">
+          更改手机号
+        </n-button>
         <n-button class="ui-button" type="tertiary">重置全部</n-button>
       </n-flex>
     </div>
@@ -168,7 +171,8 @@ async function save() {
       v-model:show-modal="showBackgroundModal"
       v-model:select-files="background_selectFiles"
     />
-    <change-email-modal v-model:show-modal="showChangeEmailModal" />
+    <change-email-modal v-model:show-modal="showChangeEmailModal"/>
+    <change-phone-modal v-model:show-modal="showChangePhoneModal"/>
   </n-card>
 </template>
 
diff --git a/webui/src/router/index.ts b/webui/src/router/index.ts
index 87031d3..4fc0c1c 100644
--- a/webui/src/router/index.ts
+++ b/webui/src/router/index.ts
@@ -9,6 +9,7 @@ import AdminUserSecurity from '@/pages/admin/AdminUserSecurity.vue'
 import AdminUserUpload from '@/pages/admin/AdminUserUpload.vue'
 import AdminNyahome from '@/pages/admin/AdminNyahome.vue'
 import AdminUserScript from '@/pages/admin/AdminUserScript.vue'
+import Marketplace from '@/pages/Marketplace.vue'
 
 const router = createRouter({
   history: createWebHashHistory(import.meta.env.BASE_URL),
@@ -28,6 +29,11 @@ const router = createRouter({
       path: '/chatroom',
       component: ChatroomPage,
     },
+    {
+      name: 'marketplace',
+      path: '/marketplace',
+      component: Marketplace,
+    },
     {
       name: 'admin',
       path: '/admin/',