@charset "UTF-8";
html.dark{color-scheme:dark;--el-color-primary:#409eff;--el-color-primary-light-3:#3375b9;--el-color-primary-light-5:#2a598a;--el-color-primary-light-7:#213d5b;--el-color-primary-light-8:#1d3043;--el-color-primary-light-9:#18222c;--el-color-primary-dark-2:#66b1ff;--el-color-success:#67c23a;--el-color-success-light-3:#4e8e2f;--el-color-success-light-5:#3e6b27;--el-color-success-light-7:#2d481f;--el-color-success-light-8:#25371c;--el-color-success-light-9:#1c2518;--el-color-success-dark-2:#85ce61;--el-color-warning:#e6a23c;--el-color-warning-light-3:#a77730;--el-color-warning-light-5:#7d5b28;--el-color-warning-light-7:#533f20;--el-color-warning-light-8:#3e301c;--el-color-warning-light-9:#292218;--el-color-warning-dark-2:#ebb563;--el-color-danger:#f56c6c;--el-color-danger-light-3:#b25252;--el-color-danger-light-5:#854040;--el-color-danger-light-7:#582e2e;--el-color-danger-light-8:#412626;--el-color-danger-light-9:#2b1d1d;--el-color-danger-dark-2:#f78989;--el-color-error:#f56c6c;--el-color-error-light-3:#b25252;--el-color-error-light-5:#854040;--el-color-error-light-7:#582e2e;--el-color-error-light-8:#412626;--el-color-error-light-9:#2b1d1d;--el-color-error-dark-2:#f78989;--el-color-info:#909399;--el-color-info-light-3:#6b6d71;--el-color-info-light-5:#525457;--el-color-info-light-7:#393a3c;--el-color-info-light-8:#2d2d2f;--el-color-info-light-9:#202121;--el-color-info-dark-2:#a6a9ad;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.36),0px 8px 20px rgba(0, 0, 0, 0.72);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.72);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.72);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.72),0px 12px 32px #000000,0px 8px 16px -8px #000000;--el-bg-color-page:#0a0a0a;--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#E5EAF3;--el-text-color-regular:#CFD3DC;--el-text-color-secondary:#A3A6AD;--el-text-color-placeholder:#8D9095;--el-text-color-disabled:#6C6E72;--el-border-color-darker:#636466;--el-border-color-dark:#58585B;--el-border-color:#4C4D4F;--el-border-color-light:#414243;--el-border-color-lighter:#363637;--el-border-color-extra-light:#2B2B2C;--el-fill-color-darker:#424243;--el-fill-color-dark:#39393A;--el-fill-color:#303030;--el-fill-color-light:#262727;--el-fill-color-lighter:#1D1D1D;--el-fill-color-extra-light:#191919;--el-fill-color-blank:transparent;--el-mask-color:rgba(0, 0, 0, 0.8);--el-mask-color-extra-light:rgba(0, 0, 0, 0.3)}
html.dark .el-button{--el-button-disabled-text-color:rgba(255, 255, 255, 0.5)}
html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay)}
html.dark .el-empty{--el-empty-fill-color-0:var(--el-color-black);--el-empty-fill-color-1:#4b4b52;--el-empty-fill-color-2:#36383d;--el-empty-fill-color-3:#1e1e20;--el-empty-fill-color-4:#262629;--el-empty-fill-color-5:#202124;--el-empty-fill-color-6:#212224;--el-empty-fill-color-7:#1b1c1f;--el-empty-fill-color-8:#1c1d1f;--el-empty-fill-color-9:#18181a}
:root {
  --theme-aside-width: 230px;
  --theme-header-height: 35px;
  --theme-border-color-light: #f1f2f3;
  --theme-logo-text-color: var(--el-color-primary);
  --theme-menu-text-color: #333333;
  --theme-menu-bg-color: #ffffff;
  --theme-menu-border-color: var(--el-color-primary);
  --theme-menu-hover-color: var(--el-color-primary);
  --theme-menu-hover-bg-color: var(--el-color-primary-light-9);
  --theme-header-bg-color: #ffffff;
  --theme-header-text-color: #444444;
  --theme-header-hover-color: rgba(0, 0, 0, 0.1);
  --theme-main-bg-color: #f0f2f5;
}
* {
  margin: 0;
  padding: 0;
  outline: none !important;
}
html,
body,
#app {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
#nprogress .bar {
  background: var(--el-color-primary) !important;
  z-index: 99999 !important;
}
.layout-container {
  width: 100%;
  height: 100%;
}
.layout-container .layout-sidebar {
  background: var(--theme-menu-bg-color);
  border-right: var(--theme-border-color-light) 1px solid;
  height: inherit;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-x: hidden !important;
}
.layout-container .layout-sidebar .el-scrollbar__view {
  overflow: hidden;
}
.layout-container .layout-sidebar.aside-expend {
  width: var(--theme-aside-width) !important;
  transition: width 0.3s ease;
}
.layout-container .layout-sidebar.aside-compress {
  width: 64px !important;
  transition: width 0.3s ease;
}
.layout-container .layout-header {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(36px + var(--theme-header-height));
}
.layout-container .layout-main {
  padding: 0 !important;
  overflow: hidden;
  width: 100%;
  background-color: var(--theme-main-bg-color);
}
.layout-container .layout-main .layout-card {
  min-height: calc(100vh - 50px - var(--theme-header-height));
}
.layout-container .layout-scrollbar {
  padding: 10px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
}
.el-select-dropdown__item {
  font-size: 12px !important;
}
.el-image__error {
  font-size: 12px !important;
}
.el-table .cell {
  line-height: 19px !important;
}
.el-pagination {
  --el-pagination-font-size: 12px!important;
  --el-pagination-button-height: 21px!important;
}
.el-menu {
  border-right: none !important;
  width: var(--theme-aside-width);
}
.el-menu-item,
.el-sub-menu__title {
  color: var(--theme-menu-text-color) !important;
  height: 48px !important;
  overflow: hidden;
}
.el-menu.el-menu--horizontal {
  border-bottom: none !important;
}
.el-menu-item {
  height: 45px !important;
  line-height: 45px !important;
}
.el-menu-item a,
.el-menu-item a:hover,
.el-menu-item i,
.el-sub-menu__title i {
  color: inherit;
  text-decoration: none;
}
.el-menu-item .svg-icon,
.el-sub-menu .svg-icon {
  font-size: 16px !important;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  text-align: center;
}
.el-sub-menu.is-active > :first-child {
  overflow: hidden;
  color: var(--theme-menu-hover-color) !important;
}
.el-menu-item.is-active {
  border-right: 2px solid var(--theme-menu-border-color);
  position: relative;
  right: 1px;
  overflow: hidden;
  color: var(--theme-menu-hover-color) !important;
  background-color: var(--theme-menu-hover-bg-color) !important;
}
.el-menu-item.is-active:hover {
  background-color: var(--theme-menu-hover-bg-color) !important;
}
.el-sub-menu.is-active.is-opened .el-sub-menu__title {
  background-color: unset !important;
  color: var(--theme-menu-hover-color);
}
.el-menu-item:hover,
.el-sub-menu__title:hover {
  background-color: unset !important;
  color: var(--theme-menu-hover-color) !important;
}
.el-pagination {
  margin-top: 5px;
  justify-content: flex-end;
}
.el-form--inline .el-form-item {
  margin-right: 16px !important;
}
.el-drawer .el-drawer__header {
  display: flex;
  align-items: center;
  height: var(--theme-header-height);
  padding: 0 15px;
  margin-bottom: 0 !important;
  font-size: 15px;
  border-bottom: 1px solid var(--el-border-color);
  color: var(--el-text-color-primary);
}
.el-card.is-always-shadow {
  box-shadow: none !important;
}
.sidebar-dark {
  --theme-logo-text-color: #e7e3e3;
  --theme-main-bg-color: #000;
  --theme-menu-text-color: rgb(255 255 255 / 66%);
  --theme-menu-bg-color: #263238;
  --theme-menu-hover-color: #eee;
  --theme-menu-hover-bg-color: var(--el-color-primary);
}
.sidebar-dark .el-menu-item.is-active {
  border-right: none;
  right: 0;
}
.sidebar-dark.layout-sidebar {
  border-right: none;
}
.header-theme {
  --theme-header-bg-color: var(--el-color-primary);
  --theme-header-text-color: rgb(255 255 255 / 80%);
  --theme-header-hover-color: rgba(0, 0, 0, 0.1);
}
html.dark {
  --el-text-color-primary: #d0d0d0;
  --el-color-primary-light-1: var(--el-color-primary-dark-1) !important;
  --el-color-primary-light-2: var(--el-color-primary-dark-2) !important;
  --el-color-primary-light-3: var(--el-color-primary-dark-3) !important;
  --el-color-primary-light-4: var(--el-color-primary-dark-4) !important;
  --el-color-primary-light-5: var(--el-color-primary-dark-5) !important;
  --el-color-primary-light-6: var(--el-color-primary-dark-6) !important;
  --el-color-primary-light-7: var(--el-color-primary-dark-7) !important;
  --el-color-primary-light-8: var(--el-color-primary-dark-8) !important;
  --el-color-primary-light-9: var(--el-color-primary-dark-9) !important;
  --w-e-textarea-bg-color: #333;
  --w-e-textarea-color: #fff;
}
html.dark * {
  --theme-main-bg-color: var(--el-bg-color);
  --theme-border-color-light: var(--el-border-color-dark);
  --theme-logo-text-color: var(--el-text-color-primary);
  --theme-menu-text-color: rgb(255 255 255 / 66%);
  --theme-menu-bg-color: var(--el-bg-color);
  --theme-menu-hover-color: #eee;
  --theme-menu-hover-bg-color: var(--el-color-primary);
  --theme-header-bg-color: var(--el-bg-color);
  --theme-header-text-color: #eee;
  --theme-header-hover-color: var(--el-border-color-dark);
}
html.dark .el-popover.el-popper {
  background: var(--el-bg-color-overlay);
}
html.dark .v-md-editor textarea {
  color: #fff;
}
html.dark .v-md-editor .scrollbar__wrap {
  background-color: #444;
  color: #999;
}
html.dark .sidebar-dark .el-menu-item.is-active {
  border-right: 2px solid var(--theme-menu-border-color) !important;
  position: relative !important;
  right: 1px !important;
}
html.dark .sidebar-dark.layout-sidebar {
  border-right: var(--theme-border-color-light) 1px solid !important;
}