refactor: unify system list layout with filter/table sections

src/styles/element-plus.scss

@@ -18,7 +18,7 @@ $border: 1px solid var(--el-border-color-light);
   }
 }
 
-/** el-drawer */
+/* el-drawer */
 .el-drawer {
   .el-drawer__header {
     padding: 15px 20px;

src/styles/index.scss

@@ -74,10 +74,10 @@ html.sidebar-color-blue .layout-mix .layout__sidebar--left .el-menu {
   }
 }
 
-// 全局搜索区域样式
-.search-container {
-  padding: 18px 16px 0;
-  margin-bottom: 16px;
+// 全局筛选区域样式
+.filter-section {
+  padding: 8px 12px 0;
+  margin-bottom: 8px;
   background-color: var(--el-bg-color-overlay);
   border: 1px solid var(--el-border-color-light);
   border-radius: 4px;
@@ -87,24 +87,24 @@ html.sidebar-color-blue .layout-mix .layout__sidebar--left .el-menu {
   }
 
   .el-form-item {
-    margin-bottom: 18px;
+    margin-bottom: 8px;
   }
 }
 
 // 表格区域样式
-.data-table {
-  margin-bottom: 16px;
+.table-section {
+  margin-bottom: 12px;
 
   // 表格工具栏区域
   &__toolbar {
     display: flex;
     justify-content: space-between;
-    margin-bottom: 16px;
+    margin-bottom: 4px;
 
     &--actions,
     &--tools {
       display: flex;
-      gap: 8px;
+      gap: 4px;
     }
   }
 
@@ -116,6 +116,6 @@ html.sidebar-color-blue .layout-mix .layout__sidebar--left .el-menu {
   // 分页区域
   .el-pagination {
     justify-content: flex-end;
-    margin-top: 16px;
+    margin-top: 12px;
   }
 }