优化登录页UI、新增占满布局类

frontend/src/styles/main.css

@@ -90,6 +90,12 @@
 }
 
 /* 全局重置 */
+html,
+body,
+#app {
+  min-height: 100%;
+}
+
 body {
   margin: 0;
   font-family: "Manrope", "Segoe UI", sans-serif;
@@ -345,15 +351,15 @@ body {
 .ctms-filter-row {
   display: flex;
   align-items: flex-end;
-  gap: 20px;
+  gap: 12px;
   flex-wrap: wrap;
 }
 
 .ctms-filter-item {
   display: flex;
   flex-direction: column;
-  gap: 6px;
-  min-width: 160px;
+  gap: 4px;
+  min-width: 144px;
 }
 
 .ctms-filter-label {
@@ -368,6 +374,14 @@ body {
 
 .ctms-table-card {
   margin-bottom: 0;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none !important;
+  background: transparent;
+}
+
+.ctms-table-card > .el-card__body {
+  padding: 0;
 }
 
 .ctms-table .el-table__row {
@@ -375,7 +389,7 @@ body {
 }
 
 .ctms-pagination {
-  margin-top: 16px;
+  margin-top: 10px;
   display: flex;
   justify-content: flex-end;
 }

frontend/src/styles/unified-page.css

@@ -3,8 +3,8 @@
   --unified-shell-border: #d8e2ef;
   --unified-shell-divider: #eaf0f8;
   --unified-shell-radius: 16px;
-  --unified-shell-padding-x: 20px;
-  --unified-shell-padding-y: 14px;
+  --unified-shell-padding-x: 16px;
+  --unified-shell-padding-y: 10px;
   --unified-title-color: #0f2345;
   --unified-muted-color: #6f84a8;
 }
@@ -13,6 +13,11 @@
   padding: 16px 20px 20px;
 }
 
+.ctms-page-shell.page--flush,
+.page.page--flush {
+  padding: 0 !important;
+}
+
 .ctms-page-header-row {
   display: flex;
   justify-content: space-between;
@@ -33,6 +38,23 @@
   box-shadow: none;
 }
 
+.page--flush > .unified-shell,
+.page--flush > .main-content-flat.unified-shell,
+.page--flush .page-body > .unified-shell,
+.page--flush .page-body > .main-content-flat.unified-shell {
+  margin: 0;
+  width: 100%;
+  border-radius: 0;
+}
+
+.main-content-flat {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  padding: 0;
+}
+
 .el-card.unified-shell {
   margin-bottom: 0;
   border: 0 !important;
@@ -54,6 +76,11 @@
   margin-bottom: 0 !important;
 }
 
+.unified-action-bar.bar--flush {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
 .ctms-page > .ctms-page-header.unified-action-bar,
 .page > .page-header.unified-action-bar {
   border: 0;
@@ -67,6 +94,23 @@
   border-bottom: 1px solid var(--unified-shell-divider);
 }
 
+.unified-section.section--flush-x {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.unified-section.section--flush-top {
+  padding-top: 0 !important;
+}
+
+.unified-section.section--flush-bottom {
+  padding-bottom: 0 !important;
+}
+
+.unified-section.section--flush {
+  padding: 0 !important;
+}
+
 .unified-section:last-child {
   border-bottom: 0;
 }
@@ -112,16 +156,16 @@
 }
 
 .unified-shell .el-table th.el-table__cell {
-  background-color: #f8fbff;
-  color: #35527d;
+  background-color: #f7f9fc;
+  color: #34506f;
   font-weight: 600;
-  height: 42px;
+  height: 40px;
   font-size: 13px;
 }
 
 .unified-shell .el-table td.el-table__cell {
   border-bottom-color: #edf2f8;
-  padding: 8px 0;
+  padding: 7px 0;
 }
 
 .unified-shell .el-button,