优化前端样式

platform/src/views/basicSettings/tenants/index.vue

@@ -284,11 +284,13 @@ onMounted(() => {
   }
 }
 
+// 用 Element Plus 变量，亮色下 #f5f7fa、暗色下 #0a0a0a，自动随主题切换
 .search-form {
-  background: #f9f9f9;
+  background: var(--el-bg-color-page, #f5f7fa);
   padding: 20px 20px 0 20px;
   border-radius: 4px;
   margin-bottom: 20px;
+  transition: background-color 0.3s;
 }
 
 .action-icons {
@@ -296,4 +298,48 @@ onMounted(() => {
   align-items: center;
   gap: 6px;
 }
+
+// ===== 暗色主题适配 =====
+// 嵌套在根元素 .container-box 内，& 才有真实父选择器
+.container-box {
+  html.dark & {
+    .header-bar h2 {
+      color: var(--el-text-color-primary);
+    }
+
+    // 暗色主题里 -light-3/-light-5 反而更暗，必须用 -dark-2（更亮的蓝）
+    .name-link {
+      color: var(--el-color-primary-dark-2);
+
+      &:hover {
+        color: #a5c8ff;
+      }
+    }
+
+    :deep(.el-divider) {
+      border-color: var(--el-border-color-light);
+    }
+
+    :deep(.el-table) {
+      --el-table-border-color: var(--el-border-color-lighter);
+      --el-table-header-text-color: var(--el-text-color-secondary);
+      background-color: transparent;
+    }
+
+    :deep(.el-table__inner-wrapper),
+    :deep(.el-table tr),
+    :deep(.el-table td.el-table__cell) {
+      background-color: transparent;
+    }
+
+    :deep(.el-form-item__label) {
+      color: var(--el-text-color-regular);
+    }
+
+    :deep(.el-pagination) {
+      --el-pagination-text-color: var(--el-text-color-regular);
+      --el-pagination-button-bg-color: transparent;
+    }
+  }
+}
 </style>

platform/src/views/home/index.vue

@@ -405,6 +405,13 @@ onUnmounted(() => {
       height: 340px;
     }
   }
+
+  // 暗色主题：卡片数字用纯白（默认 --el-text-color-primary 在暗色下是偏蓝灰的 #E5EAF3）
+  html.dark & {
+    .data-overview .data-card .card-content .text-box .value {
+      color: #fff;
+    }
+  }
 }
 
 @media (max-width: 768px) {