调整部分页面样式布局

layouts/admin/AdminLayout.uvue

@@ -407,6 +407,11 @@ 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;
+
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -491,10 +496,12 @@ onMounted(() => {
 
 .content-inner {
   min-height: calc(100vh - 120px);
-  padding: 12px;
+  padding: var(--admin-page-padding-desktop);
+  display: flex;
+  flex-direction: column;
 }
 
 .content-inner.is-mobile {
-  padding: 8px;
+  padding: var(--admin-page-padding-mobile);
 }
 </style>

layouts/admin/styles/admin-responsive.css

@@ -61,3 +61,36 @@
     grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
   }
 }
+
+/* ===== 后台通用紧凑布局规范 (CRMEB 1:1) ===== */
+
+/* 页面根容器: 去除各页面自带的 padding，由 Layout 统一管理 */
+.admin-page {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+/* 垂直区块容器: 统一控制卡片、组件之间的间距 */
+.admin-sections {
+  display: flex;
+  flex-direction: column;
+  gap: var(--admin-section-gap);
+  width: 100%;
+}
+
+/* 通用网格: 用于图表布局等 */
+.admin-grid {
+  display: grid;
+  gap: var(--admin-section-gap);
+  width: 100%;
+}
+
+/* 统一卡片内部间距: 替代业务组件或页面内硬编码的 padding */
+.admin-card {
+  padding: var(--admin-card-padding) !important;
+  background: #ffffff;
+  border-radius: 4px;
+}