完善页面8

layouts/admin/AdminLayout.uvue

@@ -74,7 +74,7 @@
 </template>
 
 <script setup lang="uts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import AdminAside from '@/layouts/admin/components/AdminAside.uvue'
 import AdminSubSider from '@/layouts/admin/components/AdminSubSider.uvue'
 import AdminHeader from '@/layouts/admin/components/AdminHeader.uvue'
@@ -418,16 +418,16 @@ onMounted(() => {
 
 <style scoped lang="scss">
 .layout-root {
-  --admin-page-padding-desktop: 12px;
-  --admin-page-padding-mobile: 8px;
-  --admin-section-gap: 12px;
-  --admin-card-padding: 16px;
+  --admin-page-padding-desktop: 20px;
+  --admin-page-padding-mobile: 10px;
+  --admin-section-gap: 20px;
+  --admin-card-padding: 24px;
 
   display: flex;
   flex-direction: row;
   width: 100%;
   min-height: 100vh;
-  background: #f0f2f5;
+  background: #f5f7f9;
   position: relative;
 }
 
@@ -471,7 +471,7 @@ onMounted(() => {
   flex-direction: column;
   min-height: 100vh;
   transition: margin-left 300ms ease;
-  background: #f0f2f5;
+  background: #f5f7f9;
   width: 100%;
 }
 
@@ -501,7 +501,7 @@ onMounted(() => {
   flex: 1;
   overflow-y: scroll;
   overflow-x: auto; /* 允许横向滚动，兼容极端窄屏 */
-  background: #f0f2f5;
+  background: #f5f7f9;
   padding: 0;
 }