diff --git a/frontend/src/components/AdminHeader.vue b/frontend/src/components/Admin/AdminHeader.vue
similarity index 100%
rename from frontend/src/components/AdminHeader.vue
rename to frontend/src/components/Admin/AdminHeader.vue
diff --git a/frontend/src/components/AdminSidebar.vue b/frontend/src/components/Admin/AdminSidebar.vue
similarity index 100%
rename from frontend/src/components/AdminSidebar.vue
rename to frontend/src/components/Admin/AdminSidebar.vue
diff --git a/frontend/src/components/TabNav.vue b/frontend/src/components/Admin/TabNav.vue
similarity index 100%
rename from frontend/src/components/TabNav.vue
rename to frontend/src/components/Admin/TabNav.vue
diff --git a/frontend/src/views/admin/GameService.vue b/frontend/src/views/admin/GameService.vue
index ed83799..2fbdab4 100644
--- a/frontend/src/views/admin/GameService.vue
+++ b/frontend/src/views/admin/GameService.vue
@@ -195,14 +195,14 @@
 </template>
 
 <script setup lang="ts">
-import TabNav from '@/components/TabNav.vue'
+import TabNav from '@/components/Admin/TabNav.vue'
 import { ref, reactive, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { useUserStore } from '@/store/user'
 import { useConfigStore } from '@/store/config'
 import { ElMessage } from 'element-plus'
-import AdminSidebar from '@/components/AdminSidebar.vue'
-import AdminHeader from '@/components/AdminHeader.vue'
+import AdminSidebar from '@/components/Admin/AdminSidebar.vue'
+import AdminHeader from '@/components/Admin/AdminHeader.vue'
 
 const router = useRouter()
 const userStore = useUserStore()
diff --git a/frontend/src/views/admin/Home.vue b/frontend/src/views/admin/Home.vue
index 7c78cdf..f688d85 100644
--- a/frontend/src/views/admin/Home.vue
+++ b/frontend/src/views/admin/Home.vue
@@ -46,9 +46,9 @@
 
 <script setup lang="ts">
 import { useUserStore } from '@/store/user'
-import AdminSidebar from '@/components/AdminSidebar.vue'
-import AdminHeader from '@/components/AdminHeader.vue'
-import TabNav from '@/components/TabNav.vue'
+import AdminSidebar from '@/components/Admin/AdminSidebar.vue'
+import AdminHeader from '@/components/Admin/AdminHeader.vue'
+import TabNav from '@/components/Admin/TabNav.vue'
 
 const userStore = useUserStore()
 </script>
diff --git a/frontend/src/views/admin/PlayerList.vue b/frontend/src/views/admin/PlayerList.vue
index 6a0e93e..7e7d485 100644
--- a/frontend/src/views/admin/PlayerList.vue
+++ b/frontend/src/views/admin/PlayerList.vue
@@ -254,9 +254,9 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import AdminSidebar from '@/components/AdminSidebar.vue'
-import AdminHeader from '@/components/AdminHeader.vue'
-import TabNav from '@/components/TabNav.vue'
+import AdminSidebar from '@/components/Admin/AdminSidebar.vue'
+import AdminHeader from '@/components/Admin/AdminHeader.vue'
+import TabNav from '@/components/Admin/TabNav.vue'
 import { callGameApiThroughBackend } from '@/api/game'
 
 // 搜索表单
diff --git a/frontend/src/views/admin/SystemConfig.vue b/frontend/src/views/admin/SystemConfig.vue
index 80989ed..1c36981 100644
--- a/frontend/src/views/admin/SystemConfig.vue
+++ b/frontend/src/views/admin/SystemConfig.vue
@@ -207,15 +207,15 @@
 </template>
 
 <script setup lang="ts">
-import TabNav from '@/components/TabNav.vue'
+import TabNav from '@/components/Admin/TabNav.vue'
 import { ref, reactive, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { useConfigStore } from '@/store/config'
 import { useUserStore } from '@/store/user'
 import { RiInformationFill } from '@remixicon/vue'
-import AdminSidebar from '@/components/AdminSidebar.vue'
-import AdminHeader from '@/components/AdminHeader.vue'
+import AdminSidebar from '@/components/Admin/AdminSidebar.vue'
+import AdminHeader from '@/components/Admin/AdminHeader.vue'
 
 const router = useRouter()
 const configStore = useConfigStore()
diff --git a/frontend/src/views/admin/UserManagement.vue b/frontend/src/views/admin/UserManagement.vue
index 6015f54..619170d 100644
--- a/frontend/src/views/admin/UserManagement.vue
+++ b/frontend/src/views/admin/UserManagement.vue
@@ -151,9 +151,9 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import AdminSidebar from '@/components/AdminSidebar.vue'
-import AdminHeader from '@/components/AdminHeader.vue'
-import TabNav from '@/components/TabNav.vue'
+import AdminSidebar from '@/components/Admin/AdminSidebar.vue'
+import AdminHeader from '@/components/Admin/AdminHeader.vue'
+import TabNav from '@/components/Admin/TabNav.vue'
 import * as userApi from '@/api/user'