全局样式优化

src/layout/AdminLayout.vue

@@ -631,7 +631,20 @@ export default {
 .content-area >>> .app-main {
   flex: 1;
   overflow: auto;
-  padding: 16px 24px 24px;
+  min-height: 0;
+  width: 100%;
+  box-sizing: border-box;
+  /* 仅留一层外边距，避免与 .app-container 叠加缩窄内容区 */
+  padding: 12px 16px 16px;
+  background: #f5f6fa;
+}
+
+/* 功能页白卡片铺满内容区，去掉全局 margin 造成的左右大留白 */
+.content-area >>> .app-main .app-container {
+  margin: 0;
+  width: 100%;
+  min-height: calc(100vh - 50px - 34px - 28px);
+  box-sizing: border-box;
 }
 </style>
 

src/layout/components/AppMain.vue

@@ -29,7 +29,7 @@ export default {
   min-height: calc(100vh - 50px);
   width: 100%;
   position: relative;
-  overflow: hidden;
+  overflow: auto;
 }
 
 .fixed-header+.app-main {