完善桌面端界面、发布检查与邮箱域名同步

frontend/src/styles/main.css

@@ -70,6 +70,54 @@
   --el-text-color-regular: var(--ctms-text-regular);
 }
 
+:root[data-ctms-theme="dark"] {
+  --ctms-primary: #8fb7d4;
+  --ctms-primary-hover: #a7c9df;
+  --ctms-primary-active: #c3dced;
+  --ctms-primary-light: #203145;
+  --ctms-brand-900: #d8e7f4;
+  --ctms-brand-700: #b4d0e5;
+
+  --ctms-success: #7dd3a8;
+  --ctms-warning: #f1c271;
+  --ctms-danger: #f28b8b;
+  --ctms-info: #a6b4c5;
+
+  --ctms-text-main: #f8fafc;
+  --ctms-text-regular: #dbe5f1;
+  --ctms-text-secondary: #9aaabd;
+  --ctms-text-disabled: #66788d;
+
+  --ctms-bg-base: #0f172a;
+  --ctms-bg-card: #172033;
+  --ctms-bg-muted: #111827;
+  --ctms-neutral-100: #182337;
+  --ctms-neutral-300: #334155;
+  --ctms-border-color: #26364a;
+  --ctms-border-color-hover: #3d5068;
+
+  --ctms-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.24);
+  --ctms-shadow: 0 8px 20px rgba(0, 0, 0, 0.32);
+  --ctms-shadow-md: 0 12px 26px rgba(0, 0, 0, 0.36);
+  --ctms-shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.42);
+
+  --el-color-primary: var(--ctms-primary);
+  --el-color-primary-light-3: #567894;
+  --el-color-primary-light-5: #3c5871;
+  --el-color-primary-light-7: #283c50;
+  --el-color-primary-light-8: #203145;
+  --el-color-primary-dark-2: #c3dced;
+  --el-border-color: var(--ctms-border-color);
+  --el-text-color-primary: var(--ctms-text-main);
+  --el-text-color-regular: var(--ctms-text-regular);
+  --el-bg-color: var(--ctms-bg-card);
+  --el-bg-color-overlay: #172033;
+  --el-fill-color-blank: #172033;
+  --el-fill-color-light: #111827;
+  --el-fill-color-lighter: #0f172a;
+  --el-mask-color: rgba(0, 0, 0, 0.62);
+}
+
 /* 全局重置 */
 html,
 body,
@@ -85,6 +133,90 @@ body {
   -webkit-font-smoothing: antialiased;
 }
 
+:root[data-ctms-theme="dark"] body {
+  background: var(--ctms-bg-base);
+  color: var(--ctms-text-main);
+}
+
+:root[data-ctms-theme="dark"] .el-button--default {
+  background-color: #172033;
+  border-color: #334155;
+  color: var(--ctms-text-regular);
+}
+
+:root[data-ctms-theme="dark"] .el-button--default:hover {
+  border-color: #4b6580;
+  background-color: #1f2d3d;
+  color: var(--ctms-text-main);
+}
+
+:root[data-ctms-theme="dark"] .el-card,
+:root[data-ctms-theme="dark"] .el-alert,
+:root[data-ctms-theme="dark"] .el-popper,
+:root[data-ctms-theme="dark"] .el-dropdown-menu,
+:root[data-ctms-theme="dark"] .el-popover.el-popper,
+:root[data-ctms-theme="dark"] .el-dialog {
+  border-color: var(--ctms-border-color);
+  background-color: var(--ctms-bg-card);
+  color: var(--ctms-text-regular);
+}
+
+:root[data-ctms-theme="dark"] .el-card__header {
+  border-bottom-color: var(--ctms-border-color);
+  color: var(--ctms-text-main);
+}
+
+:root[data-ctms-theme="dark"] .el-input__wrapper,
+:root[data-ctms-theme="dark"] .el-select .el-input__wrapper {
+  background-color: #172033;
+  box-shadow: 0 0 0 1px #334155 inset;
+}
+
+:root[data-ctms-theme="dark"] .el-input__inner {
+  color: var(--ctms-text-main);
+}
+
+:root[data-ctms-theme="dark"] .el-input__inner::placeholder {
+  color: var(--ctms-text-disabled);
+}
+
+:root[data-ctms-theme="dark"] .el-table {
+  background-color: transparent;
+  color: var(--ctms-text-regular);
+}
+
+:root[data-ctms-theme="dark"] .el-table th.el-table__cell {
+  background-color: #111827;
+  color: var(--ctms-text-main);
+}
+
+:root[data-ctms-theme="dark"] .el-table tr,
+:root[data-ctms-theme="dark"] .el-table td.el-table__cell {
+  background-color: #172033;
+  border-bottom-color: var(--ctms-border-color);
+}
+
+:root[data-ctms-theme="dark"] .el-table--enable-row-hover .el-table__row:hover>td.el-table__cell {
+  background-color: #1f2d3d;
+}
+
+:root[data-ctms-theme="dark"] .el-dropdown-menu__item {
+  color: var(--ctms-text-regular);
+}
+
+:root[data-ctms-theme="dark"] .el-dropdown-menu__item:not(.is-disabled):focus,
+:root[data-ctms-theme="dark"] .el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #1f2d3d;
+  color: var(--ctms-text-main);
+}
+
+:root[data-ctms-theme="dark"] .ctms-state,
+:root[data-ctms-theme="dark"] .ctms-table-card,
+:root[data-ctms-theme="dark"] .ctms-section-card {
+  border-color: var(--ctms-border-color);
+  background: var(--ctms-bg-card);
+}
+
 /* Element Plus 全局覆盖 */
 
 /* 按钮美化 */