diff --git a/frontend/src/components/AccountCard.vue b/frontend/src/components/AccountCard.vue
new file mode 100644
index 0000000..17168c9
--- /dev/null
+++ b/frontend/src/components/AccountCard.vue
@@ -0,0 +1,146 @@
+<template>
+  <v-card class="mx-auto postcard" :color="backgrouldColor" max-width="400" style="border-radius: 10px; color: #fff">
+    <div style="width: 100%; padding: 8px 8px 0px 8px">
+      <div style="display: flex; align-items: center; justify-content: space-between;">
+        <div style="display: flex;flex-direction: row;align-items: center;">
+          <v-avatar color="grey-darken-3" :size="60" :image="avatarBaseUrl + account.uin + '&s=100'"></v-avatar>
+          <div style="margin-left: 8px;display: flex;flex-direction: column;">
+            <h3 style="margin-left: 8px;margin: 6px">{{ account.uin }}</h3>
+            <!--创建时间-->
+            <div style="display: flex;flex-direction: row;">
+              <v-chip class="accountChips" variant="elevated" size="small" label
+                :color="userGroupColor[account.user_group]" @click="showGroupDialog()">{{ userGroup[account.user_group]
+                }}</v-chip>
+              <v-chip class="accountChips" variant="elevated" size="small" label color="white">{{ account.created_at
+                }}</v-chip>
+
+            </div>
+          </div>
+        </div>
+        <!-- 取消投稿 -->
+      </div>
+
+    </div>
+    <!--右对齐-->
+    <v-card-options class="d-flex justify-end">
+      <!--红色封禁-->
+      <v-btn @click="showBanningDialog()" small color="red" text style="margin: 10px;">
+        封禁
+      </v-btn>
+    </v-card-options>
+
+  </v-card>
+
+  <v-dialog v-model="groupDialog" variant="outlined" persistent>
+    <v-card title="修改用户组">
+      <v-card-text>
+        <v-select v-model="newGroup" :items="userGroups" label="用户组" outlined></v-select>
+      </v-card-text>
+      <template v-slot:actions>
+        <v-btn text="取消" @click="groupDialog = false"></v-btn>
+        <v-btn class="ms-auto" text="OK" @click="groupDialog = false; emitChangeGroup()"></v-btn>
+      </template>
+    </v-card>
+  </v-dialog>
+
+  <v-dialog v-model="dialog" variant="outlined" persistent>
+    <v-card title="封禁用户">
+      <v-card-text>
+        <v-text-field v-model="reason" label="封禁原因" outlined></v-text-field>
+        <!--封禁结束时间-->
+        <v-date-picker v-model="date" show-adjacent-months title="封禁结束时间"></v-date-picker>
+      </v-card-text>
+      <template v-slot:actions>
+        <v-btn text="取消" @click="dialog = false"></v-btn>
+        <v-btn class="ms-auto" text="OK" @click="emitBanAccount()"></v-btn>
+      </template>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+export default {
+  name: 'AccountCard',
+  props: ['account'],
+  data() {
+    return {
+      dialog: false,
+      groupDialog: false,
+      reason: "",
+      userGroup: {
+        'user': '普通用户',
+        'member': '成员',
+        'admin': '管理员',
+      },
+      userGroups: [
+        'user',
+        'member',
+        'admin',
+      ],
+      userGroupColor: {
+        'user': '#fff',
+        'member': '#66BB6A',
+        'admin': '#ee7023',
+      },
+      backgrouldColor: "",
+      avatarBaseUrl: "http://q1.qlogo.cn/g?b=qq&nk=",
+      newGroup: "",
+      date: null,
+    }
+  },
+  mounted() {
+    this.backgrouldColor = '#42A5F5'
+    this.newGroup = this.account.user_group
+  },
+  methods: {
+    showGroupDialog() {
+      this.groupDialog = true
+    },
+    showBanningDialog() {
+      this.dialog = true
+    },
+    emitChangeGroup() {
+      this.$emit('changeGroup', this.account, this.newGroup)
+    },
+    emitBanAccount() {
+      if (this.reason === "") {
+        this.toast('请填写封禁原因')
+        return
+      }
+
+      if (this.date === null) {
+        this.toast('请选择封禁结束时间')
+        return
+      } else if (this.date < new Date()) {
+        this.toast('封禁结束时间不能早于当前时间')
+        return
+      }
+
+      this.$emit('banAccount', this.account, this.reason, this.date)
+      this.dialog = false
+    },
+
+    toast(msg, color = 'error') {
+      this.$emit('toast', msg, color)
+    }
+  },
+}
+</script>
+
+<style>
+.postcard {
+  margin-bottom: 16px;
+  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
+}
+
+.logCard {
+  margin-bottom: 16px;
+  padding: 8px;
+  border-radius: 10px;
+  background-color: #f5f5f5;
+}
+
+.accountChips {
+  margin-right: 8px;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/BanRecordCard.vue b/frontend/src/components/BanRecordCard.vue
new file mode 100644
index 0000000..1287ff9
--- /dev/null
+++ b/frontend/src/components/BanRecordCard.vue
@@ -0,0 +1,73 @@
+<template>
+    <v-card class="mx-auto postcard" :color="this.banRecord.valid ? '#ff7063' : 'grey'" max-width="400"
+        style="border-radius: 10px; color: #fff">
+        <div style="width: 100%; padding: 8px 8px 0px 8px">
+            <div style="display: flex;flex-direction: row;align-items: center;">
+                <div style="display: flex;flex-direction: column;align-items: flex-start;">
+                    <v-avatar color="grey-darken-3" :size="50"
+                        :image="avatarBaseUrl + banRecord.uin + '&s=100'"></v-avatar>
+                </div>
+                <div style="margin-left: 8px;margin-bottom: 6px;display: flex;flex-direction: column;">
+                    <h3>{{ banRecord.uin }}</h3>
+                    <p><strong>原因: </strong>{{ banRecord.comment }}
+                    </p>
+                    <p><strong>操作者: </strong>{{ banRecord.op }}</p>
+                    <p><strong>结束时间: </strong>{{ banRecord.end_time }}</p>
+
+                </div>
+                <div style="position: absolute;right: 5px;">
+                    <v-btn @click="unban()" v-if="banRecord.valid" small color="#44D492" text
+                        style="margin: 10px;left: 5px;color: #fff;">
+                        解封
+                    </v-btn>
+                </div>
+            </div>
+
+        </div>
+
+    </v-card>
+</template>
+
+<script>
+export default {
+    name: 'AccountCard',
+    props: ['banRecord'],
+    data() {
+        return {
+            dialog: false,
+            groupDialog: false,
+            reason: "",
+            avatarBaseUrl: "http://q1.qlogo.cn/g?b=qq&nk=",
+            date: null,
+        }
+    },
+    mounted() {
+    },
+    methods: {
+        toast(msg, color = 'error') {
+            this.$emit('toast', msg, color)
+        },
+        unban() {
+            this.$emit('unban', this.banRecord.uin)
+        },
+    },
+}
+</script>
+
+<style>
+.postcard {
+    margin-bottom: 16px;
+    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
+}
+
+.logCard {
+    margin-bottom: 16px;
+    padding: 8px;
+    border-radius: 10px;
+    background-color: #f5f5f5;
+}
+
+.accountChips {
+    margin-right: 8px;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/BottomNavBar.vue b/frontend/src/components/BottomNavBar.vue
index 8da5cd6..94dfd38 100644
--- a/frontend/src/components/BottomNavBar.vue
+++ b/frontend/src/components/BottomNavBar.vue
@@ -1,23 +1,29 @@
 <template>
     <v-bottom-navigation v-bind:value="value" v-on:input="$emit('input', $event)" grow>
-    <v-btn @click="go('/')">
-        <!-- <v-icon>mdi-email-edit</v-icon> -->
-        <span style="display: block">📝</span>
-        投稿
-    </v-btn>
+        <v-btn @click="go('/')">
+            <!-- <v-icon>mdi-email-edit</v-icon> -->
+            <span style="display: block">📝</span>
+            投稿
+        </v-btn>
 
-    <v-btn @click="go('/world')">
-        <!-- <v-icon>mdi-earth</v-icon> -->
-        <span style="display: block">🌍</span>
-        稿件
-    </v-btn>
+        <v-btn @click="go('/world')">
+            <!-- <v-icon>mdi-earth</v-icon> -->
+            <span style="display: block">🌍</span>
+            稿件
+        </v-btn>
 
-    <v-btn @click="go('/service')">
-        <!-- <v-icon>mdi-apple-safari</v-icon> -->
-        <span style="display: block">🛠</span>
-        服务
-    </v-btn>
-</v-bottom-navigation>
+        <v-btn @click="go('/service')">
+            <!-- <v-icon>mdi-apple-safari</v-icon> -->
+            <span style="display: block">🛠</span>
+            服务
+        </v-btn>
+
+        <v-btn @click="go('/admin')">
+            <!-- <v-icon>mdi-apple-safari</v-icon> -->
+            <span style="display: block">🔐</span>
+            管理
+        </v-btn>
+    </v-bottom-navigation>
 </template>
 
 <script>
diff --git a/frontend/src/pages/admin.vue b/frontend/src/pages/admin.vue
new file mode 100644
index 0000000..9be4f04
--- /dev/null
+++ b/frontend/src/pages/admin.vue
@@ -0,0 +1,457 @@
+<template>
+
+    <BottomNavBar id="bnb" v-model="value" @input="go" />
+
+    <div id="container-wrap" style="height: calc(100vh - 64px)">
+        <div id="pctabs">
+            <h2 style="text-align: center; background-color: #42A5F5; color: #fff; padding: 8px 0px">Campux</h2>
+            <div
+                style="display: flex; justify-content: space-between; flex-direction: column; align-items: center; height: 100%">
+                <div>
+                    <div id="pctab-btn" @click="$router.push('/');">
+                        <span>📝 投稿</span>
+                    </div>
+                    <div id="pctab-btn" @click="$router.push('/world');">
+                        <span>🌏 稿件</span>
+                    </div>
+                    <div id="pctab-btn" @click="$router.push('/service');">
+                        <span>🛠 服务</span>
+                    </div>
+                    <div id="pctab-btn" @click="$router.push('/service');">
+                        <span style="font-weight: 1000">🔐 管理</span>
+                    </div>
+                </div>
+
+                <div style="display: flex;">
+                    <img :src="avatarUrl" width="50" height="50" style="border-radius: 50%;">
+                    <div>
+                        <p style="margin-left: 16px; font-size: 16px; font-weight: bold;">{{ uin }}</p>
+                        <p style="margin-left: 16px; font-size: 12px; color: #666;">{{ userGroup }}</p>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+
+        <!-- 纵向分割线 -->
+        <div id="vdivider" style="height: calc(100vh - 64px); width: 1px; background-color: #f5f5f5;">
+        </div>
+
+        <div id="container">
+            <div>
+                <h2 id="mt" style="padding: 8px 16px; font-family: Lilita One; display: inline-block">Campux</h2>
+                <span>{{ $store.state.metadata.brand }}</span>
+            </div>
+            <v-tabs id="tabs" v-model="tab" align-tabs="center" color="deep-purple-accent-4" show-arrows>
+                <v-tab value="1">🪪 账号</v-tab>
+                <v-tab value="2">🚫 封禁记录</v-tab>
+            </v-tabs>
+
+            <v-divider id="hdivider"></v-divider>
+
+            <v-window v-model="tab" disabled>
+                <v-window-item value="1">
+                    <div style="padding: 16px;">
+                        <!--UIN搜索框-->
+                        <div id="accountFilter">
+                            <div style="display: flex;flex-direction: row;">
+
+                                <v-text-field v-model="filter.uin" label="输入UIN搜索" variant="solo"
+                                    style="margin-bottom: 0px"></v-text-field>
+                                <v-select v-model="filter.user_group" label="按用户组筛选"
+                                    style="margin-inline: 10px;width: 30px" :items="['any', 'user', 'member', 'admin']"
+                                    variant="solo"></v-select>
+
+                                <v-btn @click="getAccounts" color="primary" style="margin-top: 8px; "
+                                    size="large">查找</v-btn>
+                            </div>
+                        </div>
+                        <v-pagination :length="accountPages" v-model="filter.page" style="margin-top: -10px"
+                            @update:model-value="getAccounts"></v-pagination>
+                        <div
+                            style="overflow-y: scroll; max-height: calc(100vh - 260px); min-height: calc(100vh - 360px);margin-top: 10px">
+                            <!-- <PostCard v-for="p in posts" :key="p.id" :post="p" typ="self" style="margin-top: 16px"
+                                @recall="recallPost" /> -->
+
+                            <AccountCard v-for="a in accounts" :key="a.id" :account="a" style="margin-top: 16px"
+                                @changeGroup="changeGroup" @banAccount="banAccount" @toast="toast" />
+                        </div>
+                    </div>
+                </v-window-item>
+                <v-window-item value="2">
+                    <div style="padding: 16px;">
+                        <!--UIN搜索框-->
+                        <div id="accountFilter">
+                            <div style="display: flex;flex-direction: row;">
+
+                                <v-text-field v-model="filter.uin" label="输入UIN搜索" variant="solo"></v-text-field>
+
+                                <v-checkbox v-model="banListFilter.only_valid" label="仅生效中的"
+                                    style="margin-inline: 10px;" @change="getBanList"></v-checkbox>
+                                <v-btn @click="getBanList" color="primary" style="margin-top: 8px; "
+                                    size="large">查找</v-btn>
+                            </div>
+                        </div>
+
+                        <v-pagination :length="banPages" v-model="banListFilter.page" style="margin-top: -10px"
+                            @update:model-value="getBanList"></v-pagination>
+                        <div
+                            style="overflow-y: scroll; max-height: calc(100vh - 260px); min-height: calc(100vh - 360px);margin-top: 10px">
+                            <BanRecordCard v-for="b in banRecords" :key="b.id" :banRecord="b" style="margin-top: 16px"
+                                @unban="unban" @toast="toast" />
+                        </div>
+                    </div>
+                </v-window-item>
+            </v-window>
+
+            <v-snackbar v-model="snackbar.show" :color="snackbar.color" :timeout="snackbar.timeout"
+                style="margin-bottom: 64px">
+                {{ snackbar.text }}
+            </v-snackbar>
+
+            <v-dialog v-model="showServiceHint" width="auto">
+                <v-card :text="services[selectedService].toast" title="提示">
+                    <template v-slot:actions>
+                        <v-btn text="取消" @click="showServiceHint = false;"></v-btn>
+                        <v-btn class="ms-auto" text="确定"
+                            @click="showServiceHint = false; go(services[selectedService].link)"></v-btn>
+                    </template>
+                </v-card>
+            </v-dialog>
+
+        </div>
+    </div>
+
+</template>
+
+<script>
+import BottomNavBar from '@/components/BottomNavBar.vue';
+import AccountCard from '@/components/AccountCard.vue';
+import BanRecordCard from '@/components/BanRecordCard.vue';
+
+export default {
+    components: {
+        BottomNavBar
+    },
+    data() {
+        return {
+            showServiceHint: false,
+            selectedService: -1,
+            services: [],
+            password: "",
+            snackbar: {
+                show: false,
+                text: '',
+                color: ''
+            },
+            value: 2,
+            displayInnerWindow: '',
+            avatarUrl: '',
+            uin: '',
+            userGroup: 'user',
+            tab: null,
+            accounts: [],
+            filter: {
+                uin: '',
+                user_group: 'any',
+                time_order: 1,
+                page: 1,
+                page_size: 10
+            },
+            accountPages: 1,
+            banListFilter: {
+                uin: -1,
+                only_valid: true,
+                page: 1,
+                page_size: 10,
+                time_order: -1
+            },
+            banRecords: [],
+            banPages: 1
+        }
+    },
+
+    watch: {
+        tab() {
+            if (this.tab === '1') {
+                this.getAccounts()
+            } else if (this.tab === '2') {
+                this.getBanList()
+            }
+        }
+    },
+
+    mounted() {
+        this.tokenLogin()
+    },
+
+    methods: {
+
+        tokenLogin() {
+            this.$axios.get('/v1/account/token-check')
+                .then(res => {
+                    if (res.data.code === 0) {
+                        this.uin = res.data.data.uin
+                        this.avatarUrl = "http://q1.qlogo.cn/g?b=qq&nk=" + res.data.data.uin + "&s=100"
+                        this.userGroup = res.data.data.user_group
+                    } else {
+                        this.toast('登录失败：' + res.data.msg)
+                    }
+                })
+                .catch(err => {
+                    if (err.response.data.code === -1) {
+                        this.$router.push('/auth?hint=请先登录嗷')
+                        return
+                    }
+                    this.toast('登录失败：' + err.response.data.msg)
+                    console.error(err)
+                })
+        },
+        randomColor() {
+            let colors = ["#FFC107", "#42A5F5", "#9CCC65", "#F06292", "#76FF03", "#9E9E9E", "#8D6E63"]
+            return colors[Math.floor(Math.random() * 100) % colors.length]
+        },
+        getMetadata_(key) {
+            this.$axios.get('/v1/misc/get-metadata?key=' + key)
+                .then(res => {
+                    if (res.data.code === 0) {
+                        this.services = JSON.parse(res.data.data.value)
+                        console.log(this.services)
+                        for (let i = 0; i < this.services.length; i++) {
+                            if (!this.services[i].toast) {
+                                this.services[i].toast = '点击确定跳转到 ' + this.services[i].link
+                            }
+                            this.services[i].color = "background-color: " + this.randomColor() + ";"
+                        }
+                    } else {
+                        this.toast('获取服务失败：' + res.data.msg)
+                    }
+                })
+                .catch(err => {
+                    this.toast('获取失败：' + err)
+                    console.error(err)
+                })
+        },
+        toast(text, color = 'error') {
+            this.snackbar.text = text
+            this.snackbar.color = color
+            this.snackbar.show = true
+        },
+
+        go(url) {
+            // this.displayInnerWindow = url
+            window.open(url, '_blank')
+        },
+
+        getAccounts() {
+            if (this.filter.uin === '') {
+                this.filter.uin = -1
+            } else {
+                this.filter.uin = parseInt(this.filter.uin)
+            }
+            this.$axios.post('/v1/account/get-accounts', this.filter)
+                .then(res => {
+                    if (res.data.code === 0) {
+                        this.accounts = res.data.data.list
+
+                        for (let i = 0; this.accounts!=null && i < this.accounts.length; i++) {
+                            let date = new Date(this.accounts[i].created_at)
+
+                            this.accounts[i].created_at = date.toLocaleString()
+                        }
+                        this.accountPages = Math.ceil(res.data.data.total / this.filter.page_size)
+                    } else {
+                        this.toast('获取账号失败：' + res.data.msg)
+                    }
+                })
+                .catch(err => {
+                    this.toast('获取账号失败：' + err)
+                    console.error(err)
+                })
+        },
+
+        changeGroup(account, newGroup) {
+            this.$axios.put('/v1/account/change-group', {
+                uin: account.uin,
+                new_group: newGroup
+            })
+                .then(res => {
+                    if (res.data.code === 0) {
+                        this.toast('修改成功', 'success')
+                        account.user_group = newGroup
+                    } else {
+                        this.toast('修改失败：' + res.data.msg)
+                    }
+                })
+                .catch(err => {
+                    this.toast('修改失败：' + err)
+                    console.error(err)
+                })
+        },
+
+
+        banAccount(account, reason, date) {
+            this.$axios.post('/v1/account/ban-account', {
+                uin: account.uin,
+                comment: reason,
+                end_time: date.getTime() / 1000
+            })
+                .then(res => {
+                    if (res.data.code === 0) {
+                        this.toast('封禁成功', 'success')
+                    } else {
+                        this.toast('封禁失败：' + res.data.msg)
+                    }
+                })
+                .catch(err => {
+                    this.toast('封禁失败：' + err)
+                    console.error(err)
+                })
+        },
+
+
+        getBanList() {
+
+            if (this.banListFilter.uin === '') {
+                this.banListFilter.uin = -1
+            } else {
+                this.banListFilter.uin = parseInt(this.banListFilter.uin)
+            }
+            this.$axios.post('/v1/account/get-ban-list', this.banListFilter)
+                .then(res => {
+                    if (res.data.code === 0) {
+                        this.banRecords = res.data.data.list
+
+                        let now = new Date()
+
+                        for (let i = 0; this.banRecords != null && i < this.banRecords.length; i++) {
+                            let startDateTime = new Date(this.banRecords[i].start_time)
+                            let endDateTime = new Date(this.banRecords[i].end_time)
+
+                            this.banRecords[i].start_time = startDateTime.toLocaleString()
+                            this.banRecords[i].end_time = endDateTime.toLocaleString()
+                            this.banRecords[i].valid = endDateTime > now
+                        }
+
+                        this.banPages = Math.ceil(res.data.data.total / this.banListFilter.page_size)
+                    } else {
+                        this.toast('获取封禁列表失败：' + res.data.msg)
+                    }
+                })
+                .catch(err => {
+                    this.toast('获取封禁列表失败：' + err)
+                    console.error(err)
+                })
+        },
+
+        unban(uin) {
+            this.$axios.put('/v1/account/unban-account', {
+                uin: uin
+            })
+                .then(res => {
+                    if (res.data.code === 0) {
+                        this.toast('解封成功', 'success')
+                        this.getBanList()
+                    } else {
+                        this.toast('解封失败：' + res.data.msg)
+                    }
+                })
+                .catch(err => {
+                    this.toast('解封失败：' + err)
+                    console.error(err)
+                })
+        }
+
+    }
+}
+
+</script>
+
+<style>
+.rect1 {
+    cursor: pointer;
+    padding: 16px;
+    font-size: 18px;
+    border-radius: 7px;
+    color: #fff;
+    margin-top: 8px;
+    width: 95%;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.11);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    transition: box-shadow 0.2s;
+}
+
+.rect1:hover {
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+#container-wrap {
+    min-height: 74vh;
+}
+
+
+/* 适配pc端 */
+@media (min-width: 600px) {
+
+    #mt {
+        display: none;
+    }
+
+
+    #bnb {
+        display: none;
+    }
+
+    #pctabs {
+        display: block;
+        min-width: 200px;
+    }
+
+    #container-wrap {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    #container {
+        height: 100%;
+        margin-left: 16px;
+        width: 60%;
+    }
+
+    #pctab-btn {
+        padding: 12px 28px;
+        margin-top: 16px;
+        text-align: center;
+        font-size: 18px;
+        border-radius: 24px;
+        cursor: pointer;
+    }
+
+    #pctab-btn:hover {
+        background-color: #f5f5f5;
+    }
+
+    #vdivider {
+        display: block;
+    }
+}
+
+/* 适配移动端 */
+@media (max-width: 600px) {
+    #tabs {
+        display: block;
+    }
+
+    #pctabs {
+        display: none;
+    }
+
+    #vdivider {
+        display: none;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/pages/index.vue b/frontend/src/pages/index.vue
index d3f8c65..961ce3b 100644
--- a/frontend/src/pages/index.vue
+++ b/frontend/src/pages/index.vue
@@ -14,6 +14,9 @@
           <div id="pctab-btn" @click="$router.push('/service');">
             <span>🛠 服务</span>
           </div>
