完善页面8

pages/mall/admin/user/grade/card.uvue

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
 
 <style scoped lang="scss">
 .page-container {
-  padding: 20px;
+  /* 使用 Layout 的背景和内边距 */
   min-height: 100vh;
-  background: #f5f5f5;
 }
 
 .page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
 .page-content {
   background: #fff;
   border-radius: 4px;
-  padding: 24px;
+  padding: var(--admin-card-padding);
 }
 
 .placeholder-card {

pages/mall/admin/user/grade/record.uvue

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
 
 <style scoped lang="scss">
 .page-container {
-  padding: 20px;
+  /* 使用 Layout 的背景和内边距 */
   min-height: 100vh;
-  background: #f5f5f5;
 }
 
 .page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
 .page-content {
   background: #fff;
   border-radius: 4px;
-  padding: 24px;
+  padding: var(--admin-card-padding);
 }
 
 .placeholder-card {

pages/mall/admin/user/grade/right.uvue

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
 
 <style scoped lang="scss">
 .page-container {
-  padding: 20px;
+  /* 使用 Layout 的背景和内边距 */
   min-height: 100vh;
-  background: #f5f5f5;
 }
 
 .page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
 .page-content {
   background: #fff;
   border-radius: 4px;
-  padding: 24px;
+  padding: var(--admin-card-padding);
 }
 
 .placeholder-card {

pages/mall/admin/user/grade/type.uvue

@@ -24,9 +24,8 @@ const loading = ref<boolean>(false)
 
 <style scoped lang="scss">
 .page-container {
-  padding: 20px;
+  /* 使用 Layout 的背景和内边距 */
   min-height: 100vh;
-  background: #f5f5f5;
 }
 
 .page-header {
@@ -50,7 +49,7 @@ const loading = ref<boolean>(false)
 .page-content {
   background: #fff;
   border-radius: 4px;
-  padding: 24px;
+  padding: var(--admin-card-padding);
 }
 
 .placeholder-card {

pages/mall/admin/user/grouping/index.uvue

@@ -166,15 +166,14 @@ function submitForm() {
 
 <style scoped lang="scss">
 .user-group-page {
-  padding: 16px;
-  background-color: #f0f2f5;
+  /* 使用 Layout 的背景和内边距 */
   min-height: 100vh;
 }
 
 .content-card {
   background: #fff;
   border-radius: 4px;
-  padding: 24px;
+  padding: var(--admin-card-padding);
 }
 
 .action-bar {

pages/mall/admin/user/label/index.uvue

@@ -164,15 +164,14 @@ function submitForm() {
 
 <style scoped lang="scss">
 .user-label-page {
-  padding: 16px;
-  background-color: #f0f2f5;
+  /* 使用 Layout 的背景和内边距 */
   min-height: 100vh;
 }
 
 .content-card {
   background: #fff;
   border-radius: 4px;
-  padding: 24px;
+  padding: var(--admin-card-padding);
 }
 
 .action-bar {

pages/mall/admin/user/level/index.uvue

@@ -235,26 +235,24 @@ const handleSave = () => {
 
 <style scoped lang="scss">
 .admin-user-level {
-  background-color: #f0f2f5;
+  /* 使用 Layout 的背景和内边距 */
   min-height: 100vh;
-  padding: 24px;
 }
 
 .border-shadow {
   background-color: #fff;
   border-radius: 4px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
 }
 
 .content-body {
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  gap: var(--admin-section-gap);
 }
 
 /* 过滤栏 */
 .filter-card {
-  padding: 24px;
+  padding: var(--admin-card-padding);
   display: flex;
   flex-direction: row;
   align-items: center;

pages/mall/admin/user/management/index.uvue

@@ -185,8 +185,14 @@ function onDetail(user: any) {
 </script>
 
 <style scoped lang="scss">
+.admin-page {
+  /* 使用 Layout 的背景和内边距 */
+  min-height: 100vh;
+}
+
 /* 筛选卡片 */
 .filter-card {
+  padding: var(--admin-card-padding);
 }
 
 .filter-row {

pages/mall/admin/user/statistics/index.uvue

@@ -116,11 +116,17 @@ function onExport() {
 </script>
 
 <style scoped>
+.admin-page {
+  /* 使用 Layout 的背景和内边距 */
+  min-height: 100vh;
+}
+
 .filter-card {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 32px;
+  padding: var(--admin-card-padding);
 }
 
 .filter-item {