body.dark {
  --theme-page-bg: #0a0b0d;
  --theme-page-text: #b0b8db;
  --theme-input-text: #ffffff;
  --theme-text-primary: #ffffff;
  --theme-text-secondary: #b0b8db;
  --theme-text-muted: #b0b8db;
  --theme-text-soft: #ffffff;
  --theme-text-inverse: #ffffff;
  --theme-accent-soft: #5795f1;
  --theme-surface-header: #0b0e11;
  --theme-surface-input: #131625;
  --theme-surface-panel: #0b0e11;
  --theme-surface-subtle: rgba(23, 27, 43, 0.28);
  --theme-surface-card: #0a0b0d;
  --theme-surface-muted: #252526;
  --theme-surface-emphasis: #273344;
  --theme-surface-shadow: rgba(37, 42, 68, 0.5);
  --theme-surface-line: #131625;
  --theme-surface-market-hover: rgba(37, 42, 68, 0.5);
  --theme-surface-popover: #1e2126;
  --theme-surface-marquee: #2b3453;
  --theme-surface-ngh: #2b3453;
  --theme-surface-red-card: rgb(24, 26, 32);
  --theme-surface-box-2: #28374a;
  --theme-surface-box-3: #374c67;
  --theme-surface-highlight: #122d31;
  --theme-border-base: #273344;
  --theme-border-strong: #273344;
  --theme-border-soft: #273344;
  --theme-border-popover: #3c4b62;
  --theme-border-dashed: #273344;
  --theme-border-contrast: #303654;
  --theme-border-input-shadow: #273344;
  --theme-border-liner: #2c4a6b;
  --theme-scrollbar: #3c4365;
  --theme-box-shadow-card: 0 0 6px #20274e;
  --theme-gray1: #747d99;
  --theme-muted-strong: #cbcbcb;
  --theme-login-border: #252526;
  --theme-login-container-bg: #19191a;
}

body.dark {
  background: var(--theme-page-bg) !important;
  color: var(--theme-page-text);
}

body.dark .el-input__inner {
  color: var(--theme-input-text);
}

body.dark .mb_ul {
  background-color: #171b2b !important;
}

body.dark .el-pagination.is-background .btn-next,
body.dark .el-pagination.is-background .btn-prev,
body.dark .el-pagination.is-background .el-pager li {
  background-color: #131625;
}

@media (max-width: 768px) {
  body.dark .mb_bgpart {
    background: transparent;
  }
}

@media (min-width: 768px) {
  body.dark .mb_bgpart {
    background: #171b2b !important;
  }
}