diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
index 73cea77f..ac0b399e 100644
--- a/src/layouts/MainLayout.js
+++ b/src/layouts/MainLayout.js
@@ -39,21 +39,22 @@ export default function MainLayout() {
             {/* 主体区域 - 左侧页面内容 + 右侧全局侧边栏 */}
             <Flex flex="1" pt="60px" bg="#1A202C" overflow="hidden">
                 {/* 页面内容区域 - flex: 1 占据剩余空间，包含错误边界、懒加载 */}
-                <Box flex="1" minW={0} overflowY="auto">
-                    <ErrorBoundary>
-                        <Suspense fallback={<PageLoader message="页面加载中..." />}>
-                            <Outlet />
-                        </Suspense>
-                    </ErrorBoundary>
+                <Box flex="1" minW={0} overflowY="auto" display="flex" flexDirection="column">
+                    <Box flex="1">
+                        <ErrorBoundary>
+                            <Suspense fallback={<PageLoader message="页面加载中..." />}>
+                                <Outlet />
+                            </Suspense>
+                        </ErrorBoundary>
+                    </Box>
+                    {/* 页脚 - 在滚动区域内，随内容滚动 */}
+                    <MemoizedAppFooter />
                 </Box>
 
                 {/* 全局右侧工具栏 - 可收起/展开 */}
                 <GlobalSidebar />
             </Flex>
 
-            {/* 页脚 - 在所有页面间共享，memo 后不会在路由切换时重新渲染 */}
-            <MemoizedAppFooter />
-
             {/* 返回顶部按钮 - 滚动超过阈值时显示 */}
             {/* <BackToTopButton
                 scrollThreshold={BACK_TO_TOP_CONFIG.scrollThreshold}