+          <div id="pctab-btn" v-if="userGroup === 'admin' || userGroup === 'member'" @click="$router.push('/admin');">
+            <span>🔐 管理</span>
+          </div>
         </div>
 
         <div style="display: flex;">
diff --git a/frontend/src/pages/service.vue b/frontend/src/pages/service.vue
index b7cd2a5..a78bac7 100644
--- a/frontend/src/pages/service.vue
+++ b/frontend/src/pages/service.vue
@@ -17,6 +17,9 @@
           <div id="pctab-btn" @click="$router.push('/service');">
             <span style="font-weight: 1000">🛠 服务</span>
           </div>
+          <div id="pctab-btn" v-if="userGroup === 'admin' || userGroup === 'member'" @click="$router.push('/admin');">
+            <span>🔐 管理</span>
+          </div>
         </div>
 
         <div style="display: flex;">
diff --git a/frontend/src/pages/world.vue b/frontend/src/pages/world.vue
index 58c436e..1c0d27f 100644
--- a/frontend/src/pages/world.vue
+++ b/frontend/src/pages/world.vue
@@ -18,6 +18,9 @@
           <div id="pctab-btn" @click="$router.push('/service');">
             <span>🛠 服务</span>
           </div>
+          <div id="pctab-btn" v-if="userGroup === 'admin' || userGroup === 'member'" @click="$router.push('/admin');">
+            <span>🔐 管理</span>
+          </div>
         </div>
 
         <div style="display: flex;">
@@ -44,7 +47,7 @@
       <v-tabs id="tabs" v-model="tab" align-tabs="center" color="deep-purple-accent-4" show-arrows>
         <v-tab value="1">📰 你的稿件</v-tab>
         <v-tab value="2">🌏 动态</v-tab>
-        <v-tab v-if="userGroup === 'admin'" value="3">🤵 审核稿件</v-tab>
+        <v-tab v-if="userGroup === 'admin' || userGroup === 'member'" value="3">🤵 审核稿件</v-tab>
       </v-tabs>
 
       <v-divider id="hdivider"></v-divider>