diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 676c425..d5bf309 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -30,7 +30,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <a-layout class="min-h-screen">
+  <a-layout class="min-h-screen body-box">
     <!-- 顶部导航栏 -->
     <header class="sticky top-0 z-50 bg-gradient-to-r from-blue-600 to-purple-700 transition-shadow duration-300" :class="{ 'shadow-lg': isScrolled }">
       <div class="flex items-center justify-between px-6 py-4">
@@ -133,7 +133,8 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 .body-box {
-  background-color: #111 !important
+  background-color: #111 !important;
+  min-height: 100vh;
 }
 :deep(.ant-menu-horizontal) {
   border-bottom: none !important;