/* 测试环境深色模式可读性修复 */
@media (prefers-color-scheme: dark) {
  :root {
    --el-text-color-primary: #e8eaf0 !important;
    --el-text-color-regular: #c9cdd6 !important;
    --el-text-color-secondary: #a8adb8 !important;
    --el-text-color-placeholder: #7a7f8a !important;
    --el-border-color: #4a4e57 !important;
    --el-border-color-light: #3a3e46 !important;
    --el-bg-color: #1d1e22 !important;
    --el-bg-color-page: #141518 !important;
    --el-bg-color-overlay: #26272c !important;
    --el-fill-color-blank: #26272c !important;
    --el-fill-color-light: #2e3036 !important;
    --el-table-bg-color: #1d1e22 !important;
    --el-table-tr-bg-color: #1d1e22 !important;
    --el-table-header-bg-color: #26272c !important;
    --el-table-header-text-color: #e8eaf0 !important;
    --el-table-text-color: #d5d9e0 !important;
    --el-table-border-color: #3a3e46 !important;
  }
  html.dark {
    color-scheme: dark;
  }
  html.dark body,
  html.dark .app-wrapper,
  html.dark .main-container {
    background-color: #141518 !important;
    color: #e8eaf0 !important;
  }
  html.dark .el-card,
  html.dark .el-table,
  html.dark .el-dialog {
    background-color: #1d1e22 !important;
    color: #e8eaf0 !important;
  }
  html.dark .el-table th.el-table__cell,
  html.dark .el-table thead th {
    background-color: #26272c !important;
    color: #eef0f5 !important;
  }
  html.dark .el-table td.el-table__cell,
  html.dark .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background-color: #1d1e22 !important;
    color: #d5d9e0 !important;
  }
  html.dark .el-form-item__label,
  html.dark .el-input__inner,
  html.dark label {
    color: #d5d9e0 !important;
  }
  html.dark .el-input__wrapper,
  html.dark .el-textarea__inner,
  html.dark .el-select .el-input__wrapper {
    background-color: #26272c !important;
    box-shadow: 0 0 0 1px #4a4e57 inset !important;
  }
  html.dark .el-input__inner,
  html.dark .el-textarea__inner {
    color: #eef0f5 !important;
  }
  html.dark .el-input__inner::placeholder,
  html.dark .el-textarea__inner::placeholder {
    color: #7a7f8a !important;
  }
  html.dark .el-button--default {
    background-color: #2e3036 !important;
    border-color: #4a4e57 !important;
    color: #e8eaf0 !important;
  }
  html.dark .el-pagination,
  html.dark .el-pagination button,
  html.dark .el-pager li {
    background-color: transparent !important;
    color: #c9cdd6 !important;
  }
  html.dark .el-tag {
    border-color: #4a4e57 !important;
  }
}