@charset "UTF-8";
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 47, 84, 235;
  --el-color-success-rgb: 82, 196, 26;
  --el-color-warning-rgb: 250, 173, 20;
  --el-color-danger-rgb: 255, 77, 79;
  --el-color-error-rgb: 255, 77, 79;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-font-family: -apple-system, BlinkMacSystemFont, Roboto, Arial, Helvetica, 'Segoe UI', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --el-font-weight-primary: 500;
  --el-font-line-height-primary: 24px;
  --el-index-normal: 1;
  --el-index-top: 1000;
  --el-index-popper: 2000;
  --el-border-radius-base: 3px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-component-size-large: 40px;
  --el-component-size: 32px;
  --el-component-size-small: 24px;
}

:root {
  color-scheme: light;
  --el-color-primary: #2f54eb;
  --el-color-primary-light-3: rgb(109, 135, 241);
  --el-color-primary-light-5: rgb(151, 170, 245);
  --el-color-primary-light-7: rgb(193, 204, 249);
  --el-color-primary-light-8: rgb(213, 221, 251);
  --el-color-primary-light-9: rgb(234, 238, 253);
  --el-color-primary-dark-2: rgb(38, 67, 188);
  --el-color-success: #52c41a;
  --el-color-success-light-3: rgb(134, 214, 95);
  --el-color-success-light-5: rgb(169, 226, 141);
  --el-color-success-light-7: rgb(203, 237, 186);
  --el-color-success-light-8: rgb(220, 243, 209);
  --el-color-success-light-9: rgb(238, 249, 232);
  --el-color-success-dark-2: rgb(66, 157, 21);
  --el-color-warning: #faad14;
  --el-color-warning-light-3: rgb(252, 198, 91);
  --el-color-warning-light-5: rgb(253, 214, 138);
  --el-color-warning-light-7: rgb(254, 230, 185);
  --el-color-warning-light-8: rgb(254, 239, 208);
  --el-color-warning-light-9: rgb(255, 247, 232);
  --el-color-warning-dark-2: rgb(200, 138, 16);
  --el-color-danger: #ff4d4f;
  --el-color-danger-light-3: rgb(255, 130, 132);
  --el-color-danger-light-5: rgb(255, 166, 167);
  --el-color-danger-light-7: rgb(255, 202, 202);
  --el-color-danger-light-8: rgb(255, 219, 220);
  --el-color-danger-light-9: rgb(255, 237, 237);
  --el-color-danger-dark-2: rgb(204, 62, 63);
  --el-color-error: #ff4d4f;
  --el-color-error-light-3: rgb(255, 130, 132);
  --el-color-error-light-5: rgb(255, 166, 167);
  --el-color-error-light-7: rgb(255, 202, 202);
  --el-color-error-light-8: rgb(255, 219, 220);
  --el-color-error-light-9: rgb(255, 237, 237);
  --el-color-error-dark-2: rgb(204, 62, 63);
  --el-color-info: #909399;
  --el-color-info-light-3: rgb(177, 179, 184);
  --el-color-info-light-5: rgb(200, 201, 204);
  --el-color-info-light-7: rgb(222, 223, 224);
  --el-color-info-light-8: rgb(233, 233, 235);
  --el-color-info-light-9: rgb(244, 244, 245);
  --el-color-info-dark-2: rgb(115, 118, 122);
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f7f7f9;
  --el-bg-color-overlay: #ffffff;
  --el-text-color-primary: rgba(0, 0, 0, 0.92);
  --el-text-color-regular: rgba(0, 0, 0, 0.88);
  --el-text-color-secondary: rgba(0, 0, 0, 0.6);
  --el-text-color-placeholder: rgba(0, 0, 0, 0.36);
  --el-text-color-disabled: rgba(0, 0, 0, 0.28);
  --el-border-color: #d9d9d9;
  --el-border-color-light: #e3e3e3;
  --el-border-color-lighter: #e8e8e8;
  --el-border-color-extra-light: #f0f0f0;
  --el-border-color-dark: #d5d5d5;
  --el-border-color-darker: #d1d1d1;
  --el-fill-color: #f0f0f0;
  --el-fill-color-light: #f5f5f5;
  --el-fill-color-lighter: #f7f7f7;
  --el-fill-color-extra-light: #fafafa;
  --el-fill-color-dark: #e9e9e9;
  --el-fill-color-darker: #e3e3e3;
  --el-fill-color-blank: #ffffff;
  --el-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  --el-box-shadow-light: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --el-box-shadow-lighter: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --el-box-shadow-dark: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: rgba(0, 0, 0, 0.8);
  --el-overlay-color-light: rgba(0, 0, 0, 0.6);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.45);
  --el-mask-color: rgba(255, 255, 255, 0.4);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.6);
  --el-border-width: 1px;
  --el-border-style: solid;
  --el-border-color-hover: var(--el-text-color-disabled);
  --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  --el-svg-monochrome-grey: var(--el-border-color);
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center top;
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: var(--el-transition-md-fade);
  transform-origin: top left;
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.el-collapse-transition-leave-active,
.el-collapse-transition-enter-active {
  transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}

.el-list-leave-active {
  position: absolute !important;
}

.el-opacity-transition {
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.el-icon {
  --color: inherit;
  height: 1em;
  width: 1em;
  line-height: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
.el-icon.is-loading {
  animation: rotating 2s linear infinite;
}

.el-icon svg {
  height: 1em;
  width: 1em;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElAutocomplete 主题变量 */
.el-autocomplete__popper {
  --ele-autocomplete-padding: 6px 0;
  --ele-autocomplete-item-height: 32px;
  --ele-autocomplete-item-margin: 2px;
  --ele-autocomplete-item-padding: 0 16px;
  --ele-autocomplete-item-radius: 0;
}

/* Autocomplete */
.el-autocomplete__popper .el-autocomplete-suggestion__wrap {
  padding: 0;
}
.el-autocomplete__popper .el-autocomplete-suggestion__list {
  padding: var(--ele-autocomplete-padding);
}
.el-autocomplete__popper .el-autocomplete-suggestion li {
  height: var(--ele-autocomplete-item-height);
  line-height: var(--ele-autocomplete-item-height);
  padding: var(--ele-autocomplete-item-padding);
  border-radius: var(--ele-autocomplete-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-autocomplete__popper .el-autocomplete-suggestion li + li {
  margin-top: var(--ele-autocomplete-item-margin);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* Backtop */
body .el-backtop {
  box-shadow: var(--el-box-shadow-light);
  transition: color 0.2s, background-color 0.2s;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElCascader 主题变量 */
.el-cascader__dropdown {
  --ele-cascader-menu-padding: 6px 0;
  --ele-cascader-item-height: 32px;
  --ele-cascader-item-margin: 2px;
  --ele-cascader-item-padding: 0 16px;
  --ele-cascader-item-radius: 0;
  --ele-cascader-item-active-bg: var(--el-color-primary-light-9);
  --ele-cascader-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-cascader-item-active-font-weight: normal;
}

/* Cascader */
.el-cascader__dropdown .el-cascader-menu__list {
  padding: var(--ele-cascader-menu-padding);
}
.el-cascader__dropdown .el-cascader-node {
  height: var(--ele-cascader-item-height);
  line-height: var(--ele-cascader-item-height);
  padding: var(--ele-cascader-item-padding);
  border-radius: var(--ele-cascader-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-cascader__dropdown .el-cascader-node > .el-checkbox, .el-cascader__dropdown .el-cascader-node > .el-radio {
  margin-right: 8px;
}
.el-cascader__dropdown .el-cascader-node + .el-cascader-node {
  margin-top: var(--ele-cascader-item-margin);
}
.el-cascader__dropdown .el-cascader-node.in-active-path, .el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path, .el-cascader__dropdown .el-cascader-node.is-active {
  background: var(--ele-cascader-item-active-bg);
  font-weight: var(--ele-cascader-item-active-font-weight);
}
.el-cascader__dropdown .el-cascader-node.in-active-path:hover, .el-cascader__dropdown .el-cascader-node.in-active-path:focus, .el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path:hover, .el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path:focus, .el-cascader__dropdown .el-cascader-node.is-active:hover, .el-cascader__dropdown .el-cascader-node.is-active:focus {
  background: var(--ele-cascader-item-active-hover-bg);
}
.el-cascader__dropdown .el-cascader-menu:last-child .el-cascader-node {
  padding: var(--ele-cascader-item-padding);
}
.el-cascader__dropdown .el-cascader-node__label {
  padding: 0;
}
.el-cascader__dropdown .el-cascader-node__prefix {
  order: 4;
  margin-right: -4px;
  position: static;
  left: auto;
}
.el-cascader__dropdown .el-cascader-node__postfix {
  margin-right: -6px;
  position: static;
  right: auto;
}
.el-cascader__dropdown .el-cascader__suggestion-list {
  padding: var(--ele-cascader-menu-padding);
}
.el-cascader__dropdown .el-cascader__suggestion-item {
  height: var(--ele-cascader-item-height);
  line-height: var(--ele-cascader-item-height);
  padding: var(--ele-cascader-item-padding);
  border-radius: var(--ele-cascader-item-radius);
}
.el-cascader__dropdown .el-cascader__suggestion-item > span {
  flex: 1;
  margin-right: 0;
}
.el-cascader__dropdown .el-cascader__suggestion-item > .el-icon {
  margin-right: -4px;
}
.el-cascader__dropdown .el-cascader__suggestion-item + .el-cascader__suggestion-item {
  margin-top: var(--ele-cascader-item-margin);
}
.el-cascader__dropdown .el-cascader__suggestion-item.is-checked {
  background: var(--ele-cascader-item-active-bg);
  font-weight: var(--ele-cascader-item-active-font-weight);
}

.el-cascader > .el-input .el-input__inner {
  margin: -2px 0;
  min-height: calc(var(--el-input-height) + 2px);
}

/* 多选标签 */
.el-cascader__tags .el-tag__content,
.el-cascader__collapse-tag .el-tag__content {
  display: inline-flex;
  align-items: center;
  line-height: 14px;
}

.el-cascader .el-cascader__tags {
  gap: 0;
  padding: 3px 0 3px 4px;
}

.el-cascader .el-cascader__tags .el-tag,
.el-cascader__collapse-tags .el-cascader__collapse-tag .el-tag {
  flex-shrink: 0;
  margin: 2px 4px 2px 0;
  height: calc(var(--el-component-size) - 4px - 4px);
  border: none;
}

.el-cascader__tags .el-cascader__search-input {
  margin: 2px 0 2px 5.8px;
}

/* 小尺寸 */
.el-cascader--small .el-cascader__tags .el-cascader__search-input {
  height: 18px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 3.8px;
}

.el-cascader--small .el-cascader__tags .el-tag,
.el-cascader__collapse-tags .el-cascader__collapse-tag .el-tag--small {
  margin: 1px 4px 1px 0;
  height: calc(var(--el-component-size-small) - 4px - 2px);
}

/* 大尺寸 */
.el-cascader--large .el-cascader__tags {
  padding: 1px 0 1px 6px;
}

.el-cascader--large .el-cascader__tags .el-tag {
  height: calc(var(--el-component-size-large) - 8px - 4px);
}

.el-cascader--large .el-cascader__tags .el-cascader__search-input {
  margin-left: 7.8px;
}

/* 多选搜索框 */
.el-cascader__tags .el-tag + .el-cascader__search-input {
  margin-left: 2px;
}

/* 标签溢出气泡 */
.el-popper > .el-cascader__collapse-tags {
  margin: -5px -11px;
  padding: 8px 10px;
  gap: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElCheckbox 主题变量 */
.el-checkbox {
  --ele-checkbox-color: var(--el-text-color-regular);
  --ele-checkbox-font-size: var(--el-font-size-base);
  --ele-checkbox-size: 16px;
  --ele-checkbox-radius: var(--el-border-radius-small);
  --ele-checkbox-space: 16px;
  --ele-checkbox-bg: var(--el-bg-color);
  --ele-checkbox-border: 1px solid var(--el-border-color);
  --ele-checkbox-hover-border: 1px solid var(--el-color-primary);
  --ele-checkbox-active-color: var(--el-text-color-regular);
  --ele-checkbox-icon-width: 5.7142857143px;
  --ele-checkbox-icon-height: 9.1428571429px;
  --ele-checkbox-icon-left: 21.5%;
  --ele-checkbox-disabled-color: var(--el-disabled-text-color);
  --ele-checkbox-disabled-bg: var(--el-disabled-bg-color);
  --ele-checkbox-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-checkbox-sm-font-size: var(--el-font-size-extra-small);
  --ele-checkbox-sm-size: 14px;
  --ele-checkbox-sm-radius: var(--el-border-radius-small);
  --ele-checkbox-sm-icon-width: 4.5px;
  --ele-checkbox-sm-icon-height: 7px;
  --ele-checkbox-sm-icon-left: 24.5%;
  --ele-checkbox-lg-font-size: var(--el-font-size-base);
  --ele-checkbox-lg-size: 16px;
  --ele-checkbox-lg-radius: var(--el-border-radius-small);
  --ele-checkbox-lg-icon-width: 5.7142857143px;
  --ele-checkbox-lg-icon-height: 9.1428571429px;
  --ele-checkbox-lg-icon-left: 21.5%;
}

/* Checkbox */
body .el-checkbox .el-checkbox__label {
  color: var(--ele-checkbox-color);
  font-size: var(--ele-checkbox-font-size);
  line-height: var(--ele-checkbox-size);
  transition: color 0.2s, font-weight 0.2s;
}
body .el-checkbox .el-checkbox__inner {
  width: var(--ele-checkbox-size);
  height: var(--ele-checkbox-size);
  background: var(--ele-checkbox-bg);
  border: var(--ele-checkbox-border);
  border-radius: var(--ele-checkbox-radius);
  transition: border-color 0.2s, background-color 0.2s;
}
body .el-checkbox .el-checkbox__inner::after {
  top: 50%;
  left: var(--ele-checkbox-icon-left);
  width: var(--ele-checkbox-icon-width);
  height: var(--ele-checkbox-icon-height);
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  box-sizing: border-box;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  opacity: 0;
}
body .el-checkbox .el-checkbox__input .el-checkbox__inner::before {
  content: "";
  width: 60%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  background: #fff;
  transform: translateX(-50%) scale(0);
  margin-top: -1px;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  opacity: 0;
}
body .el-checkbox:hover .el-checkbox__inner {
  border: var(--ele-checkbox-hover-border);
}
body .el-checkbox.is-checked .el-checkbox__label {
  color: var(--ele-checkbox-active-color);
}
body .el-checkbox.is-checked .el-checkbox__inner {
  background: var(--el-color-primary);
  border: 1px solid var(--el-color-primary);
}
body .el-checkbox.is-checked .el-checkbox__inner::after {
  opacity: 1;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: var(--el-color-primary);
  border: 1px solid var(--el-color-primary);
}
body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: block;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
}
body .el-checkbox.is-disabled span.el-checkbox__label {
  color: var(--ele-checkbox-disabled-color);
}
body .el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner {
  background: var(--ele-checkbox-disabled-bg);
  border: var(--ele-checkbox-disabled-border);
}
body .el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner::after {
  border-color: var(--ele-checkbox-disabled-color);
}
body .el-checkbox.el-checkbox--small .el-checkbox__label {
  font-size: var(--ele-checkbox-sm-font-size);
  line-height: var(--ele-checkbox-sm-size);
}
body .el-checkbox.el-checkbox--small .el-checkbox__inner {
  width: var(--ele-checkbox-sm-size);
  height: var(--ele-checkbox-sm-size);
  border-radius: var(--ele-checkbox-sm-radius);
}
body .el-checkbox.el-checkbox--small .el-checkbox__inner::after {
  left: var(--ele-checkbox-sm-icon-left);
  width: var(--ele-checkbox-sm-icon-width);
  height: var(--ele-checkbox-sm-icon-height);
}
body .el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 50%;
}
body .el-checkbox.el-checkbox--large .el-checkbox__label {
  font-size: var(--ele-checkbox-lg-font-size);
  line-height: var(--ele-checkbox-lg-size);
}
body .el-checkbox.el-checkbox--large .el-checkbox__inner {
  width: var(--ele-checkbox-lg-size);
  height: var(--ele-checkbox-lg-size);
  border-radius: var(--ele-checkbox-lg-radius);
}
body .el-checkbox.el-checkbox--large .el-checkbox__inner::after {
  left: var(--ele-checkbox-lg-icon-left);
  width: var(--ele-checkbox-lg-icon-width);
  height: var(--ele-checkbox-lg-icon-height);
}

body .el-checkbox,
body .el-checkbox-group > .el-checkbox {
  margin-right: var(--ele-checkbox-space);
}

.el-checkbox-group > .el-checkbox:last-child {
  margin-right: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ColorPicker */
body .el-color-picker__panel,
body .el-color-picker-panel {
  padding: 10px;
  background: none;
}

.el-color-picker__panel .el-color-dropdown__btns {
  margin-top: 8px;
}
.el-color-picker__panel .el-color-predefine__color-selector.selected {
  box-shadow: none;
  position: relative;
}
.el-color-picker__panel .el-color-predefine__color-selector.selected::after {
  content: "";
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg) translate(-50%, -50%);
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 6px;
}

.el-color-picker .el-color-picker__color {
  border-color: var(--el-border-color-light);
  overflow: hidden;
}

body .el-color-picker .el-color-picker__icon,
body .el-color-picker .el-color-picker__empty {
  font-size: 13px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElDatepicker 主题变量 */
.el-date-picker,
.el-date-range-picker {
  --ele-datepicker-header-height: 42px;
  --ele-datepicker-header-padding: 0 12px;
  --ele-datepicker-header-border: 1px solid var(--el-border-color-light);
  --ele-datepicker-label-size: 15px;
  --ele-datepicker-label-weight: 500;
  --ele-datepicker-label-color: var(--el-text-color-regular);
  --ele-datepicker-label-hover-color: var(--el-color-primary);
  --ele-datepicker-label-space: 8px;
  --ele-datepicker-icon-size: 15px;
  --ele-datepicker-icon-color: var(--el-text-color-secondary);
  --ele-datepicker-icon-hover-color: var(--el-text-color-primary);
  --ele-datepicker-icon-disabled-color: var(--el-disabled-text-color);
  --ele-datepicker-icon-space: 8px;
  --ele-datepicker-body-width: 288px;
  --ele-datepicker-body-padding: 8px 12px;
  --ele-datepicker-color: var(--el-text-color-regular);
  --ele-datepicker-font-size: var(--el-font-size-base);
  --ele-datepicker-off-color: var(--el-text-color-placeholder);
  --ele-datepicker-hover-color: var(--el-text-color-primary);
  --ele-datepicker-hover-bg: var(--el-fill-color-light);
  --ele-datepicker-cell-radius: 14px;
  --ele-datepicker-today-color: inherit;
  --ele-datepicker-today-border: 1px solid var(--el-color-primary);
  --ele-datepicker-today-weight: normal;
  --ele-datepicker-active-color: #fff;
  --ele-datepicker-active-bg: var(--el-color-primary);
  --ele-datepicker-disabled-color: var(--el-disabled-text-color);
  --ele-datepicker-disabled-bg: var(--el-disabled-bg-color);
  --ele-datepicker-year-width: 58px;
  --ele-datepicker-year-height: 26px;
  --ele-datepicker-year-radius: 16px;
  --ele-datepicker-year-padding: 22px 0;
  --ele-datepicker-year-space: 4px 0;
  --ele-datepicker-month-padding: 22px 0;
  --ele-datepicker-month-space: 4px 0;
  --ele-datepicker-end-margin: 3.5px;
  --ele-datepicker-footer-padding: 8px 12px;
  --ele-datepicker-footer-border: 1px solid var(--el-border-color-light);
  --ele-datepicker-inrange-bg: var(--el-color-primary-light-9);
  --ele-datepicker-inrange-hover-bg: var(--el-color-primary-light-8);
  --ele-datepicker-inner-border: var(--el-border-color-light);
  --ele-datepicker-sidebar-width: 120px;
  --ele-datepicker-sidebar-padding: 8px 0;
  --ele-datepicker-sidebar-border: 1px solid var(--el-border-color-light);
  --ele-datepicker-shortcut-height: 32px;
  --ele-datepicker-shortcut-size: var(--el-font-size-base);
  --ele-datepicker-shortcut-color: var(--el-text-color-regular);
  --ele-datepicker-shortcut-padding: 0 14px;
  --ele-datepicker-shortcut-margin: 0;
  --ele-datepicker-shortcut-radius: 0;
  --ele-datepicker-shortcut-hover-color: var(--el-text-color-primary);
  --ele-datepicker-shortcut-hover-bg: var(--el-fill-color-light);
  --ele-datepicker-range-icon-color: var(--el-text-color-placeholder);
  --ele-datepicker-range-icon-size: var(--el-font-size-base);
}

.el-time-panel,
.el-time-range-picker {
  --ele-timepicker-width: 180px;
  --ele-timepicker-height: 220px;
  --ele-timepicker-padding: 8px 4px;
  --ele-timepicker-item-size: var(--el-font-size-base);
  --ele-timepicker-item-color: var(--el-text-color-regular);
  --ele-timepicker-item-height: 28px;
  --ele-timepicker-item-radius: 14px;
  --ele-timepicker-item-hover-bg: var(--el-fill-color-light);
  --ele-timepicker-item-hover-color: var(--el-text-color-primary);
  --ele-timepicker-item-active-bg: var(--el-color-primary-light-9);
  --ele-timepicker-item-active-color: var(--el-color-primary);
  --ele-timepicker-item-disabled-color: var(--el-disabled-text-color);
  --ele-timepicker-item-disabled-bg: transparent;
  --ele-timepicker-line: 1px solid var(--el-border-color-light);
  --ele-timepicker-line-padding: 3px;
  --ele-timepicker-line-margin: 4px;
  --ele-timepicker-arrow-color: var(--el-text-color-secondary);
  --ele-timepicker-arrow-size: var(--el-font-size-base);
  --ele-timepicker-footer-padding: 6px 10px;
  --ele-timepicker-button-height: 24px;
  --ele-timepicker-button-padding: 0 10px;
  --ele-timepicker-button-radius: var(--el-border-radius-small);
  --ele-timepicker-button-size: 12px;
  --ele-timepicker-button-space: 8px;
  --ele-timepicker-header-height: 42px;
  --ele-timepicker-header-border: 1px solid var(--el-border-color-light);
  --ele-timepicker-header-size: 14px;
  --ele-timepicker-range-space: 6px;
}

.el-popper .el-picker-panel {
  background: none;
}

/* DatePicker */
.el-date-picker .el-date-picker__header {
  display: flex;
  align-items: center;
  height: var(--ele-datepicker-header-height);
  line-height: var(--ele-datepicker-header-height);
  border-bottom: var(--ele-datepicker-header-border);
  padding: var(--ele-datepicker-header-padding);
  box-sizing: border-box;
  margin: 0;
}
.el-date-picker .el-date-picker__header-label {
  flex-shrink: 0;
  color: var(--ele-datepicker-label-color);
  font-size: var(--ele-datepicker-label-size);
  font-weight: var(--ele-datepicker-label-weight);
  line-height: inherit;
  padding: 0;
  box-sizing: border-box;
  transition: color 0.2s;
}
.el-date-picker .el-date-picker__header-label + .el-date-picker__header-label {
  margin-left: var(--ele-datepicker-label-space);
}
.el-date-picker .el-date-picker__header-label:hover {
  color: var(--ele-datepicker-label-hover-color);
}
.el-date-picker .el-date-picker__prev-btn,
.el-date-picker .el-date-picker__next-btn {
  flex: 1;
  float: none;
  display: flex;
  align-items: center;
}
.el-date-picker .el-date-picker__next-btn {
  justify-content: flex-end;
}
.el-date-picker .el-picker-panel__icon-btn {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: var(--ele-datepicker-icon-size);
  color: var(--ele-datepicker-icon-color);
  transition: color 0.2s;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-date-picker .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}
.el-date-picker .el-picker-panel__icon-btn + .el-picker-panel__icon-btn {
  margin-left: var(--ele-datepicker-icon-space);
}
.el-date-picker .el-picker-panel__icon-btn:hover {
  color: var(--ele-datepicker-icon-hover-color);
}
.el-date-picker .el-picker-panel__content {
  margin: 0;
  padding: var(--ele-datepicker-body-padding);
  box-sizing: border-box;
}
.el-date-picker .el-picker-panel__body .el-picker-panel__content {
  width: 100%;
}
.el-date-picker .el-year-table td.current:not(.disabled) > div,
.el-date-picker .el-month-table td.current:not(.disabled) > div {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.el-picker__popper .el-date-picker,
.el-date-range-picker .el-date-range-picker__content,
.el-date-picker.has-sidebar .el-picker-panel__body {
  width: var(--ele-datepicker-body-width);
  flex-shrink: 0;
}

.el-picker__popper .el-date-picker.has-sidebar,
.el-picker__popper .el-date-range-picker,
.el-picker__popper .el-date-range-picker.has-sidebar,
.el-picker__popper .el-date-picker.has-sidebar.has-time {
  width: auto;
}

.el-picker__popper .el-date-range-picker .el-picker-panel__body {
  min-width: auto;
}

.el-date-picker .el-picker-panel__sidebar,
.el-date-range-picker .el-picker-panel__sidebar {
  flex-shrink: 1;
  background: none;
  width: var(--ele-datepicker-sidebar-width);
  padding: var(--ele-datepicker-sidebar-padding);
  border-right: var(--ele-datepicker-sidebar-border);
  box-sizing: border-box;
  position: relative;
  top: auto;
  bottom: auto;
}
.el-date-picker .el-picker-panel__sidebar + .el-picker-panel__body,
.el-date-range-picker .el-picker-panel__sidebar + .el-picker-panel__body {
  margin: 0;
}
.el-date-picker .el-picker-panel__shortcut,
.el-date-range-picker .el-picker-panel__shortcut {
  height: var(--ele-datepicker-shortcut-height);
  line-height: var(--ele-datepicker-shortcut-height);
  color: var(--ele-datepicker-shortcut-color);
  font-size: var(--ele-datepicker-shortcut-size);
  padding: var(--ele-datepicker-shortcut-padding);
  border-radius: var(--ele-datepicker-shortcut-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.el-date-picker .el-picker-panel__shortcut:hover,
.el-date-range-picker .el-picker-panel__shortcut:hover {
  color: var(--ele-datepicker-shortcut-hover-color);
  background: var(--ele-datepicker-shortcut-hover-bg);
}
.el-date-picker .el-picker-panel__shortcut + .el-picker-panel__shortcut,
.el-date-range-picker .el-picker-panel__shortcut + .el-picker-panel__shortcut {
  margin-top: var(--ele-datepicker-shortcut-margin);
}
.el-date-picker.has-sidebar .el-picker-panel__body-wrapper,
.el-date-range-picker.has-sidebar .el-picker-panel__body-wrapper {
  display: flex;
}

.el-date-picker .el-picker-panel__footer,
.el-date-range-picker .el-picker-panel__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: var(--ele-datepicker-footer-padding);
  border-top: var(--ele-datepicker-footer-border);
  box-sizing: border-box;
  background: none;
}

.el-date-picker .el-date-table,
.el-date-picker .el-month-table,
.el-date-picker .el-year-table,
.el-date-range-picker .el-date-table,
.el-date-range-picker .el-month-table,
.el-date-range-picker .el-year-table {
  color: var(--ele-datepicker-color);
  font-size: var(--ele-datepicker-font-size);
  margin: 0;
}
.el-date-picker .el-date-table th,
.el-date-range-picker .el-date-table th {
  padding: 0;
  border: none;
  color: var(--ele-datepicker-color);
}
.el-date-picker .el-date-table td .el-date-table-cell .el-date-table-cell__text,
.el-date-range-picker .el-date-table td .el-date-table-cell .el-date-table-cell__text {
  border-radius: var(--ele-datepicker-cell-radius);
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  box-sizing: border-box;
}
.el-date-picker .el-date-table td.today .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.today .el-date-table-cell__text {
  color: var(--ele-datepicker-today-color);
  font-weight: var(--ele-datepicker-today-weight);
  border: var(--ele-datepicker-today-border);
}
.el-date-picker .el-date-table td.prev-month, .el-date-picker .el-date-table td.next-month,
.el-date-range-picker .el-date-table td.prev-month,
.el-date-range-picker .el-date-table td.next-month {
  color: var(--ele-datepicker-off-color);
}
.el-date-picker .el-date-table td.available:hover .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.available:hover .el-date-table-cell__text {
  color: var(--ele-datepicker-hover-color);
  background: var(--ele-datepicker-hover-bg);
}
.el-date-picker .el-date-table td.current:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}
.el-date-picker .el-date-table td.disabled .el-date-table-cell,
.el-date-range-picker .el-date-table td.disabled .el-date-table-cell {
  background: var(--ele-datepicker-disabled-bg);
}
.el-date-picker .el-date-table td.disabled .el-date-table-cell__text,
.el-date-range-picker .el-date-table td.disabled .el-date-table-cell__text {
  color: var(--ele-datepicker-disabled-color);
  background: none;
}
.el-date-picker .el-year-table td,
.el-date-picker .el-month-table td,
.el-date-range-picker .el-year-table td,
.el-date-range-picker .el-month-table td {
  width: auto;
}
.el-date-picker .el-year-table td .el-date-table-cell__text,
.el-date-picker .el-month-table td .el-date-table-cell__text,
.el-date-range-picker .el-year-table td .el-date-table-cell__text,
.el-date-range-picker .el-month-table td .el-date-table-cell__text {
  color: var(--ele-datepicker-color);
  width: var(--ele-datepicker-year-width);
  height: var(--ele-datepicker-year-height);
  line-height: var(--ele-datepicker-year-height);
  border-radius: var(--ele-datepicker-year-radius);
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  box-sizing: border-box;
  position: static;
  left: auto;
  transform: none;
}
.el-date-picker .el-year-table td.today .el-date-table-cell__text,
.el-date-picker .el-month-table td.today .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.today .el-date-table-cell__text,
.el-date-range-picker .el-month-table td.today .el-date-table-cell__text {
  color: var(--ele-datepicker-today-color);
  font-weight: var(--ele-datepicker-today-weight);
  border: var(--ele-datepicker-today-border);
}
.el-date-picker .el-year-table td .el-date-table-cell__text:hover,
.el-date-picker .el-month-table td .el-date-table-cell__text:hover,
.el-date-range-picker .el-year-table td .el-date-table-cell__text:hover,
.el-date-range-picker .el-month-table td .el-date-table-cell__text:hover {
  color: var(--ele-datepicker-hover-color);
  background: var(--ele-datepicker-hover-bg);
}
.el-date-picker .el-year-table td.current:not(.disabled) .el-date-table-cell__text,
.el-date-picker .el-month-table td.current:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.current:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}
.el-date-picker .el-year-table td,
.el-date-range-picker .el-year-table td {
  padding: var(--ele-datepicker-year-padding);
}
.el-date-picker .el-year-table td > div,
.el-date-range-picker .el-year-table td > div {
  height: auto;
  padding: var(--ele-datepicker-year-space);
  transition: background-color 0.2s, border-color 0.2s;
}
.el-date-picker .el-year-table td.disabled > div,
.el-date-range-picker .el-year-table td.disabled > div {
  background: var(--ele-datepicker-disabled-bg);
}
.el-date-picker .el-year-table td.disabled .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.disabled .el-date-table-cell__text {
  color: var(--ele-datepicker-disabled-color);
  background: none;
}
.el-date-picker .el-month-table td,
.el-date-range-picker .el-month-table td {
  padding: var(--ele-datepicker-month-padding);
}
.el-date-picker .el-month-table td > div,
.el-date-range-picker .el-month-table td > div {
  height: auto;
  padding: var(--ele-datepicker-month-space);
  transition: background-color 0.2s, border-color 0.2s;
}
.el-date-picker .el-month-table td.disabled > div,
.el-date-range-picker .el-month-table td.disabled > div {
  background: var(--ele-datepicker-disabled-bg);
}
.el-date-picker .el-month-table td.disabled .el-date-table-cell__text,
.el-date-range-picker .el-month-table td.disabled .el-date-table-cell__text {
  color: var(--ele-datepicker-disabled-color);
  background: none;
}

.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header {
  display: flex;
  align-items: center;
  height: var(--ele-datepicker-header-height);
  line-height: var(--ele-datepicker-header-height);
  border-bottom: var(--ele-datepicker-header-border);
  padding: var(--ele-datepicker-header-padding);
  box-sizing: border-box;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header > div {
  flex: 1;
  margin: 0;
  color: var(--ele-datepicker-label-color);
  font-size: var(--ele-datepicker-label-size);
  font-weight: var(--ele-datepicker-label-weight);
  box-sizing: border-box;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-date-range-picker__header-label {
  flex-shrink: 0;
  color: var(--ele-datepicker-label-color);
  font-size: var(--ele-datepicker-label-size);
  font-weight: var(--ele-datepicker-label-weight);
  line-height: inherit;
  padding: 0;
  box-sizing: border-box;
  transition: color 0.2s;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-date-range-picker__header-label + .el-date-range-picker__header-label {
  margin-left: var(--ele-datepicker-label-space);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-date-range-picker__header-label:hover {
  color: var(--ele-datepicker-label-hover-color);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: var(--ele-datepicker-icon-size);
  color: var(--ele-datepicker-icon-color);
  transition: color 0.2s;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.arrow-left {
  margin-left: var(--ele-datepicker-icon-space);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.arrow-right {
  order: 3;
  margin-right: var(--ele-datepicker-icon-space);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.d-arrow-right {
  order: 4;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn:hover {
  color: var(--ele-datepicker-icon-hover-color);
}
.el-date-range-picker .el-date-range-picker__content .el-date-range-picker__header .el-picker-panel__icon-btn.is-disabled {
  color: var(--ele-datepicker-icon-disabled-color);
}
.el-date-range-picker .el-picker-panel__body {
  display: flex;
  flex-shrink: 0;
}
.el-date-range-picker .el-date-range-picker__content {
  padding: 0;
  border: none;
  float: none;
}
.el-date-range-picker .el-date-range-picker__content table {
  padding: var(--ele-datepicker-body-padding);
  box-sizing: border-box;
}
.el-date-range-picker .el-date-range-picker__content.is-left {
  border: none;
}
.el-date-range-picker .el-date-range-picker__content.is-left table {
  box-shadow: 0.8px 0 0 0 var(--ele-datepicker-inner-border);
}
.el-date-range-picker .el-date-table td.start-date .el-date-table-cell {
  margin-left: var(--ele-datepicker-end-margin);
  border-top-left-radius: var(--ele-datepicker-cell-radius);
  border-bottom-left-radius: var(--ele-datepicker-cell-radius);
}
.el-date-range-picker .el-date-table td.end-date .el-date-table-cell {
  margin-right: var(--ele-datepicker-end-margin);
  border-top-right-radius: var(--ele-datepicker-cell-radius);
  border-bottom-right-radius: var(--ele-datepicker-cell-radius);
}
.el-date-range-picker .el-date-table td.in-range .el-date-table-cell {
  background: var(--ele-datepicker-inrange-bg);
}
.el-date-range-picker .el-date-table td.in-range .el-date-table-cell:hover {
  background: var(--ele-datepicker-inrange-hover-bg);
}
.el-date-range-picker .el-date-table td.in-range.available:hover .el-date-table-cell__text {
  background: none;
}
.el-date-range-picker .el-date-table td.in-range.available.start-date .el-date-table-cell__text, .el-date-range-picker .el-date-table td.in-range.available.end-date .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}
.el-date-range-picker .el-month-table td.start-date > div,
.el-date-range-picker .el-year-table td.start-date > div {
  border-top-left-radius: var(--ele-datepicker-year-radius);
  border-bottom-left-radius: var(--ele-datepicker-year-radius);
  margin-left: 0;
}
.el-date-range-picker .el-month-table td.end-date > div,
.el-date-range-picker .el-year-table td.end-date > div {
  border-top-right-radius: var(--ele-datepicker-year-radius);
  border-bottom-right-radius: var(--ele-datepicker-year-radius);
  margin-right: 0;
}
.el-date-range-picker .el-month-table td.in-range > div,
.el-date-range-picker .el-year-table td.in-range > div {
  background: var(--ele-datepicker-inrange-bg);
}
.el-date-range-picker .el-month-table td.in-range > div:hover,
.el-date-range-picker .el-year-table td.in-range > div:hover {
  background: var(--ele-datepicker-inrange-hover-bg);
}
.el-date-range-picker .el-month-table td.in-range .el-date-table-cell__text:hover,
.el-date-range-picker .el-year-table td.in-range .el-date-table-cell__text:hover {
  background: none;
}
.el-date-range-picker .el-month-table td.in-range.start-date:not(.disabled) .el-date-table-cell__text, .el-date-range-picker .el-month-table td.in-range.end-date:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.in-range.start-date:not(.disabled) .el-date-table-cell__text,
.el-date-range-picker .el-year-table td.in-range.end-date:not(.disabled) .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}
.el-date-range-picker .el-month-table,
.el-date-range-picker .el-year-table {
  border-collapse: separate;
  border-spacing: 0;
}

.el-date-table.is-week-mode td.start-date .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row td:first-child .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row:hover td:first-child .el-date-table-cell {
  margin-left: var(--ele-datepicker-end-margin);
  border-top-left-radius: var(--ele-datepicker-cell-radius);
  border-bottom-left-radius: var(--ele-datepicker-cell-radius);
}
.el-date-table.is-week-mode td.end-date .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row td:last-child .el-date-table-cell,
.el-date-table.is-week-mode tbody .el-date-table__row:hover td:last-child .el-date-table-cell {
  margin-right: var(--ele-datepicker-end-margin);
  border-top-right-radius: var(--ele-datepicker-cell-radius);
  border-bottom-right-radius: var(--ele-datepicker-cell-radius);
}
.el-date-table.is-week-mode .el-date-table__row:hover td .el-date-table-cell,
.el-date-table.is-week-mode .el-date-table__row.current td .el-date-table-cell {
  background: var(--ele-datepicker-inrange-bg);
}
.el-date-table.is-week-mode td.available:hover .el-date-table-cell__text {
  color: var(--ele-datepicker-color);
  background: none;
}
.el-date-table.is-week-mode .el-date-table__row.current td.start-date .el-date-table-cell__text,
.el-date-table.is-week-mode .el-date-table__row.current td.end-date .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}

.el-date-picker .el-date-table td.selected .el-date-table-cell {
  margin-left: var(--ele-datepicker-end-margin);
  margin-right: var(--ele-datepicker-end-margin);
  border-radius: var(--ele-datepicker-cell-radius);
  background: var(--ele-datepicker-inrange-bg);
}
.el-date-picker .el-date-table td.selected .el-date-table-cell:hover {
  background: var(--ele-datepicker-inrange-hover-bg);
}
.el-date-picker .el-date-table td.selected .el-date-table-cell .el-date-table-cell__text {
  color: var(--ele-datepicker-active-color);
  background: var(--ele-datepicker-active-bg);
}

.el-date-picker .el-date-picker__time-header,
.el-date-range-picker .el-date-range-picker__time-header {
  padding: 8px 5px;
  display: flex;
  align-items: center;
}

.el-date-picker__time-header .el-date-picker__editor-wrap,
.el-date-range-picker__time-header .el-date-range-picker__time-picker-wrap {
  flex: 1;
  padding: 0 4px;
  box-sizing: border-box;
  display: block;
}
.el-date-picker__time-header .el-date-picker__editor-wrap > .el-input,
.el-date-range-picker__time-header .el-date-range-picker__time-picker-wrap > .el-input {
  display: flex;
}

.el-date-range-picker.has-time .el-picker-panel__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.el-date-range-picker .el-date-range-picker__time-header {
  grid-column-end: span 2;
  width: calc(var(--ele-datepicker-body-width) * 2);
}

.el-date-range-picker__time-header > span {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.el-date-range-picker__time-header > span > .el-icon {
  color: var(--ele-datepicker-range-icon-color);
  font-size: var(--ele-datepicker-range-icon-size);
}

.el-date-range-picker__time-header .el-date-range-picker__editors-wrap {
  flex: 1;
}

.el-popper .el-picker-panel .el-time-panel {
  margin: 7px 0;
  background: var(--ele-popper-bg);
  border: var(--ele-popper-border);
  border-radius: var(--ele-popper-radius);
  box-shadow: var(--ele-popper-shadow);
}
.el-popper .el-picker-panel .el-time-panel::after {
  content: "";
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
  background: var(--ele-popper-arrow-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-arrow-shadow);
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-left-radius: 2px;
  transform: rotate(45deg);
  box-sizing: border-box;
  z-index: -1;
  position: absolute;
  top: var(--ele-popper-arrow-offset);
  left: 20px;
  clip-path: polygon(0 100%, 0 0, 100% 0);
}

/* TimePicker */
.el-time-panel .el-time-panel__content::before,
.el-time-range-picker .el-time-panel__content::before {
  padding: 0;
  left: var(--ele-timepicker-line-margin);
  right: var(--ele-timepicker-line-margin);
  height: calc(var(--ele-timepicker-item-height) + var(--ele-timepicker-line-padding) * 2);
  margin: calc((var(--ele-timepicker-item-height) / 2 + var(--ele-timepicker-line-padding)) * -1) 0 0 0;
  border-top: var(--ele-timepicker-line);
  border-bottom: var(--ele-timepicker-line);
  pointer-events: none;
  z-index: 1;
}
.el-time-panel .el-time-panel__content::after,
.el-time-range-picker .el-time-panel__content::after {
  display: none;
}
.el-time-panel .el-time-spinner,
.el-time-range-picker .el-time-spinner {
  display: flex;
}
.el-time-panel .el-time-spinner.has-seconds .el-time-spinner__wrapper,
.el-time-range-picker .el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: auto;
}
.el-time-panel .el-time-spinner__wrapper,
.el-time-range-picker .el-time-spinner__wrapper {
  flex: 1;
  width: auto;
  max-height: none;
  height: var(--ele-timepicker-height);
}
.el-time-panel .el-time-spinner__list,
.el-time-range-picker .el-time-spinner__list {
  box-sizing: border-box;
  padding: var(--ele-timepicker-padding);
  padding-bottom: 0;
  padding-top: 0;
}
.el-time-panel .el-time-spinner__list::after, .el-time-panel .el-time-spinner__list::before,
.el-time-range-picker .el-time-spinner__list::after,
.el-time-range-picker .el-time-spinner__list::before {
  height: calc((var(--ele-timepicker-height) - var(--ele-timepicker-item-height)) / 2);
}
.el-time-panel .el-time-spinner__item,
.el-time-range-picker .el-time-spinner__item {
  height: var(--ele-timepicker-item-height);
  line-height: var(--ele-timepicker-item-height);
  color: var(--ele-timepicker-item-color);
  font-size: var(--ele-timepicker-item-size);
  border-radius: var(--ele-timepicker-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-time-panel .el-time-spinner__item:not(.is-disabled):not(.is-active):hover,
.el-time-range-picker .el-time-spinner__item:not(.is-disabled):not(.is-active):hover {
  color: var(--ele-timepicker-item-hover-color);
  background: var(--ele-timepicker-item-hover-bg);
}
.el-time-panel .el-time-spinner__item.is-active:not(.is-disabled),
.el-time-range-picker .el-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--ele-timepicker-item-active-color);
  background: var(--ele-timepicker-item-active-bg);
}
.el-time-panel .el-time-spinner__item.is-disabled,
.el-time-range-picker .el-time-spinner__item.is-disabled {
  color: var(--ele-timepicker-item-disabled-color);
  background: var(--ele-timepicker-item-disabled-bg);
}
.el-time-panel .el-time-panel__footer,
.el-time-range-picker .el-time-panel__footer {
  height: auto;
  line-height: 1;
  padding: var(--ele-timepicker-footer-padding);
}
.el-time-panel .el-time-panel__btn,
.el-time-range-picker .el-time-panel__btn {
  margin: 0;
  padding: var(--ele-timepicker-button-padding);
  height: var(--ele-timepicker-button-height);
  line-height: var(--ele-timepicker-button-height);
  color: var(--el-text-color-regular);
  font-size: var(--ele-timepicker-button-size);
  border-radius: var(--ele-timepicker-button-radius);
  transition: all 0.2s;
  box-sizing: border-box;
}
.el-time-panel .el-time-panel__btn.cancel:hover,
.el-time-range-picker .el-time-panel__btn.cancel:hover {
  color: var(--el-text-color-primary);
  background: var(--el-fill-color-light);
}
.el-time-panel .el-time-panel__btn.confirm,
.el-time-range-picker .el-time-panel__btn.confirm {
  font-weight: normal;
  color: var(--el-text-color-primary);
  border: 1px solid var(--el-border-color);
}
.el-time-panel .el-time-panel__btn.confirm:hover,
.el-time-range-picker .el-time-panel__btn.confirm:hover {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.el-time-panel .el-time-panel__btn + .el-time-panel__btn,
.el-time-range-picker .el-time-panel__btn + .el-time-panel__btn {
  margin-left: var(--ele-timepicker-button-space);
}
.el-time-panel .el-time-spinner__wrapper.is-arrow,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow {
  height: auto;
  display: flex;
  flex-direction: column;
  padding: var(--ele-timepicker-padding);
}
.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__list,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: none;
  padding: 0;
}
.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__list::after, .el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__list::before,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__list::after,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__list::before {
  display: none;
}
.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__item + .el-time-spinner__item,
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__item + .el-time-spinner__item {
  margin-top: var(--ele-timepicker-line-padding);
}
.el-time-panel .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active),
.el-time-range-picker .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  color: var(--ele-timepicker-item-color);
  background: none;
}
.el-time-panel .el-time-spinner__arrow,
.el-time-range-picker .el-time-spinner__arrow {
  position: static;
  top: auto;
  left: auto;
  bottom: auto;
  height: var(--ele-timepicker-item-height);
  line-height: var(--ele-timepicker-item-height);
  color: var(--ele-timepicker-arrow-color);
  font-size: var(--ele-timepicker-arrow-size);
  border-radius: var(--ele-timepicker-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-time-panel .el-time-spinner__arrow.arrow-up,
.el-time-range-picker .el-time-spinner__arrow.arrow-up {
  margin-bottom: var(--ele-timepicker-line-padding);
}
.el-time-panel .el-time-spinner__arrow.arrow-down,
.el-time-range-picker .el-time-spinner__arrow.arrow-down {
  order: 3;
  margin-top: var(--ele-timepicker-line-padding);
}
.el-time-panel .el-time-spinner__arrow:hover,
.el-time-range-picker .el-time-spinner__arrow:hover {
  color: var(--ele-timepicker-item-hover-color);
  background: var(--ele-timepicker-item-hover-bg);
}

.el-popper .el-time-panel,
.el-time-range-picker .el-time-range-picker__cell {
  width: var(--ele-timepicker-width);
}

.el-time-range-picker .el-time-range-picker__content {
  padding: 0;
  display: flex;
}
.el-time-range-picker .el-time-range-picker__cell {
  flex-shrink: 1;
  padding: 0;
}
.el-time-range-picker .el-time-range-picker__cell + .el-time-range-picker__cell .el-time-range-picker__body {
  box-shadow: -0.8px 0 0 0 var(--el-datepicker-border-color);
}
.el-time-range-picker .el-time-range-picker__header {
  margin: 0;
  height: var(--ele-timepicker-header-height);
  line-height: var(--ele-timepicker-header-height);
  border-bottom: var(--ele-timepicker-header-border);
  font-size: var(--ele-timepicker-header-size);
  box-sizing: border-box;
}
.el-time-range-picker .el-time-range-picker__body {
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  padding: 0 var(--ele-timepicker-range-space);
}
.el-time-range-picker .el-time-panel__content::before {
  left: calc(var(--ele-timepicker-line-margin) + var(--ele-timepicker-range-space));
  right: calc(var(--ele-timepicker-line-margin) + var(--ele-timepicker-range-space));
}

.el-popper .el-time-range-picker {
  width: auto;
}

.el-popper.is-light.el-picker__popper {
  max-width: calc(100vw - 32px);
}

/* 日期选择小屏幕自适应 */
@media screen and (max-width: 767.99px) {
  .el-date-range-picker .el-picker-panel__body {
    flex-direction: column;
  }
  .el-date-range-picker .el-date-range-picker__content.is-left table {
    box-shadow: 0 0.8px 0 0 var(--ele-datepicker-inner-border);
  }
  .el-date-range-picker.has-time .el-picker-panel__body {
    display: flex;
  }
  .el-date-range-picker .el-date-range-picker__time-header {
    width: var(--ele-datepicker-body-width);
  }
  .el-date-range-picker__editors-wrap > .el-date-range-picker__time-picker-wrap:first-child {
    display: none;
  }
  .el-popper .el-picker-panel .el-time-panel {
    left: auto;
    right: 0;
  }
  .el-popper .el-picker-panel .el-time-panel::after {
    left: auto;
    right: 20px;
  }
  .el-date-range-picker__editors-wrap:not(.is-right) .el-time-panel {
    left: 0;
    right: auto;
  }
  .el-date-range-picker__editors-wrap:not(.is-right) .el-time-panel::after {
    left: 20px;
    right: auto;
  }
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElDescriptions 主题变量 */
.el-descriptions {
  --ele-descriptions-radius: 0;
  --ele-descriptions-border-color: var(--el-border-color-light);
  --ele-descriptions-bg: var(--el-fill-color-lighter);
}

/* Descriptions */
.el-descriptions .el-descriptions__body {
  background: none;
}
.el-descriptions .el-descriptions__table.is-bordered {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: var(--ele-descriptions-radius);
  border-top: 1px solid var(--ele-descriptions-border-color);
  border-left: 1px solid var(--ele-descriptions-border-color);
}
.el-descriptions .el-descriptions__table.is-bordered tr > .el-descriptions__cell {
  border-top: none;
  border-left: none;
  border-color: var(--ele-descriptions-border-color);
}
.el-descriptions .el-descriptions__table.is-bordered tr:first-child > .el-descriptions__cell:first-child {
  border-top-left-radius: var(--ele-descriptions-radius);
}
.el-descriptions .el-descriptions__table.is-bordered tr:first-child > .el-descriptions__cell:last-child {
  border-top-right-radius: var(--ele-descriptions-radius);
}
.el-descriptions .el-descriptions__table.is-bordered tr:last-child > .el-descriptions__cell:first-child {
  border-bottom-left-radius: var(--ele-descriptions-radius);
}
.el-descriptions .el-descriptions__table.is-bordered tr:last-child > .el-descriptions__cell:last-child {
  border-bottom-right-radius: var(--ele-descriptions-radius);
}
.el-descriptions .el-descriptions__label.el-descriptions__cell.is-bordered-label {
  background: var(--ele-descriptions-bg);
}
.el-descriptions .el-descriptions__cell {
  word-break: break-all;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElInput 主题变量 */
.el-input,
.el-textarea,
.el-select,
.el-range-editor {
  --ele-input-padding-left: 10px;
  --ele-input-padding-right: 10px;
  --ele-input-bg: transparent;
  --ele-input-border: 1px solid var(--el-border-color);
  --ele-input-radius: var(--el-border-radius-base);
  --ele-input-hover-bg: transparent;
  --ele-input-hover-border: 1px solid var(--el-color-primary);
  --ele-input-hover-shadow: none;
  --ele-input-focus-bg: transparent;
  --ele-input-focus-border: 1px solid var(--el-color-primary);
  --ele-input-focus-shadow: 0 0 0 2px var(--el-color-primary-light-8);
  --ele-input-disabled-color: var(--el-disabled-text-color);
  --ele-input-disabled-bg: var(--el-disabled-bg-color);
  --ele-input-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-input-icon-size: 14px;
  --ele-input-icon-space: 6px;
  --ele-input-icon-color: var(--el-text-color-placeholder);
  --ele-input-icon-hover-color: var(--el-text-color-secondary);
  --ele-input-eye-margin: 0 -2px 0 6px;
  --ele-input-clear-margin: 0 -2px 0 6px;
  --ele-input-clear-color: var(--el-text-color-disabled);
  --ele-input-clear-hover-color: var(--el-text-color-secondary);
  --ele-input-status-margin: 0 -2px 0 6px;
  --ele-input-status-color: var(--el-color-success);
  --ele-input-count-size: var(--el-font-size-small);
  --ele-input-count-color: var(--el-text-color-secondary);
  --ele-input-extra-color: var(--el-text-color-regular);
  --ele-input-extra-bg: var(--el-fill-color-light);
  --ele-input-extra-padding: 0 10px;
  --ele-input-extra-line-height: normal;
  --ele-input-extra-preset-margin: -1px -11px;
}
.el-input,
.el-textarea,
.el-select,
.el-range-editor {
  --ele-input-error-bg: transparent;
  --ele-input-error-border: 1px solid var(--el-color-error);
  --ele-input-error-hover-bg: transparent;
  --ele-input-error-hover-border: 1px solid var(--el-color-error);
  --ele-input-error-hover-shadow: none;
  --ele-input-error-focus-bg: transparent;
  --ele-input-error-focus-border: 1px solid var(--el-color-error);
  --ele-input-error-focus-shadow: 0 0 0 2px var(--el-color-error-light-8);
  --ele-input-error-disabled-bg: var(--el-disabled-bg-color);
  --ele-input-error-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-input-error-status-color: var(--el-color-error);
}

.el-input--small,
.el-select--small {
  --ele-input-sm-padding-left: 8px;
  --ele-input-sm-padding-right: 8px;
}

.el-input--large,
.el-select--large {
  --ele-input-lg-padding-left: 12px;
  --ele-input-lg-padding-right: 12px;
}

.el-textarea {
  --ele-textarea-padding-top: 4px;
  --ele-textarea-padding-bottom: 4px;
  --ele-textarea-count-bg: var(--el-bg-color);
  --ele-textarea-count-padding: 0 4px;
  --ele-textarea-count-right: 12px;
  --ele-textarea-count-bottom: 6px;
  --ele-textarea-count-radius: var(--el-border-radius-small);
  --ele-textarea-count-backdrop-filter: none;
}

.el-textarea.el-input--small {
  --ele-textarea-sm-padding-top: 2px;
  --ele-textarea-sm-padding-bottom: 2px;
}

.el-textarea.el-input--large {
  --ele-textarea-lg-padding-top: 8px;
  --ele-textarea-lg-padding-bottom: 8px;
}

/* Input */
.el-input .el-input__wrapper {
  min-height: var(--el-input-height);
}

.el-input .el-input__wrapper,
.el-textarea .el-textarea__inner,
.el-select .el-select__wrapper,
.el-date-editor.el-range-editor.el-input__wrapper {
  border: var(--ele-input-border);
  background: var(--ele-input-bg);
  border-radius: var(--ele-input-radius);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--ele-input-padding-left);
  padding-right: var(--ele-input-padding-right);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  box-shadow: none;
  gap: 0;
}

.el-textarea .el-textarea__inner {
  padding-top: var(--ele-textarea-padding-top);
  padding-bottom: var(--ele-textarea-padding-bottom);
  min-height: var(--el-component-size) !important;
}

/* Hover */
.el-input .el-input__wrapper:hover,
.el-textarea .el-textarea__inner:hover,
.el-select:not(.el-select--disabled):hover .el-input .el-input__wrapper,
.el-select .el-select__wrapper:not(.is-disabled):hover,
.el-select .el-select__wrapper:not(.is-disabled).is-hovering,
.el-cascader:not(.is-disabled):hover .el-input .el-input__wrapper,
.el-range-editor.el-input__wrapper:not(.is-disabled):hover,
body .el-input-number:not(.is-disabled):hover .el-input .el-input__wrapper {
  border: var(--ele-input-hover-border);
  background: var(--ele-input-hover-bg);
  box-shadow: var(--ele-input-hover-shadow);
}

/* Focus */
.el-input .el-input__wrapper.is-focus,
.el-textarea .el-textarea__inner:focus,
.el-textarea .el-textarea__inner.is-focus,
.el-select .el-select__wrapper:not(.is-disabled).is-focused,
.el-cascader .el-input.el-input--suffix .el-input__wrapper.is-focus,
.el-cascader .el-input.el-input--suffix.is-focus .el-input__wrapper,
.el-input.el-date-editor.is-focus .el-input__wrapper,
.el-range-editor.el-input__wrapper.is-active:not(.is-disabled),
body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
  border: var(--ele-input-focus-border);
  background: var(--ele-input-focus-bg);
  box-shadow: var(--ele-input-focus-shadow);
}

/* 层级 */
.el-input .el-input__wrapper:hover,
.el-input .el-input__wrapper.is-focus {
  z-index: 2;
}

.el-select .el-select__tags,
.el-cascader .el-cascader__tags,
.el-input-number .el-input-number__increase,
.el-input-number .el-input-number__decrease {
  z-index: 3;
}

/* 字数统计 */
.el-input .el-input__wrapper .el-input__count {
  color: var(--ele-input-count-color);
  font-size: var(--ele-input-count-size);
  margin-left: var(--ele-input-icon-space);
  line-height: normal;
}
.el-input .el-input__wrapper .el-input__count .el-input__count-inner {
  padding: 0;
}

/* 图标 */
.el-input .el-input__wrapper .el-input__icon,
.el-select .el-input .el-input__wrapper .el-select__icon,
.el-select .el-select__wrapper .el-select__icon,
.el-range-editor .el-input__icon.el-range__icon,
.el-range-editor .el-input__icon.el-range__close-icon,
.el-input .el-input__wrapper .el-input__prefix-icon {
  color: var(--ele-input-icon-color);
  font-size: var(--ele-input-icon-size);
  transition: all 0.2s;
  height: 1em;
}

.el-input .el-input__prefix-inner .el-input__icon,
.el-select .el-input__prefix-inner .el-select__icon,
.el-range-editor .el-input__icon.el-range__icon,
.el-input .el-input__prefix-inner > div {
  margin-right: var(--ele-input-icon-space);
}

.el-input .el-input__suffix-inner .el-input__icon,
.el-select .el-input__suffix-inner .el-select__icon {
  margin-left: var(--ele-input-icon-space);
}

.el-select .el-select__suffix {
  gap: 0;
}

/* 密码图标 */
.el-input .el-input__wrapper .el-input__password {
  margin: var(--ele-input-eye-margin);
}
.el-input .el-input__wrapper .el-input__password:hover {
  color: var(--ele-input-icon-hover-color);
}

/* 清空图标 */
.el-input .el-input__wrapper .el-input__clear,
.el-select .el-input .el-select__caret,
.el-select .el-select__wrapper .el-select__caret,
.el-cascader .el-input__icon.icon-circle-close,
.el-cascader .el-input__icon.icon-arrow-down,
.el-date-editor .el-input__icon.clear-icon,
.el-range-editor .el-input__icon.el-range__close-icon {
  margin: var(--ele-input-clear-margin);
}

.el-input .el-input__wrapper .el-input__clear,
.el-cascader .el-input__icon.icon-circle-close,
.el-date-editor .el-input__icon.clear-icon,
.el-range-editor .el-input__icon.el-range__close-icon {
  color: var(--ele-input-clear-color);
}
.el-input .el-input__wrapper .el-input__clear:hover,
.el-cascader .el-input__icon.icon-circle-close:hover,
.el-date-editor .el-input__icon.clear-icon:hover,
.el-range-editor .el-input__icon.el-range__close-icon:hover {
  color: var(--ele-input-clear-hover-color);
}

/* 表单验证状态图标 */
.el-input .el-input__wrapper .el-input__validateIcon,
.el-select .el-select__wrapper .el-input__validateIcon {
  color: var(--ele-input-status-color);
  margin: var(--ele-input-status-margin);
}

.el-input .el-input__clear + .el-input__validateIcon,
.el-input__icon.icon-circle-close + .el-input__validateIcon,
.el-input__icon.clear-icon + .el-input__validateIcon {
  display: none;
}

.el-input__validateIcon > svg > path {
  d: path("M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM448 619 299 470 235 534 448 747 811 384 747 320Z");
}
.el-input__validateIcon > svg > path:last-child {
  fill: none;
  d: path("");
}

/* 清空图标和验证失败图标修改 */
.el-input__clear > svg > path,
.el-input__icon.icon-circle-close > svg > path,
.el-input__icon.clear-icon > svg > path,
.el-input__icon.el-range__close-icon > svg > path,
.el-form-item.is-error .el-input__validateIcon > svg > path {
  d: path("M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM683 277 512 448 341 277 277 341 448 512 277 683 341 747 512 576 683 747 747 683 576 512 747 341Z");
}
.el-input__clear > svg > path:last-child,
.el-input__icon.icon-circle-close > svg > path:last-child,
.el-input__icon.clear-icon > svg > path:last-child,
.el-input__icon.el-range__close-icon > svg > path:last-child,
.el-form-item.is-error .el-input__validateIcon > svg > path:last-child {
  fill: none;
  d: path("");
}

/* 下拉的箭头图标修改 */
.el-select__caret > svg > path,
.el-input__icon.icon-arrow-down > svg > path {
  fill: none;
  stroke: currentColor;
  stroke-width: 84;
  stroke-linecap: round;
  transition: d 0.2s, fill 0.2s;
  d: path("M216 362L512 662L808 362");
}
.el-select__caret.is-reverse > svg > path,
.el-input__icon.icon-arrow-down.is-reverse > svg > path {
  d: path("M216 662L512 362L808 662");
}

.el-select .el-input .el-input__wrapper .el-select__caret.is-reverse,
.el-select .el-select__wrapper .el-select__caret.is-reverse,
.el-cascader .el-input .el-input__icon.icon-arrow-down.is-reverse {
  transform: none;
}

/* 下拉的清空图标修改 */
.el-select__caret > svg > path[d^=m466] {
  stroke: none;
  fill: var(--ele-input-clear-color);
  d: path("M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM683 277 512 448 341 277 277 341 448 512 277 683 341 747 512 576 683 747 747 683 576 512 747 341Z");
}
.el-select__caret > svg > path + path {
  fill: none;
  d: path("");
}
.el-select__caret:hover > svg > path[d^=m466] {
  fill: var(--ele-input-clear-hover-color);
}

/* 组合 */
.el-input.el-input-group--prepend > .el-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input.el-input-group--append > .el-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input .el-input-group__prepend,
.el-input .el-input-group__append {
  flex-shrink: 0;
  color: var(--ele-input-extra-color);
  background: var(--ele-input-extra-bg);
  padding: var(--ele-input-extra-padding);
  line-height: var(--ele-input-extra-line-height);
  border-radius: var(--ele-input-radius);
  border: var(--ele-input-border);
  box-sizing: border-box;
  box-shadow: none;
}
.el-input .el-input-group__prepend > .el-button, .el-input .el-input-group__prepend > .el-select,
.el-input .el-input-group__append > .el-button,
.el-input .el-input-group__append > .el-select {
  margin: var(--ele-input-extra-preset-margin);
}
.el-input .el-input-group__prepend {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input .el-input-group__append {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input.el-input-group.el-input-group--prepend > .el-input-group__prepend > .el-select > .select-trigger > .el-input > .el-input__wrapper, .el-input.el-input-group.el-input-group--prepend > .el-input-group__prepend > .el-select > .el-select__wrapper,
.el-input.el-input-group.el-input-group--append > .el-input-group__append > .el-select > .select-trigger > .el-input > .el-input__wrapper,
.el-input.el-input-group.el-input-group--append > .el-input-group__append > .el-select > .el-select__wrapper {
  background: none;
  border-color: transparent;
  box-shadow: none !important;
}

.el-input-group__prepend > .el-select .el-input__validateIcon,
.el-input-group__append > .el-select .el-input__validateIcon {
  display: none;
}

/* 禁用 */
body .el-input.is-disabled .el-input__wrapper,
body .el-textarea.is-disabled .el-textarea__inner,
body .el-select.el-select--disabled .el-input.is-disabled .el-input__wrapper,
.el-select .el-select__wrapper.is-disabled,
.el-select .el-select__wrapper.is-disabled:hover,
.el-select .el-select__wrapper.is-disabled.is-hovering,
.el-date-editor.el-range-editor.is-disabled.el-input__wrapper {
  cursor: not-allowed;
  border: var(--ele-input-disabled-border);
  background: var(--ele-input-disabled-bg);
  box-shadow: none;
}

.el-input.is-disabled .el-input__wrapper .el-input__inner,
body .el-textarea.is-disabled .el-textarea__inner,
.el-select__wrapper.is-disabled .el-select__placeholder,
.el-range-editor.is-disabled.el-input__wrapper input {
  color: var(--ele-input-disabled-color);
  -webkit-text-fill-color: var(--ele-input-disabled-color);
}

/* 小尺寸 */
.el-input.el-input--small .el-input__wrapper,
.el-textarea.el-input--small .el-textarea__inner,
.el-select.el-select--small .el-select__wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--ele-input-sm-padding-left);
  padding-right: var(--ele-input-sm-padding-right);
  gap: 0;
}

/* 大尺寸 */
.el-input.el-input--large .el-input__wrapper,
.el-textarea.el-input--large .el-textarea__inner,
.el-select.el-select--large .el-select__wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--ele-input-lg-padding-left);
  padding-right: var(--ele-input-lg-padding-right);
  gap: 0;
}

/* Textarea */
body .el-textarea .el-input__count {
  color: var(--ele-input-count-color);
  font-size: var(--ele-input-count-size);
  background: var(--ele-textarea-count-bg);
  padding: var(--ele-textarea-count-padding);
  border-radius: var(--ele-textarea-count-radius);
  backdrop-filter: var(--ele-textarea-count-backdrop-filter);
  bottom: var(--ele-textarea-count-bottom);
  right: var(--ele-textarea-count-right);
  box-sizing: border-box;
  line-height: normal;
  overflow: hidden;
}

.el-textarea.el-input--small .el-textarea__inner {
  padding-top: var(--ele-textarea-sm-padding-top);
  padding-bottom: var(--ele-textarea-sm-padding-bottom);
  min-height: var(--el-component-size-small) !important;
}

.el-textarea.el-input--large .el-textarea__inner {
  padding-top: var(--ele-textarea-lg-padding-top);
  padding-bottom: var(--ele-textarea-lg-padding-bottom);
  min-height: var(--el-component-size-large) !important;
}

/* Select */
.el-select .el-input .el-input__wrapper.is-focus,
.el-select .el-input.el-input--suffix.is-focus .el-input__wrapper {
  border: var(--ele-input-focus-border);
  background: var(--ele-input-focus-bg);
  box-shadow: var(--ele-input-focus-shadow) !important;
}

/* Cascader */
.el-cascader .el-input .el-input__wrapper .el-input__suffix .el-input__icon {
  height: 1em;
}

/* DatePicker */
.el-range-editor.is-disabled.el-input__wrapper input {
  background: none;
}

/* InputNumber */
.el-input-number .el-input-number__increase,
.el-input-number .el-input-number__decrease {
  --el-input-height: var(--el-component-size);
  width: var(--el-input-height);
  background: none;
  border: 1px solid transparent;
  transition: color 0.2s;
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.el-input-number .el-input-number__increase > .el-icon,
.el-input-number .el-input-number__decrease > .el-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--el-fill-color-light);
  box-sizing: border-box;
  border-radius: inherit;
}
.el-input-number .el-input-number__increase > .el-icon > svg,
.el-input-number .el-input-number__decrease > .el-icon > svg {
  transform: scale(0.9);
}
.el-input-number .el-input-number__increase {
  left: auto;
}
.el-input-number .el-input-number__increase > .el-icon {
  border-left: 1px solid var(--el-border-color);
}
.el-input-number .el-input-number__decrease > .el-icon {
  border-right: 1px solid var(--el-border-color);
}

body .el-input-number .el-input-number__increase > .el-icon,
body .el-input-number .el-input-number__decrease > .el-icon, body .el-input-number.is-controls-right .el-input-number__increase > .el-icon, body .el-input-number.is-controls-right .el-input-number__decrease > .el-icon {
  transform: none;
}
body .el-input-number.is-controls-right .el-input-number__increase,
body .el-input-number.is-controls-right .el-input-number__decrease {
  left: auto;
  border: 1px solid transparent;
}
body .el-input-number.is-controls-right .el-input-number__increase > .el-icon,
body .el-input-number.is-controls-right .el-input-number__decrease > .el-icon {
  border-left: 1px solid var(--el-border-color);
}
body .el-input-number.is-controls-right .el-input-number__increase {
  bottom: auto;
  border-bottom: none;
  height: calc(var(--el-input-height) / 2 + 0.5px);
}
body .el-input-number.is-controls-right .el-input-number__increase > .el-icon {
  border-bottom: 1px solid var(--el-border-color);
}
body .el-input-number.is-controls-right .el-input-number__decrease {
  right: 0;
  top: auto;
  border-top: none;
  height: calc(var(--el-input-height) / 2 - 0.5px);
}
body .el-input-number.is-controls-right .el-input-number__decrease > .el-icon {
  border-right: none;
}

body .el-input-number .el-input .el-input__wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--ele-input-padding-left);
  padding-right: calc(var(--el-input-height) + var(--ele-input-icon-space));
}

.el-input-number.el-input-number--small .el-input-number__increase,
.el-input-number.el-input-number--small .el-input-number__decrease {
  width: var(--el-component-size-small);
}
.el-input-number.el-input-number--small .el-input .el-input__wrapper {
  padding-left: var(--ele-input-sm-padding-left);
  padding-right: calc(var(--el-component-size-small) + var(--ele-input-icon-space));
}

.el-input-number.el-input-number--large .el-input-number__increase,
.el-input-number.el-input-number--large .el-input-number__decrease {
  --el-input-height: var(--el-component-size-large);
}
.el-input-number.el-input-number--large .el-input .el-input__wrapper {
  padding-left: var(--ele-input-lg-padding-left);
  padding-right: calc(var(--el-component-size-large) + var(--ele-input-icon-space));
}

.el-input-number.el-input-number--small .el-input-number__increase,
.el-input-number.el-input-number--small .el-input-number__decrease {
  --el-input-height: var(--el-component-size-small);
}

.el-input-number:not(.is-controls-right) .el-input .el-input__wrapper {
  padding-left: calc(var(--el-component-size) + var(--ele-input-icon-space));
}

.el-input-number--small:not(.is-controls-right) .el-input .el-input__wrapper {
  padding-left: calc(var(--el-component-size-small) + var(--ele-input-icon-space));
}

.el-input-number--large:not(.is-controls-right) .el-input .el-input__wrapper {
  padding-left: calc(var(--el-component-size-large) + var(--ele-input-icon-space));
}

body .el-input-number.is-disabled .el-input-number__increase,
body .el-input-number.is-disabled .el-input-number__decrease {
  color: var(--el-disabled-text-color);
  border-color: var(--el-disabled-border-color);
}
body .el-input-number.is-disabled .el-input-number__increase:hover,
body .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: var(--el-disabled-text-color);
}

/* 表单验证 */
.el-form-item.is-error .el-form-item__content .el-input .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-textarea .el-textarea__inner,
.el-form-item.is-error .el-form-item__content .el-select .select-trigger .el-input .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper,
.el-form-item.is-error .el-form-item__content .el-cascader .el-input .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-range-editor.el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-number .el-input:not(.is-disabled) .el-input__wrapper {
  border: var(--ele-input-error-border);
  background: var(--ele-input-error-bg);
  box-shadow: none;
}
.el-form-item.is-error .el-form-item__content .el-input .el-input__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-textarea .el-textarea__inner:hover,
.el-form-item.is-error .el-form-item__content .el-select .select-trigger .el-input .el-input__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper.is-hovering,
.el-form-item.is-error .el-form-item__content .el-cascader .el-input .el-input__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-range-editor.el-input__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-input-number:hover .el-input .el-input__wrapper {
  border: var(--ele-input-error-hover-border);
  background: var(--ele-input-error-hover-bg);
  box-shadow: var(--ele-input-error-hover-shadow);
}
.el-form-item.is-error .el-form-item__content .el-input .el-input__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-select .select-trigger .el-input.is-focus .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper.is-focused,
.el-form-item.is-error .el-form-item__content .el-cascader .select-trigger .el-input.is-focus .el-input__wrapper {
  border: var(--ele-input-error-focus-border);
  background: var(--ele-input-error-focus-bg);
  box-shadow: var(--ele-input-error-focus-shadow) !important;
}
.el-form-item.is-error .el-form-item__content .el-textarea .el-textarea__inner:focus,
.el-form-item.is-error .el-form-item__content .el-textarea .el-textarea__inner.is-focus,
.el-form-item.is-error .el-form-item__content .el-range-editor.el-input__wrapper.is-active,
.el-form-item.is-error .el-form-item__content .el-input-number .el-input .el-input__wrapper.is-focus {
  border: var(--ele-input-error-focus-border);
  background: var(--ele-input-error-focus-bg);
  box-shadow: var(--ele-input-error-focus-shadow);
}
.el-form-item.is-error .el-form-item__content .el-input.is-disabled .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-textarea.is-disabled .el-textarea__inner,
.el-form-item.is-error .el-form-item__content .el-select .select-trigger .el-input.is-disabled .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-select .el-select__wrapper.is-disabled,
.el-form-item.is-error .el-form-item__content .el-cascader .el-input.is-disabled .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-range-editor.el-input__wrapper.is-disabled,
.el-form-item.is-error .el-form-item__content .el-input-number.is-disabled .el-input .el-input__wrapper {
  border: var(--ele-input-error-disabled-border);
  background: var(--ele-input-error-disabled-bg);
  box-shadow: none;
}
.el-form-item.is-error .el-form-item__content .el-input__validateIcon {
  color: var(--ele-input-error-status-color);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-textarea {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: var(--el-font-size-base);
}
.el-textarea__inner {
  position: relative;
  display: block;
  resize: vertical;
  padding: 5px 11px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  background-image: none;
  -webkit-appearance: none;
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  transition: var(--el-transition-box-shadow);
  border: none;
}
.el-textarea__inner.is-clearable {
  padding: 5px 26px 5px 11px;
}

.el-textarea__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-textarea__inner:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-textarea__inner:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-textarea__clear {
  position: absolute;
  right: 11px;
  top: 15px;
  transform: translateY(-50%);
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-textarea__clear:hover {
  color: var(--el-input-clear-hover-color);
}

.el-textarea .el-input__count {
  color: var(--el-color-info);
  background: var(--el-fill-color-blank);
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 5px;
  right: 10px;
}
.el-textarea .el-input__count.is-outside {
  position: absolute;
  background: transparent;
  padding-top: 2px;
  top: 100%;
  right: 0;
  bottom: unset;
  line-height: 1;
}

.el-textarea.is-disabled .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: var(--el-text-color-placeholder);
}

.el-textarea.is-exceed .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-textarea.is-exceed .el-input__count {
  color: var(--el-color-danger);
}

.el-input {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
}

.el-input {
  --el-input-height: var(--el-component-size);
  position: relative;
  font-size: var(--el-font-size-base);
  display: inline-flex;
  width: var(--el-input-width);
  line-height: var(--el-input-height);
  box-sizing: border-box;
  vertical-align: middle;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: var(--el-text-color-disabled);
}
.el-input::-webkit-scrollbar-corner {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track-piece {
  background: var(--el-fill-color-blank);
  width: 6px;
}
.el-input .el-input__clear, .el-input .el-input__password {
  color: var(--el-input-icon-color);
  font-size: 14px;
  cursor: pointer;
}
.el-input .el-input__clear:hover, .el-input .el-input__password:hover {
  color: var(--el-input-clear-hover-color);
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: var(--el-color-info);
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: var(--el-fill-color-blank);
  line-height: initial;
  display: inline-block;
  padding-left: 8px;
}
.el-input .el-input__count.is-outside {
  height: unset;
  position: absolute;
  padding-top: 2px;
  top: 100%;
  right: 0;
}
.el-input .el-input__count.is-outside .el-input__count-inner {
  background: transparent;
  padding-left: 0px;
  line-height: 1;
}

.el-input__wrapper {
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 1px 11px;
  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  background-image: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  cursor: text;
  transition: var(--el-transition-box-shadow);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
}
.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-input {
  --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
}
.el-input__inner {
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  font-size: inherit;
  height: var(--el-input-inner-height);
  line-height: var(--el-input-inner-height);
  padding: 0;
  outline: none;
  border: none;
  background: none;
  box-sizing: border-box;
}
.el-input__inner:focus {
  outline: none;
}
.el-input__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-input__inner[type=password]::-ms-reveal {
  display: none;
}
.el-input__inner[type=number] {
  line-height: 1;
}

.el-input__prefix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__prefix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__prefix-inner > :last-child {
  margin-right: 8px;
}
.el-input__prefix-inner > :first-child, .el-input__prefix-inner > :first-child.el-input__icon {
  margin-left: 0;
}

.el-input__suffix {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  line-height: var(--el-input-inner-height);
  text-align: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  transition: all var(--el-transition-duration);
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.el-input__suffix-inner > :first-child {
  margin-left: 8px;
}

.el-input .el-input__icon {
  height: inherit;
  line-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--el-transition-duration);
  margin-left: 8px;
}
.el-input .el-input__clear {
  transition: color var(--el-transition-duration);
}
.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset;
}

.el-input.is-disabled {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__wrapper {
  background-color: var(--el-disabled-bg-color);
  cursor: not-allowed;
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
}
.el-input.is-disabled .el-input__inner {
  color: var(--el-disabled-text-color);
  -webkit-text-fill-color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__prefix-inner,
.el-input.is-disabled .el-input__suffix-inner {
  pointer-events: none;
}

.el-input.is-exceed .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: var(--el-color-danger);
}

.el-input--large {
  --el-input-height: var(--el-component-size-large);
  font-size: 14px;
}
.el-input--large .el-input__wrapper {
  padding: 1px 15px;
}

.el-input--large {
  --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px);
}

.el-input--small {
  --el-input-height: var(--el-component-size-small);
  font-size: 12px;
}
.el-input--small .el-input__wrapper {
  padding: 1px 7px;
}

.el-input--small {
  --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px);
}

.el-input-group {
  display: inline-flex;
  width: 100%;
  align-items: stretch;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: var(--el-fill-color-light);
  color: var(--el-color-info);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  border-radius: var(--el-input-border-radius);
  padding: 0 20px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  flex: 1;
  margin: 0 -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper, .el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-group--prepend > .el-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group--append > .el-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-hidden {
  display: none !important;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-button {
  --el-button-font-weight: normal;
  --el-button-border-color: var(--el-border-color);
  --el-button-bg-color: var(--el-fill-color-blank);
  --el-button-text-color: var(--el-text-color-regular);
  --el-button-disabled-text-color: var(--el-disabled-text-color);
  --el-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-button-disabled-border-color: var(--el-border-color-light);
  --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-7);
  --el-button-active-text-color: var(--el-button-hover-text-color);
  --el-button-active-border-color: var(--el-color-primary);
  --el-button-active-bg-color: var(--el-button-hover-bg-color);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-hover-link-text-color: var(--el-text-color-secondary);
  --el-button-active-color: var(--el-text-color-primary);
}

.el-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  height: 32px;
  white-space: nowrap;
  cursor: pointer;
  color: var(--el-button-text-color);
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  font-weight: var(--el-button-font-weight);
  user-select: none;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: var(--el-button-bg-color);
  border: var(--el-border);
  border-color: var(--el-button-border-color);
}
.el-button:hover {
  color: var(--el-button-hover-text-color);
  border-color: var(--el-button-hover-border-color);
  background-color: var(--el-button-hover-bg-color);
  outline: none;
}
.el-button:active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}
.el-button:focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button > span {
  display: inline-flex;
  align-items: center;
}
.el-button + .el-button {
  margin-left: 12px;
}
.el-button {
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button.is-round {
  padding: 8px 15px;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon] + span {
  margin-left: 6px;
}
.el-button [class*=el-icon] svg {
  vertical-align: bottom;
}
.el-button.is-plain {
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-active {
  color: var(--el-button-active-text-color);
  border-color: var(--el-button-active-border-color);
  background-color: var(--el-button-active-bg-color);
  outline: none;
}

.el-button.is-disabled, .el-button.is-disabled:hover {
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color);
  border-color: var(--el-button-disabled-border-color);
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  z-index: 1;
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: var(--el-mask-color-extra-light);
}

.el-button.is-round {
  border-radius: var(--el-border-radius-round);
}

.el-button.is-dashed {
  border-style: dashed;
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-circle {
  width: 32px;
  border-radius: 50%;
  padding: 8px;
}

.el-button.is-text {
  color: var(--el-button-text-color);
  border: 0 solid transparent;
  background-color: transparent;
}
.el-button.is-text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
}

.el-button.is-text:not(.is-disabled):hover {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled):focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button.is-text:not(.is-disabled):active {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg:active {
  background-color: var(--el-fill-color-dark);
}

.el-button__text--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button.is-link {
  border-color: transparent;
  color: var(--el-button-text-color);
  background: transparent;
  padding: 2px;
  height: auto;
}
.el-button.is-link:hover {
  color: var(--el-button-hover-link-text-color);
}
.el-button.is-link.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button.is-link:not(.is-disabled):hover {
  border-color: transparent;
  background-color: transparent;
}
.el-button.is-link:not(.is-disabled):active {
  color: var(--el-button-active-color);
  border-color: transparent;
  background-color: transparent;
}

.el-button--text {
  border-color: transparent;
  background: transparent;
  color: var(--el-color-primary);
  padding-left: 0;
  padding-right: 0;
}
.el-button--text.is-disabled {
  color: var(--el-button-disabled-text-color);
  background-color: transparent !important;
  border-color: transparent !important;
}

.el-button--text:not(.is-disabled):hover {
  color: var(--el-color-primary-light-3);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:not(.is-disabled):active {
  color: var(--el-color-primary-dark-2);
  border-color: transparent;
  background-color: transparent;
}

.el-button__link--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}

.el-button--primary {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-active-color: var(--el-color-primary-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  --el-button-hover-bg-color: var(--el-color-primary-light-3);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-bg-color: var(--el-color-primary-dark-2);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button--primary.is-plain, .el-button--primary.is-text, .el-button--primary.is-link {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-primary);
  --el-button-hover-border-color: var(--el-color-primary);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-text.is-disabled, .el-button--primary.is-text.is-disabled:hover, .el-button--primary.is-text.is-disabled:focus, .el-button--primary.is-text.is-disabled:active, .el-button--primary.is-link.is-disabled, .el-button--primary.is-link.is-disabled:hover, .el-button--primary.is-link.is-disabled:focus, .el-button--primary.is-link.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}
.el-button--primary.is-dashed {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-text-color: var(--el-color-primary-dark-2);
  --el-button-active-bg-color: var(--el-color-primary-light-9);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
}
.el-button--primary.is-dashed.is-disabled, .el-button--primary.is-dashed.is-disabled:hover, .el-button--primary.is-dashed.is-disabled:focus, .el-button--primary.is-dashed.is-disabled:active {
  color: var(--el-color-primary-light-5);
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
}

.el-button--success {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success);
  --el-button-outline-color: var(--el-color-success-light-5);
  --el-button-active-color: var(--el-color-success-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
  --el-button-hover-bg-color: var(--el-color-success-light-3);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-bg-color: var(--el-color-success-dark-2);
  --el-button-active-border-color: var(--el-color-success-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-success-light-5);
  --el-button-disabled-border-color: var(--el-color-success-light-5);
}
.el-button--success.is-plain, .el-button--success.is-text, .el-button--success.is-link {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-success);
  --el-button-hover-border-color: var(--el-color-success);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-text.is-disabled, .el-button--success.is-text.is-disabled:hover, .el-button--success.is-text.is-disabled:focus, .el-button--success.is-text.is-disabled:active, .el-button--success.is-link.is-disabled, .el-button--success.is-link.is-disabled:hover, .el-button--success.is-link.is-disabled:focus, .el-button--success.is-link.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}
.el-button--success.is-dashed {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-success);
  --el-button-hover-bg-color: var(--el-color-success-light-9);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-text-color: var(--el-color-success-dark-2);
  --el-button-active-bg-color: var(--el-color-success-light-9);
  --el-button-active-border-color: var(--el-color-success-dark-2);
}
.el-button--success.is-dashed.is-disabled, .el-button--success.is-dashed.is-disabled:hover, .el-button--success.is-dashed.is-disabled:focus, .el-button--success.is-dashed.is-disabled:active {
  color: var(--el-color-success-light-5);
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
}

.el-button--warning {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning);
  --el-button-outline-color: var(--el-color-warning-light-5);
  --el-button-active-color: var(--el-color-warning-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  --el-button-hover-bg-color: var(--el-color-warning-light-3);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-bg-color: var(--el-color-warning-dark-2);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  --el-button-disabled-border-color: var(--el-color-warning-light-5);
}
.el-button--warning.is-plain, .el-button--warning.is-text, .el-button--warning.is-link {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-warning);
  --el-button-hover-border-color: var(--el-color-warning);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-text.is-disabled, .el-button--warning.is-text.is-disabled:hover, .el-button--warning.is-text.is-disabled:focus, .el-button--warning.is-text.is-disabled:active, .el-button--warning.is-link.is-disabled, .el-button--warning.is-link.is-disabled:hover, .el-button--warning.is-link.is-disabled:focus, .el-button--warning.is-link.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}
.el-button--warning.is-dashed {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-warning);
  --el-button-hover-bg-color: var(--el-color-warning-light-9);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-text-color: var(--el-color-warning-dark-2);
  --el-button-active-bg-color: var(--el-color-warning-light-9);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
}
.el-button--warning.is-dashed.is-disabled, .el-button--warning.is-dashed.is-disabled:hover, .el-button--warning.is-dashed.is-disabled:focus, .el-button--warning.is-dashed.is-disabled:active {
  color: var(--el-color-warning-light-5);
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
}

.el-button--danger {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-danger);
  --el-button-border-color: var(--el-color-danger);
  --el-button-outline-color: var(--el-color-danger-light-5);
  --el-button-active-color: var(--el-color-danger-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  --el-button-hover-bg-color: var(--el-color-danger-light-3);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-bg-color: var(--el-color-danger-dark-2);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  --el-button-disabled-border-color: var(--el-color-danger-light-5);
}
.el-button--danger.is-plain, .el-button--danger.is-text, .el-button--danger.is-link {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-danger);
  --el-button-hover-border-color: var(--el-color-danger);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-text.is-disabled, .el-button--danger.is-text.is-disabled:hover, .el-button--danger.is-text.is-disabled:focus, .el-button--danger.is-text.is-disabled:active, .el-button--danger.is-link.is-disabled, .el-button--danger.is-link.is-disabled:hover, .el-button--danger.is-link.is-disabled:focus, .el-button--danger.is-link.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}
.el-button--danger.is-dashed {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-danger);
  --el-button-hover-bg-color: var(--el-color-danger-light-9);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-text-color: var(--el-color-danger-dark-2);
  --el-button-active-bg-color: var(--el-color-danger-light-9);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
}
.el-button--danger.is-dashed.is-disabled, .el-button--danger.is-dashed.is-disabled:hover, .el-button--danger.is-dashed.is-disabled:focus, .el-button--danger.is-dashed.is-disabled:active {
  color: var(--el-color-danger-light-5);
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
}

.el-button--info {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info);
  --el-button-outline-color: var(--el-color-info-light-5);
  --el-button-active-color: var(--el-color-info-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
  --el-button-hover-bg-color: var(--el-color-info-light-3);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-bg-color: var(--el-color-info-dark-2);
  --el-button-active-border-color: var(--el-color-info-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-info-light-5);
  --el-button-disabled-border-color: var(--el-color-info-light-5);
}
.el-button--info.is-plain, .el-button--info.is-text, .el-button--info.is-link {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-info);
  --el-button-hover-border-color: var(--el-color-info);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-text.is-disabled, .el-button--info.is-text.is-disabled:hover, .el-button--info.is-text.is-disabled:focus, .el-button--info.is-text.is-disabled:active, .el-button--info.is-link.is-disabled, .el-button--info.is-link.is-disabled:hover, .el-button--info.is-link.is-disabled:focus, .el-button--info.is-link.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}
.el-button--info.is-dashed {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-info);
  --el-button-hover-bg-color: var(--el-color-info-light-9);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-text-color: var(--el-color-info-dark-2);
  --el-button-active-bg-color: var(--el-color-info-light-9);
  --el-button-active-border-color: var(--el-color-info-dark-2);
}
.el-button--info.is-dashed.is-disabled, .el-button--info.is-dashed.is-disabled:hover, .el-button--info.is-dashed.is-disabled:focus, .el-button--info.is-dashed.is-disabled:active {
  color: var(--el-color-info-light-5);
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
}

.el-button--large {
  --el-button-size: 40px;
  height: var(--el-button-size);
}
.el-button--large [class*=el-icon] + span {
  margin-left: 8px;
}
.el-button--large {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: var(--el-border-radius-base);
}
.el-button--large.is-round {
  padding: 12px 19px;
}
.el-button--large.is-circle {
  width: var(--el-button-size);
  padding: 12px;
}

.el-button--small {
  --el-button-size: 24px;
  height: var(--el-button-size);
}
.el-button--small [class*=el-icon] + span {
  margin-left: 4px;
}
.el-button--small {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-button--small.is-round {
  padding: 5px 11px;
}
.el-button--small.is-circle {
  width: var(--el-button-size);
  padding: 5px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  height: 100%;
  background-color: var(--el-overlay-color-lighter);
  overflow: auto;
}
.el-overlay .el-overlay-root {
  height: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
:root {
  --el-popup-modal-bg-color: var(--el-color-black);
  --el-popup-modal-opacity: 0.5;
}

.v-modal-enter {
  animation: v-modal-in var(--el-transition-duration-fast) ease;
}

.v-modal-leave {
  animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--el-popup-modal-opacity);
  background: var(--el-popup-modal-bg-color);
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-message-box {
  --el-messagebox-title-color: var(--el-text-color-primary);
  --el-messagebox-width: 420px;
  --el-messagebox-border-radius: 4px;
  --el-messagebox-box-shadow: var(--el-box-shadow);
  --el-messagebox-font-size: var(--el-font-size-large);
  --el-messagebox-content-font-size: var(--el-font-size-base);
  --el-messagebox-content-color: var(--el-text-color-regular);
  --el-messagebox-error-font-size: 12px;
  --el-messagebox-padding-primary: 12px;
  --el-messagebox-font-line-height: var(--el-font-line-height-primary);
}

.el-message-box {
  display: inline-block;
  position: relative;
  max-width: var(--el-messagebox-width);
  width: 100%;
  padding: var(--el-messagebox-padding-primary);
  vertical-align: middle;
  background-color: var(--el-bg-color);
  border-radius: var(--el-messagebox-border-radius);
  font-size: var(--el-messagebox-font-size);
  box-shadow: var(--el-messagebox-box-shadow);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.el-message-box:focus {
  outline: none !important;
}
.is-message-box .el-overlay-message-box {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  overflow: auto;
}
.is-message-box .el-overlay-message-box::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-message-box.is-draggable .el-message-box__header {
  cursor: move;
  user-select: none;
}

.el-message-box__header {
  padding-bottom: var(--el-messagebox-padding-primary);
}
.el-message-box__header.show-close {
  padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px));
}

.el-message-box__title {
  font-size: var(--el-messagebox-font-size);
  line-height: var(--el-messagebox-font-line-height);
  color: var(--el-messagebox-title-color);
}

.el-message-box__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--el-message-close-size, 16px);
  cursor: pointer;
}
.el-message-box__headerbtn .el-message-box__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--el-color-primary);
}

.el-message-box__content {
  color: var(--el-messagebox-content-color);
  font-size: var(--el-messagebox-content-font-size);
}

.el-message-box__container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.el-message-box__input {
  padding-top: 12px;
}
.el-message-box__input div.invalid > input {
  border-color: var(--el-color-error);
}
.el-message-box__input div.invalid > input:focus {
  border-color: var(--el-color-error);
}

.el-message-box__status {
  font-size: 24px;
}
.el-message-box__status.el-message-box-icon--primary {
  --el-messagebox-color: var(--el-color-primary);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--success {
  --el-messagebox-color: var(--el-color-success);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--info {
  --el-messagebox-color: var(--el-color-info);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--warning {
  --el-messagebox-color: var(--el-color-warning);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--error {
  --el-messagebox-color: var(--el-color-error);
  color: var(--el-messagebox-color);
}

.el-message-box__message {
  margin: 0;
  min-width: 0;
}
.el-message-box__message p {
  margin: 0;
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__errormsg {
  color: var(--el-color-error);
  font-size: var(--el-messagebox-error-font-size);
  line-height: var(--el-messagebox-font-line-height);
}

.el-message-box__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--el-messagebox-padding-primary);
}

.el-message-box--center .el-message-box__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.el-message-box--center .el-message-box__status {
  font-size: inherit;
}

.el-message-box--center .el-message-box__btns {
  justify-content: center;
}

.el-message-box--center .el-message-box__container {
  justify-content: center;
}

.el-message-box-parent--hidden {
  overflow: hidden;
}

.fade-in-linear-enter-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration);
}

.fade-in-linear-leave-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration) reverse;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElMessageBox 主题变量 */
.el-message-box {
  --ele-message-box-width: 380px;
  --ele-message-box-radius: var(--el-border-radius-base);
  --ele-message-box-header-color: var(--el-text-color-primary);
  --ele-message-box-header-font-size: var(--el-font-size-medium);
  --ele-message-box-header-font-weight: normal;
  --ele-message-box-header-line-height: 24px;
  --ele-message-box-header-padding: 18px 20px 8px 20px;
  --ele-message-box-header-border: none;
  --ele-message-box-icon-size: 22px;
  --ele-message-box-icon-font-size: 18px;
  --ele-message-box-icon-color: var(--el-text-color-secondary);
  --ele-message-box-icon-hover-color: var(--el-text-color-primary);
  --ele-message-box-icon-hover-bg: transparent;
  --ele-message-box-icon-radius: var(--el-border-radius-small);
  --ele-message-box-body-padding: 12px 20px;
  --ele-message-box-status-size: 22px;
  --ele-message-box-input-margin: 8px 0 6px 0;
  --ele-message-box-footer-padding: 8px 20px 18px 20px;
  --ele-message-box-footer-border: none;
  --ele-message-box-mobile-space: 16px;
}

/* MessageBox */
.el-overlay-message-box .el-message-box {
  padding: 0;
  max-width: var(--ele-message-box-width);
  border-radius: var(--ele-message-box-radius);
  background: var(--el-bg-color-overlay);
  border: none;
}
.el-overlay-message-box .el-message-box .el-message-box__header {
  padding: var(--ele-message-box-header-padding);
  border-bottom: var(--ele-message-box-header-border);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.el-overlay-message-box .el-message-box .el-message-box__title {
  flex: 1;
  color: var(--ele-message-box-header-color);
  font-size: var(--ele-message-box-header-font-size);
  font-weight: var(--ele-message-box-header-font-weight);
  line-height: var(--ele-message-box-header-line-height);
}
.el-overlay-message-box .el-message-box .el-message-box__headerbtn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-message-box-icon-size);
  height: var(--ele-message-box-icon-size);
  line-height: var(--ele-message-box-icon-size);
  color: var(--ele-message-box-icon-color);
  font-size: var(--ele-message-box-icon-font-size);
  border-radius: var(--ele-message-box-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  position: static;
  right: auto;
  top: auto;
}
.el-overlay-message-box .el-message-box .el-message-box__headerbtn .el-message-box__close {
  color: inherit;
}
.el-overlay-message-box .el-message-box .el-message-box__headerbtn:hover {
  color: var(--ele-message-box-icon-hover-color);
  background: var(--ele-message-box-icon-hover-bg);
}
.el-overlay-message-box .el-message-box .el-message-box__content {
  padding: var(--ele-message-box-body-padding);
  box-sizing: border-box;
}
.el-overlay-message-box .el-message-box .el-message-box__status {
  flex-shrink: 0;
  font-size: var(--ele-message-box-status-size);
}
.el-overlay-message-box .el-message-box .el-message-box__btns {
  padding: var(--ele-message-box-footer-padding);
  border-top: var(--ele-message-box-footer-border);
  box-sizing: border-box;
}
.el-overlay-message-box .el-message-box .el-message-box__input {
  padding: 0;
  margin: var(--ele-message-box-input-margin);
  position: relative;
}
.el-overlay-message-box .el-message-box .el-message-box__errormsg {
  line-height: 18px;
  position: absolute;
  top: 100%;
  left: 0;
}

.el-message-box .el-message-box__status.el-message-box-icon--info {
  color: var(--el-color-primary);
}

.el-message-box__message {
  word-break: break-all;
}

body .el-overlay.is-message-box > .el-overlay-message-box {
  overflow-x: hidden;
  scrollbar-width: none;
}
body .el-overlay.is-message-box > .el-overlay-message-box::-webkit-scrollbar {
  display: none;
}

/* useMessageBox */
.ele-message-box > .el-message-box__content > .el-message-box__container {
  gap: 0;
}
.ele-message-box > .el-message-box__content > .el-message-box__container > .el-message-box__status {
  width: auto;
  height: auto;
}

.ele-message-box-icon {
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

/* 容器 */
.ele-message-box-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
}
.ele-message-box-wrapper > .el-overlay.is-message-box {
  pointer-events: auto;
  position: absolute;
}
.ele-message-box-wrapper > .el-overlay.is-message-box > .el-overlay-message-box {
  position: absolute;
}
.ele-message-box-wrapper.is-hide {
  display: none;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-notification {
  --el-notification-width: 330px;
  --el-notification-padding: 14px 26px 14px 13px;
  --el-notification-radius: 8px;
  --el-notification-shadow: var(--el-box-shadow-light);
  --el-notification-border-color: var(--el-border-color-lighter);
  --el-notification-icon-size: 24px;
  --el-notification-close-font-size: var(--el-message-close-size, 16px);
  --el-notification-group-margin-left: 13px;
  --el-notification-group-margin-right: 8px;
  --el-notification-content-font-size: var(--el-font-size-base);
  --el-notification-content-color: var(--el-text-color-regular);
  --el-notification-title-font-size: 16px;
  --el-notification-title-color: var(--el-text-color-primary);
  --el-notification-close-color: var(--el-text-color-secondary);
  --el-notification-close-hover-color: var(--el-text-color-regular);
}

.el-notification {
  display: flex;
  width: var(--el-notification-width);
  padding: var(--el-notification-padding);
  border-radius: var(--el-notification-radius);
  box-sizing: border-box;
  border: 1px solid var(--el-notification-border-color);
  position: fixed;
  background-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-notification-shadow);
  transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top 0.4s, bottom var(--el-transition-duration);
  overflow-wrap: break-word;
  overflow: hidden;
  z-index: 9999;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification__group {
  flex: 1;
  min-width: 0;
  margin-left: var(--el-notification-group-margin-left);
  margin-right: var(--el-notification-group-margin-right);
}

.el-notification__title {
  font-weight: bold;
  font-size: var(--el-notification-title-font-size);
  line-height: var(--el-notification-icon-size);
  color: var(--el-notification-title-color);
  margin: 0;
}

.el-notification__content {
  font-size: var(--el-notification-content-font-size);
  line-height: 24px;
  margin: 6px 0 0;
  color: var(--el-notification-content-color);
}
.el-notification__content p {
  margin: 0;
}

.el-notification .el-notification__icon {
  flex-shrink: 0;
  height: var(--el-notification-icon-size);
  width: var(--el-notification-icon-size);
  font-size: var(--el-notification-icon-size);
}
.el-notification .el-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: var(--el-notification-close-color);
  font-size: var(--el-notification-close-font-size);
}
.el-notification .el-notification__closeBtn:hover {
  color: var(--el-notification-close-hover-color);
}
.el-notification .el-notification--primary {
  --el-notification-icon-color: var(--el-color-primary);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--success {
  --el-notification-icon-color: var(--el-color-success);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--info {
  --el-notification-icon-color: var(--el-color-info);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--warning {
  --el-notification-icon-color: var(--el-color-warning);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--error {
  --el-notification-icon-color: var(--el-color-error);
  color: var(--el-notification-icon-color);
}

.el-notification-fade-enter-from.right {
  right: 0;
  transform: translateX(100%);
}
.el-notification-fade-enter-from.left {
  left: 0;
  transform: translateX(-100%);
}

.el-notification-fade-leave-to {
  opacity: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElNotification 主题变量 */
.el-notification {
  --ele-notification-width: 360px;
  --ele-notification-border: none;
  --ele-notification-padding: 20px;
  --ele-notification-radius: var(--el-border-radius-base);
  --ele-notification-shadow: var(--el-box-shadow-light);
  --ele-notification-color: var(--el-text-color-regular);
  --ele-notification-size: var(--el-font-size-base);
  --ele-notification-icon-size: 26px;
  --ele-notification-icon-margin: -2px 12px 0 0;
  --ele-notification-title-color: var(--el-text-color-primary);
  --ele-notification-title-size: var(--el-font-size-medium);
  --ele-notification-title-font-weight: normal;
  --ele-notification-title-line-height: 22px;
  --ele-notification-title-padding: 0 22px 0 0;
  --ele-notification-body-margin: 8px;
  --ele-notification-close-size: 22px;
  --ele-notification-close-margin: 20px 24px 0 0;
  --ele-notification-close-radius: var(--el-border-radius-small);
  --ele-notification-close-font-size: 18px;
  --ele-notification-close-color: var(--el-text-color-secondary);
  --ele-notification-close-hover-color: var(--el-text-color-primary);
  --ele-notification-close-hover-bg: transparent;
}

/* Notification */
body .el-notification {
  width: var(--ele-notification-width);
  max-width: calc(100vw - 48px);
  padding: var(--ele-notification-padding);
  border: var(--ele-notification-border);
  border-radius: var(--ele-notification-radius);
  box-shadow: var(--ele-notification-shadow);
  background: var(--el-bg-color-overlay);
}
body .el-notification .el-notification__icon {
  width: var(--ele-notification-icon-size);
  height: var(--ele-notification-icon-size);
  font-size: var(--ele-notification-icon-size);
  margin: var(--ele-notification-icon-margin);
}

.el-notification .el-notification__icon.el-notification--info {
  color: var(--el-color-primary);
}

.el-notification .el-notification__group {
  margin: 0;
}
.el-notification .el-notification__group .el-notification__closeBtn {
  top: 0;
  right: 0;
  width: var(--ele-notification-close-size);
  height: var(--ele-notification-close-size);
  line-height: var(--ele-notification-close-size);
  color: var(--ele-notification-close-color);
  font-size: var(--ele-notification-close-font-size);
  margin: var(--ele-notification-close-margin);
  border-radius: var(--ele-notification-close-radius);
  transition: color 0.2s, background-color 0.2s;
}
.el-notification .el-notification__group .el-notification__closeBtn:hover {
  color: var(--ele-notification-close-hover-color);
  background: var(--ele-notification-close-hover-bg);
}
.el-notification .el-notification__group .el-notification__title {
  color: var(--ele-notification-title-color);
  font-size: var(--ele-notification-title-size);
  font-weight: var(--ele-notification-title-font-weight);
  line-height: var(--ele-notification-title-line-height);
  padding: var(--ele-notification-title-padding);
  box-sizing: border-box;
}
.el-notification .el-notification__group .el-notification__content {
  color: var(--ele-notification-color);
  font-size: var(--ele-notification-size);
  margin-top: var(--ele-notification-body-margin);
  line-height: inherit;
  text-align: left;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* Popper 主题变量 */
.el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
  --ele-popper-border: none;
  --ele-popper-radius: var(--el-border-radius-base);
  --ele-popper-shadow: var(--el-box-shadow-light);
  --ele-popper-arrow-bg: var(--ele-popper-bg);
  --ele-popper-arrow-size: 8px;
  --ele-popper-arrow-offset: -4px;
  --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

.el-popper.is-dark {
  --ele-tooltip-color: #fff;
  --ele-tooltip-font-size: var(--el-font-size-small);
  --ele-tooltip-line-height: 22px;
  --ele-tooltip-padding: 4px 10px;
  --ele-tooltip-bg: #000;
  --ele-tooltip-border: none;
  --ele-tooltip-radius: var(--el-border-radius-base);
  --ele-tooltip-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
  --ele-tooltip-arrow-bg: var(--ele-tooltip-bg);
  --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

/* 气泡通用 */
body .el-popper {
  border-radius: var(--ele-popper-radius);
}
body .el-popper.is-light {
  background: var(--ele-popper-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-shadow);
}
body .el-popper.is-light > .el-popper__arrow::before {
  background: var(--ele-popper-arrow-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-arrow-shadow);
}
body .el-popper .el-popper__arrow {
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
}
body .el-popper .el-popper__arrow::before {
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
  clip-path: polygon(300% -200%, 300% 300%, -200% 300%);
}
body .el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: var(--ele-popper-arrow-offset);
}
body .el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: var(--ele-popper-arrow-offset);
}
body .el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  clip-path: polygon(-200% 300%, -200% -200%, 300% -200%);
}
body .el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: var(--ele-popper-arrow-offset);
}
body .el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  clip-path: polygon(-200% -200%, 300% -200%, 300% 300%);
}
body .el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: var(--ele-popper-arrow-offset);
}
body .el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  clip-path: polygon(300% 300%, -200% 300%, -200% -200%);
}
body .el-popper.is-dark {
  color: var(--ele-tooltip-color);
  font-size: var(--ele-tooltip-font-size);
  line-height: var(--ele-tooltip-line-height);
  padding: var(--ele-tooltip-padding);
  background: var(--ele-tooltip-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-shadow);
  border-radius: var(--ele-tooltip-radius);
}
body .el-popper.is-dark > .el-popper__arrow::before {
  background: var(--ele-tooltip-arrow-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-arrow-shadow);
}
body .el-popper.is-prevent-event .el-popper__arrow {
  pointer-events: none;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElRadio 主题变量 */
.el-radio {
  --ele-radio-color: var(--el-text-color-regular);
  --ele-radio-font-size: var(--el-font-size-base);
  --ele-radio-size: 15px;
  --ele-radio-radius: 50%;
  --ele-radio-space: 16px;
  --ele-radio-bg: var(--el-bg-color);
  --ele-radio-border: 1px solid var(--el-border-color);
  --ele-radio-hover-border: 1px solid var(--el-color-primary);
  --ele-radio-active-color: var(--el-text-color-regular);
  --ele-radio-active-bg: var(--el-color-primary);
  --ele-radio-active-border: 1px solid var(--el-color-primary);
  --ele-radio-dot-size: 7px;
  --ele-radio-dot-color: #fff;
  --ele-radio-dot-radius: 50%;
  --ele-radio-disabled-color: var(--el-disabled-text-color);
  --ele-radio-disabled-bg: var(--el-disabled-bg-color);
  --ele-radio-disabled-border: 1px solid var(--el-disabled-border-color);
  --ele-radio-disabled-dot-color: var(--el-disabled-text-color);
  --ele-radio-sm-font-size: var(--el-font-size-extra-small);
  --ele-radio-sm-size: 13px;
  --ele-radio-sm-radius: 50%;
  --ele-radio-sm-dot-size: 5px;
  --ele-radio-sm-dot-radius: 50%;
  --ele-radio-lg-font-size: var(--el-font-size-base);
  --ele-radio-lg-size: 16px;
  --ele-radio-lg-radius: 50%;
  --ele-radio-lg-dot-size: 8px;
  --ele-radio-lg-dot-radius: 50%;
}

/* Radio */
body .el-radio .el-radio__label {
  color: var(--ele-radio-color);
  font-size: var(--ele-radio-font-size);
  line-height: var(--ele-radio-size);
}
body .el-radio .el-radio__inner {
  width: var(--ele-radio-size);
  height: var(--ele-radio-size);
  background: var(--ele-radio-bg);
  border: var(--ele-radio-border);
  border-radius: var(--ele-radio-radius);
  transition: border-color 0.2s, background-color 0.2s;
}
body .el-radio .el-radio__inner::after {
  width: var(--ele-radio-dot-size);
  height: var(--ele-radio-dot-size);
  margin-top: calc(var(--ele-radio-dot-size) / 2 * -1);
  margin-left: calc(var(--ele-radio-dot-size) / 2 * -1);
  background: var(--ele-radio-dot-color);
  border-radius: var(--ele-radio-dot-radius);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  box-sizing: border-box;
  transform: scale(0);
  opacity: 0;
}
body .el-radio:hover .el-radio__inner {
  border: var(--ele-radio-hover-border);
}
body .el-radio.is-checked .el-radio__label {
  color: var(--ele-radio-active-color);
}
body .el-radio.is-checked .el-radio__inner {
  background: var(--ele-radio-active-bg);
  border: var(--ele-radio-active-border);
}
body .el-radio.is-checked .el-radio__inner::after {
  transform: scale(1);
  opacity: 1;
}
body .el-radio.is-disabled span.el-radio__label {
  color: var(--ele-radio-disabled-color);
}
body .el-radio.is-disabled .el-radio__input .el-radio__inner {
  background: var(--ele-radio-disabled-bg);
  border: var(--ele-radio-disabled-border);
}
body .el-radio.is-disabled .el-radio__input .el-radio__inner::after {
  background: var(--ele-radio-disabled-dot-color);
}
body .el-radio.el-radio--small .el-radio__label {
  font-size: var(--ele-radio-sm-font-size);
  line-height: var(--ele-radio-sm-size);
}
body .el-radio.el-radio--small .el-radio__inner {
  width: var(--ele-radio-sm-size);
  height: var(--ele-radio-sm-size);
  border-radius: var(--ele-radio-sm-radius);
}
body .el-radio.el-radio--small .el-radio__inner::after {
  width: var(--ele-radio-sm-dot-size);
  height: var(--ele-radio-sm-dot-size);
  margin-top: calc(var(--ele-radio-sm-dot-size) / 2 * -1);
  margin-left: calc(var(--ele-radio-sm-dot-size) / 2 * -1);
  border-radius: var(--ele-radio-sm-dot-radius);
}
body .el-radio.el-radio--large .el-radio__label {
  font-size: var(--ele-radio-lg-font-size);
  line-height: var(--ele-radio-lg-size);
}
body .el-radio.el-radio--large .el-radio__inner {
  width: var(--ele-radio-lg-size);
  height: var(--ele-radio-lg-size);
  border-radius: var(--ele-radio-lg-radius);
}
body .el-radio.el-radio--large .el-radio__inner::after {
  width: var(--ele-radio-lg-dot-size);
  height: var(--ele-radio-lg-dot-size);
  margin-top: calc(var(--ele-radio-lg-dot-size) / 2 * -1);
  margin-left: calc(var(--ele-radio-lg-dot-size) / 2 * -1);
  border-radius: var(--ele-radio-lg-dot-radius);
}

body .el-radio,
body .el-radio-group > .el-radio {
  margin-right: var(--ele-radio-space);
}

.el-radio-group > .el-radio:last-child {
  margin-right: 0;
}

body .el-radio-button.is-active .el-radio-button__original-radio:not(:disabled) + .el-radio-button__inner {
  box-shadow: none;
  outline-color: var(--el-color-primary);
  z-index: 2;
}

body .el-radio-button__inner {
  transition: color 0.2s;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElSelect 主题变量 */
.el-select__popper {
  --ele-select-padding: 6px 0;
  --ele-select-item-height: 32px;
  --ele-select-item-margin: 2px;
  --ele-select-item-padding: 0 16px;
  --ele-select-item-radius: 0;
  --ele-select-item-active-bg: var(--el-color-primary-light-9);
  --ele-select-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-select-item-active-font-weight: normal;
  --ele-select-icon-size: 16px;
  --ele-select-icon-margin: 0 -4px 0 4px;
}

/* Select */
.el-select__popper .el-select-dropdown__list {
  margin: 0 !important;
  padding: var(--ele-select-padding) !important;
}
.el-select__popper .el-select-dropdown__item {
  height: var(--ele-select-item-height);
  line-height: var(--ele-select-item-height);
  padding: var(--ele-select-item-padding);
  border-radius: var(--ele-select-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.el-select__popper .el-select-dropdown__item > span {
  flex: 1;
}
.el-select__popper .el-select-dropdown__item + .el-select-dropdown__item {
  margin-top: var(--ele-select-item-margin);
}
.el-select__popper .el-select-dropdown__item.selected, .el-select__popper .el-select-dropdown__item.is-selected {
  background: var(--ele-select-item-active-bg);
  font-weight: var(--ele-select-item-active-font-weight);
}
.el-select__popper .el-select-dropdown__item.selected:hover, .el-select__popper .el-select-dropdown__item.selected.hover, .el-select__popper .el-select-dropdown__item.selected.is-hovering, .el-select__popper .el-select-dropdown__item.is-selected:hover, .el-select__popper .el-select-dropdown__item.is-selected.hover, .el-select__popper .el-select-dropdown__item.is-selected.is-hovering {
  background: var(--ele-select-item-active-hover-bg);
}
.el-select__popper .el-select-dropdown__list .el-select-dropdown__item > span {
  font-size: inherit;
}
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected {
  background: var(--ele-select-item-active-bg);
}
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:hover, .el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover, .el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.is-hovering,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:hover,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected.hover,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected.is-hovering {
  background: var(--ele-select-item-active-hover-bg);
}
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after,
.el-select__popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  width: var(--ele-select-icon-size);
  height: var(--ele-select-icon-size);
  margin: var(--ele-select-icon-margin);
  display: inline-block;
  position: static;
  top: auto;
  right: auto;
  transform: none;
}
.el-select__popper .el-select-group__title {
  padding: var(--ele-select-item-padding);
}
.el-select__popper .el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 0;
}
.el-select__popper .el-select-group__wrap:not(:last-of-type)::after {
  display: none;
}

/* 多选标签 */
.el-select-tags-wrapper .el-tag__content,
.el-select__collapse-tag .el-tag__content,
.el-select__selected-item .el-tag__content {
  display: inline-flex;
  align-items: center;
}

.el-select .el-tag__content .el-select__tags-text {
  line-height: 1;
}

.el-select .el-select-tags-wrapper.has-prefix {
  margin: 0 !important;
  box-sizing: border-box;
}

.el-select .el-select__tags {
  box-sizing: border-box;
  padding: 0 0 0 4px;
  left: 0;
}

.el-select .el-select__selection.is-near {
  gap: 0;
  margin: 0 0 0 calc(var(--ele-input-padding-left, 12px) * -1);
  padding: 1px 0 1px 3px;
  box-sizing: border-box;
}

.el-select .el-select__tags .el-tag,
.el-select__collapse-tags .el-select__collapse-tag .el-tag {
  flex-shrink: 0;
  margin: 2px 4px 2px 0;
  height: calc(var(--el-component-size) - 4px - 4px);
  border: none;
}

.el-select .el-select__tags .el-select__input {
  margin: 0 0 0 5.8px !important;
}

.el-select__selection.is-near > .el-select__selected-item,
.el-popper > .el-select__selection > .el-select__selected-item {
  flex-shrink: 0;
  margin: 2px 4px 2px 0;
}

.el-select__selection .el-select__selected-item > .el-tag {
  height: calc(var(--el-component-size) - 4px - 4px);
  border: none;
}

/* 小尺寸 */
.el-select--small .el-select__tags .el-tag--small,
.el-select__collapse-tags .el-select__collapse-tag .el-tag--small {
  margin: 1px 4px 1px 0;
  height: calc(var(--el-component-size-small) - 4px - 2px);
}

.el-select--small .el-select__selection.is-near {
  margin: 0 0 0 calc(var(--ele-input-sm-padding-left, 8px) * -1);
  padding: 1px 0 1px 3px;
}

.el-select--small .el-select__selection.is-near > .el-select__selected-item {
  margin: 1px 4px 1px 0;
}

.el-select--small .el-select__selected-item > .el-tag,
.el-popper > .el-select__selection .el-tag--small {
  height: calc(var(--el-component-size-small) - 4px - 2px);
}

.el-select--small .el-select__tags .el-select__input {
  margin: 0 0 0 3.8px !important;
}

/* 大尺寸 */
.el-select--large .el-select__tags {
  padding: 1px 0 1px 6px;
}

.el-select--large .el-select__selection.is-near {
  padding: 3px 0 3px 5px;
}

.el-select--large .el-select__tags .el-tag,
.el-select--large .el-select__selected-item > .el-tag {
  height: calc(var(--el-component-size-large) - 8px - 4px);
}

.el-select--large .el-select__selection.is-near {
  margin: 0 0 0 calc(var(--ele-input-lg-padding-left, 16px) * -1);
}

.el-select--large .el-select__tags .el-select__input {
  margin: 0 0 0 7.8px !important;
}

/* 多选搜索框 */
.el-select-tags-wrapper.has-prefix + .el-select__input {
  margin: 0 0 0 2px !important;
}

/* 标签溢出气泡 */
.el-popper > .el-select__collapse-tags,
.el-popper > .el-select__selection {
  margin: -5px -11px;
  padding: 8px 10px;
  box-sizing: border-box;
  gap: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElTag 主题变量 */
.el-tag {
  --ele-tag-size: 13px;
  --ele-tag-height: 24px;
  --ele-tag-padding: 0 8px;
  --ele-tag-radius: var(--el-border-radius-small);
  --ele-tag-close-size: 14px;
  --ele-tag-close-padding: 0;
  --ele-tag-close-margin: 0 -4px 0 2px;
  --ele-tag-close-radius: 3px;
  --ele-tag-color: var(--el-color-primary);
  --ele-tag-bg: var(--el-color-primary-light-9);
  --ele-tag-border-color: var(--el-color-primary-light-7);
  --ele-tag-close-color: var(--el-color-primary);
  --ele-tag-close-hover-color: var(--el-color-primary);
  --ele-tag-close-hover-bg: transparent;
  --ele-tag-info-color: var(--el-text-color-regular);
  --ele-tag-info-bg: var(--el-color-info-light-9);
  --ele-tag-info-border-color: var(--el-border-color);
  --ele-tag-info-close-color: var(--el-text-color-secondary);
  --ele-tag-info-close-hover-color: var(--el-text-color-primary);
  --ele-tag-info-close-hover-bg: transparent;
  --ele-tag-success-color: var(--el-color-success);
  --ele-tag-success-bg: var(--el-color-success-light-9);
  --ele-tag-success-border-color: var(--el-color-success-light-7);
  --ele-tag-success-close-color: var(--el-color-success);
  --ele-tag-success-close-hover-color: var(--el-color-success);
  --ele-tag-success-close-hover-bg: transparent;
  --ele-tag-warning-color: var(--el-color-warning);
  --ele-tag-warning-bg: var(--el-color-warning-light-9);
  --ele-tag-warning-border-color: var(--el-color-warning-light-7);
  --ele-tag-warning-close-color: var(--el-color-warning);
  --ele-tag-warning-close-hover-color: var(--el-color-warning);
  --ele-tag-warning-close-hover-bg: transparent;
  --ele-tag-danger-color: var(--el-color-error);
  --ele-tag-danger-bg: var(--el-color-error-light-9);
  --ele-tag-danger-border-color: var(--el-color-error-light-7);
  --ele-tag-danger-close-color: var(--el-color-error);
  --ele-tag-danger-close-hover-color: var(--el-color-error);
  --ele-tag-danger-close-hover-bg: transparent;
  --ele-tag-round-radius: 12px;
  --ele-tag-round-padding: 0 10px;
  --ele-tag-sm-size: 12px;
  --ele-tag-sm-height: 20px;
  --ele-tag-sm-padding: 0 4px;
  --ele-tag-sm-radius: var(--el-border-radius-small);
  --ele-tag-sm-close-size: 13px;
  --ele-tag-sm-close-padding: 0;
  --ele-tag-sm-close-margin: 0 -2px 0 2px;
  --ele-tag-sm-close-radius: 2px;
  --ele-tag-sm-round-radius: 10px;
  --ele-tag-sm-round-padding: 0 6px;
  --ele-tag-lg-size: 14px;
  --ele-tag-lg-height: 32px;
  --ele-tag-lg-padding: 0 12px;
  --ele-tag-lg-radius: var(--el-border-radius-base);
  --ele-tag-lg-close-size: 15px;
  --ele-tag-lg-close-padding: 2px;
  --ele-tag-lg-close-margin: 0 -8px 0 4px;
  --ele-tag-lg-close-radius: 4px;
  --ele-tag-lg-round-radius: 16px;
  --ele-tag-lg-round-padding: 0 14px;
  --ele-tag-dark-color: #fff;
  --ele-tag-dark-bg: var(--el-color-primary);
  --ele-tag-dark-close-color: #fff;
  --ele-tag-dark-close-hover-color: #fff;
  --ele-tag-dark-close-hover-bg: transparent;
  --ele-tag-dark-info-color: var(--el-text-color-primary);
  --ele-tag-dark-info-bg: var(--el-color-info-light-7);
  --ele-tag-dark-info-close-color: var(--el-text-color-secondary);
  --ele-tag-dark-info-close-hover-color: var(--el-text-color-primary);
  --ele-tag-dark-info-close-hover-bg: transparent;
  --ele-tag-dark-success-color: #fff;
  --ele-tag-dark-success-bg: var(--el-color-success);
  --ele-tag-dark-success-close-color: #fff;
  --ele-tag-dark-success-close-hover-color: #fff;
  --ele-tag-dark-success-close-hover-bg: transparent;
  --ele-tag-dark-warning-color: #fff;
  --ele-tag-dark-warning-bg: var(--el-color-warning);
  --ele-tag-dark-warning-close-color: #fff;
  --ele-tag-dark-warning-close-hover-color: #fff;
  --ele-tag-dark-warning-close-hover-bg: transparent;
  --ele-tag-dark-danger-color: #fff;
  --ele-tag-dark-danger-bg: var(--el-color-error);
  --ele-tag-dark-danger-close-color: #fff;
  --ele-tag-dark-danger-close-hover-color: #fff;
  --ele-tag-dark-danger-close-hover-bg: transparent;
  --ele-tag-plain-color: var(--el-color-primary);
  --ele-tag-plain-border-color: var(--el-color-primary);
  --ele-tag-plain-close-color: var(--el-color-primary);
  --ele-tag-plain-close-hover-color: var(--el-color-primary);
  --ele-tag-plain-close-hover-bg: transparent;
  --ele-tag-plain-info-color: var(--el-text-color-regular);
  --ele-tag-plain-info-border-color: var(--el-color-info-light-3);
  --ele-tag-plain-info-close-color: var(--el-text-color-secondary);
  --ele-tag-plain-info-close-hover-color: var(--el-text-color-primary);
  --ele-tag-plain-info-close-hover-bg: transparent;
  --ele-tag-plain-success-color: var(--el-color-success);
  --ele-tag-plain-success-border-color: var(--el-color-success);
  --ele-tag-plain-success-close-color: var(--el-color-success);
  --ele-tag-plain-success-close-hover-color: var(--el-color-success);
  --ele-tag-plain-success-close-hover-bg: transparent;
  --ele-tag-plain-warning-color: var(--el-color-warning);
  --ele-tag-plain-warning-border-color: var(--el-color-warning);
  --ele-tag-plain-warning-close-color: var(--el-color-warning);
  --ele-tag-plain-warning-close-hover-color: var(--el-color-warning);
  --ele-tag-plain-warning-close-hover-bg: transparent;
  --ele-tag-plain-danger-color: var(--el-color-error);
  --ele-tag-plain-danger-border-color: var(--el-color-error);
  --ele-tag-plain-danger-close-color: var(--el-color-error);
  --ele-tag-plain-danger-close-hover-color: var(--el-color-error);
  --ele-tag-plain-danger-close-hover-bg: transparent;
  --ele-tag-hit-border-color: var(--el-color-primary);
  --ele-tag-hit-info-border-color: var(--el-color-info-light-3);
  --ele-tag-hit-success-border-color: var(--el-color-success);
  --ele-tag-hit-warning-border-color: var(--el-color-warning);
  --ele-tag-hit-danger-border-color: var(--el-color-error);
}

/* Tag */
span.el-tag {
  line-height: inherit;
  height: var(--ele-tag-height);
  font-size: var(--ele-tag-size);
  border-radius: var(--ele-tag-radius);
  padding: var(--ele-tag-padding);
}
span.el-tag .el-icon {
  width: auto;
  height: auto;
  font-size: inherit;
  border-radius: 0;
  cursor: inherit;
}

span.el-tag,
span.el-tag.is-closable {
  padding: var(--ele-tag-padding);
}

/* 关闭按钮 */
.el-tag.is-closable .el-tag__close {
  width: auto;
  height: auto;
  font-size: var(--ele-tag-close-size);
  margin: var(--ele-tag-close-margin);
  padding: var(--ele-tag-close-padding);
  border-radius: var(--ele-tag-close-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}

/* 亮色风格 */
.el-tag.el-tag--light {
  color: var(--ele-tag-color);
  background: var(--ele-tag-bg);
  border-color: var(--ele-tag-border-color);
}
.el-tag.el-tag--light .el-tag__close {
  color: var(--ele-tag-close-color);
}
.el-tag.el-tag--light .el-tag__close:hover {
  color: var(--ele-tag-close-hover-color);
  background: var(--ele-tag-close-hover-bg);
}

.el-tag--light.el-tag--info {
  color: var(--ele-tag-info-color);
  background: var(--ele-tag-info-bg);
  border-color: var(--ele-tag-info-border-color);
}
.el-tag--light.el-tag--info .el-tag__close {
  color: var(--ele-tag-info-close-color);
}
.el-tag--light.el-tag--info .el-tag__close:hover {
  color: var(--ele-tag-info-close-hover-color);
  background: var(--ele-tag-info-close-hover-bg);
}
.el-tag--light.el-tag--success {
  color: var(--ele-tag-success-color);
  background: var(--ele-tag-success-bg);
  border-color: var(--ele-tag-success-border-color);
}
.el-tag--light.el-tag--success .el-tag__close {
  color: var(--ele-tag-success-close-color);
}
.el-tag--light.el-tag--success .el-tag__close:hover {
  color: var(--ele-tag-success-close-hover-color);
  background: var(--ele-tag-success-close-hover-bg);
}
.el-tag--light.el-tag--warning {
  color: var(--ele-tag-warning-color);
  background: var(--ele-tag-warning-bg);
  border-color: var(--ele-tag-warning-border-color);
}
.el-tag--light.el-tag--warning .el-tag__close {
  color: var(--ele-tag-warning-close-color);
}
.el-tag--light.el-tag--warning .el-tag__close:hover {
  color: var(--ele-tag-warning-close-hover-color);
  background: var(--ele-tag-warning-close-hover-bg);
}
.el-tag--light.el-tag--danger {
  color: var(--ele-tag-danger-color);
  background: var(--ele-tag-danger-bg);
  border-color: var(--ele-tag-danger-border-color);
}
.el-tag--light.el-tag--danger .el-tag__close {
  color: var(--ele-tag-danger-close-color);
}
.el-tag--light.el-tag--danger .el-tag__close:hover {
  color: var(--ele-tag-danger-close-hover-color);
  background: var(--ele-tag-danger-close-hover-bg);
}

/* 暗色风格 */
.el-tag.el-tag--dark {
  color: var(--ele-tag-dark-color);
  background: var(--ele-tag-dark-bg);
  border: none;
}
.el-tag.el-tag--dark .el-tag__close {
  color: var(--ele-tag-dark-close-color);
}
.el-tag.el-tag--dark .el-tag__close:hover {
  color: var(--ele-tag-dark-close-hover-color);
  background: var(--ele-tag-dark-close-hover-bg);
}

.el-tag--dark.el-tag--info {
  color: var(--ele-tag-dark-info-color);
  background: var(--ele-tag-dark-info-bg);
}
.el-tag--dark.el-tag--info .el-tag__close {
  color: var(--ele-tag-dark-info-close-color);
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: var(--ele-tag-dark-info-close-hover-color);
  background: var(--ele-tag-dark-info-close-hover-bg);
}
.el-tag--dark.el-tag--success {
  color: var(--ele-tag-dark-success-color);
  background: var(--ele-tag-dark-success-bg);
}
.el-tag--dark.el-tag--success .el-tag__close {
  color: var(--ele-tag-dark-success-close-color);
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: var(--ele-tag-dark-success-close-hover-color);
  background: var(--ele-tag-dark-success-close-hover-bg);
}
.el-tag--dark.el-tag--warning {
  color: var(--ele-tag-dark-warning-color);
  background: var(--ele-tag-dark-warning-bg);
}
.el-tag--dark.el-tag--warning .el-tag__close {
  color: var(--ele-tag-dark-warning-close-color);
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: var(--ele-tag-dark-warning-close-hover-color);
  background: var(--ele-tag-dark-warning-close-hover-bg);
}
.el-tag--dark.el-tag--danger {
  color: var(--ele-tag-dark-danger-color);
  background: var(--ele-tag-dark-danger-bg);
}
.el-tag--dark.el-tag--danger .el-tag__close {
  color: var(--ele-tag-dark-danger-close-color);
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: var(--ele-tag-dark-danger-close-hover-color);
  background: var(--ele-tag-dark-danger-close-hover-bg);
}

/* 朴素风格 */
.el-tag.el-tag--plain {
  color: var(--ele-tag-plain-color);
  border-color: var(--ele-tag-plain-border-color);
  background: none;
}
.el-tag.el-tag--plain .el-tag__close {
  color: var(--ele-tag-plain-close-color);
}
.el-tag.el-tag--plain .el-tag__close:hover {
  color: var(--ele-tag-plain-close-hover-color);
  background: var(--ele-tag-plain-close-hover-bg);
}

.el-tag--plain.el-tag--info {
  color: var(--ele-tag-plain-info-color);
  border-color: var(--ele-tag-plain-info-border-color);
}
.el-tag--plain.el-tag--info .el-tag__close {
  color: var(--ele-tag-plain-info-close-color);
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: var(--ele-tag-plain-info-close-hover-color);
  background: var(--ele-tag-plain-info-close-hover-bg);
}
.el-tag--plain.el-tag--success {
  color: var(--ele-tag-plain-success-color);
  border-color: var(--ele-tag-plain-success-border-color);
}
.el-tag--plain.el-tag--success .el-tag__close {
  color: var(--ele-tag-plain-success-close-color);
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: var(--ele-tag-plain-success-close-hover-color);
  background: var(--ele-tag-plain-success-close-hover-bg);
}
.el-tag--plain.el-tag--warning {
  color: var(--ele-tag-plain-warning-color);
  border-color: var(--ele-tag-plain-warning-border-color);
}
.el-tag--plain.el-tag--warning .el-tag__close {
  color: var(--ele-tag-plain-warning-close-color);
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: var(--ele-tag-plain-warning-close-hover-color);
  background: var(--ele-tag-plain-warning-close-hover-bg);
}
.el-tag--plain.el-tag--danger {
  color: var(--ele-tag-plain-danger-color);
  border-color: var(--ele-tag-plain-danger-border-color);
}
.el-tag--plain.el-tag--danger .el-tag__close {
  color: var(--ele-tag-plain-danger-close-color);
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: var(--ele-tag-plain-danger-close-hover-color);
  background: var(--ele-tag-plain-danger-close-hover-bg);
}

/* 加深边框 */
span.el-tag.is-hit.el-tag--primary {
  border-color: var(--ele-tag-hit-border-color);
}
span.el-tag.is-hit.el-tag--info {
  border-color: var(--ele-tag-hit-info-border-color);
}
span.el-tag.is-hit.el-tag--success {
  border-color: var(--ele-tag-hit-success-border-color);
}
span.el-tag.is-hit.el-tag--warning {
  border-color: var(--ele-tag-hit-warning-border-color);
}
span.el-tag.is-hit.el-tag--danger {
  border-color: var(--ele-tag-hit-danger-border-color);
}

/* 椭圆风格 */
span.el-tag.is-round {
  padding: var(--ele-tag-round-padding);
  border-radius: var(--ele-tag-round-radius);
}

/* 小尺寸 */
.el-tag.el-tag--small {
  height: var(--ele-tag-sm-height);
  line-height: var(--ele-tag-sm-height);
  font-size: var(--ele-tag-sm-size);
  border-radius: var(--ele-tag-sm-radius);
}
.el-tag.el-tag--small .el-tag__close {
  font-size: var(--ele-tag-sm-close-size);
  margin: var(--ele-tag-sm-close-margin);
  padding: var(--ele-tag-sm-close-padding);
  border-radius: var(--ele-tag-sm-close-radius);
}

span.el-tag.el-tag--small {
  padding: var(--ele-tag-sm-padding);
}

.el-tag.el-tag--small.is-round {
  padding: var(--ele-tag-sm-round-padding);
  border-radius: var(--ele-tag-sm-round-radius);
}

/* 大尺寸 */
.el-tag.el-tag--large {
  height: var(--ele-tag-lg-height);
  font-size: var(--ele-tag-lg-size);
  border-radius: var(--ele-tag-lg-radius);
}
.el-tag.el-tag--large .el-tag__close {
  font-size: var(--ele-tag-lg-close-size);
  margin: var(--ele-tag-lg-close-margin);
  padding: var(--ele-tag-lg-close-padding);
  border-radius: var(--ele-tag-lg-close-radius);
}

span.el-tag.el-tag--large {
  padding: var(--ele-tag-lg-padding);
}

.el-tag.el-tag--large.is-round {
  padding: var(--ele-tag-lg-round-padding);
  border-radius: var(--ele-tag-lg-round-radius);
}

/* 椭圆风格关闭按钮圆角 */
.el-tag.is-round .el-tag__close {
  border-radius: 50%;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElTree 主题变量 */
.el-tree {
  --ele-tree-item-height: 30px;
  --ele-tree-item-line-height: 16px;
  --ele-tree-item-margin: 2px;
  --ele-tree-item-padding: 0 16px;
  --ele-tree-item-radius: 0px;
  --ele-tree-item-active-color: var(--el-color-primary);
  --ele-tree-item-active-weight: normal;
  --ele-tree-item-active-bg: var(--el-color-primary-light-9);
  --ele-tree-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-tree-expand-size: 12px;
  --ele-tree-expand-padding: 3px;
  --ele-tree-expand-margin: 0 2px 0 4px;
  --ele-tree-expand-radius: var(--el-border-radius-small);
  --ele-tree-expand-hover-bg: transparent;
}

/* Tree */
body .el-tree {
  background: none;
}

.el-tree .el-tree-node {
  padding-top: var(--ele-tree-item-margin);
  box-sizing: border-box;
}
.el-tree > .el-tree-node:first-child {
  padding-top: 0;
}
.el-tree .el-tree-node__content {
  height: var(--ele-tree-item-height);
  padding: var(--ele-tree-item-padding);
  border-radius: var(--ele-tree-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon {
  flex-shrink: 0;
  width: auto;
  height: auto;
  transform: none;
  box-sizing: border-box;
  margin: var(--ele-tree-expand-margin);
  padding: var(--ele-tree-expand-padding);
  border-radius: var(--ele-tree-expand-radius);
  font-size: var(--ele-tree-expand-size);
  transition: background-color 0.2s;
  z-index: 4;
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon > svg {
  transition: transform 0.3s;
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon.expanded > svg {
  transform: rotate(90deg);
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon:hover {
  background: var(--ele-tree-expand-hover-bg);
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon.is-leaf {
  pointer-events: none;
}
.el-tree .el-tree-node__content > .el-checkbox {
  flex-shrink: 0;
}
.el-tree .el-tree-node__content > .el-tree-node__label {
  flex: 1;
  line-height: var(--ele-tree-item-line-height);
  transition: color 0.2s;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}
.el-tree.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: var(--ele-tree-item-active-bg);
}
.el-tree.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .el-tree-node__label {
  color: var(--ele-tree-item-active-color);
  font-weight: var(--ele-tree-item-active-weight);
}
.el-tree.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content:hover {
  background: var(--ele-tree-item-active-hover-bg);
}
.el-tree {
  /* TreeV2 */
}
.el-tree .el-vl__wrapper {
  box-sizing: border-box;
}
.el-tree .el-vl__wrapper > .el-virtual-scrollbar {
  margin: auto 0;
}
.el-tree .el-vl__wrapper .el-tree-node {
  padding-top: 0;
  padding-bottom: var(--ele-tree-item-margin);
}
.el-tree .el-vl__wrapper .el-tree-node__content {
  height: 100% !important;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* ElTreeSelect 主题变量 */
.el-tree-select__popper {
  --ele-tree-select-padding: 6px 0;
  --ele-tree-select-item-disabled-color: var(--el-disabled-text-color);
}

/* TreeSelect */
.el-tree-select__popper .el-select-dropdown__wrap .el-select-dropdown__list {
  margin: 0 !important;
  padding: var(--ele-tree-select-padding) !important;
}
.el-tree-select__popper .el-tree {
  background: none;
}
.el-tree-select__popper .el-tree-node__content {
  position: relative;
  z-index: 0;
}
.el-tree-select__popper .el-tree-node__content .el-select-dropdown__item {
  height: auto;
  line-height: var(--ele-tree-item-line-height);
  padding: 0;
  border-radius: 0;
  position: static;
}
.el-tree-select__popper .el-tree-node__content .el-select-dropdown__item::before {
  content: "";
  border-radius: var(--ele-tree-item-radius);
  transition: background-color 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.el-tree-select__popper .el-tree-node__content > .el-checkbox + .el-select-dropdown__item::before, .el-tree-select__popper .el-tree-node__content > .el-checkbox + .el-tree-node__loading-icon + .el-select-dropdown__item::before {
  display: none;
}
.el-tree-select__popper .el-tree-node__content:has(> .el-select-dropdown__item.is-disabled) {
  cursor: not-allowed;
}
.el-tree-select__popper .el-tree .el-tree-node > .el-tree-node__content .el-select-dropdown__item {
  color: inherit;
  font-weight: normal;
}
.el-tree-select__popper {
  /* 选中 */
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.selected,
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.is-selected {
  color: var(--ele-tree-item-active-color);
  font-weight: var(--ele-tree-item-active-weight);
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.selected::before,
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.is-selected::before {
  background: var(--ele-tree-item-active-bg);
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content:hover .el-select-dropdown__item.selected::before, .el-tree-select__popper .el-tree-node > .el-tree-node__content:hover .el-select-dropdown__item.is-selected::before {
  background: var(--ele-tree-item-active-hover-bg);
}
.el-tree-select__popper {
  /* 有复选框时去掉文本选中效果 */
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content > .el-checkbox + .el-select-dropdown__item,
.el-tree-select__popper .el-tree-node__content > .el-checkbox + .el-tree-node__loading-icon + .el-select-dropdown__item {
  color: inherit;
  font-weight: normal;
}
.el-tree-select__popper {
  /* 有复选框时去掉右侧选中图标 */
}
.el-tree-select__popper .el-tree-node.is-checked > .el-tree-node__content > .el-select-dropdown__item.is-selected::after {
  display: none;
}
.el-tree-select__popper {
  /* 禁用 */
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.is-disabled {
  color: var(--ele-tree-select-item-disabled-color);
}
.el-tree-select__popper .el-tree-node > .el-tree-node__content .el-select-dropdown__item.is-disabled::before {
  display: none;
}
.el-tree-select__popper {
  /* 行点击高亮时去掉模拟背景的伪元素 */
}
.el-tree-select__popper .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .el-select-dropdown__item::before {
  display: none;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
:root {
  --ele-scrollbar-size: 10px;
  --ele-scrollbar-radius: 6px;
  --ele-scrollbar-padding: 2px;
  --ele-scrollbar-color: #cfcfcf;
  --ele-scrollbar-hover-color: #b6b6b6;
  --ele-scrollbar-bg: transparent;
}

@media (hover: hover) and (pointer: fine) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--ele-scrollbar-color) var(--ele-scrollbar-bg);
  }
  ::-webkit-scrollbar {
    width: var(--ele-scrollbar-size);
    height: var(--ele-scrollbar-size);
  }
  ::-webkit-scrollbar-thumb {
    border: var(--ele-scrollbar-padding) solid transparent;
    border-radius: var(--ele-scrollbar-radius);
    background-color: var(--ele-scrollbar-color);
    background-clip: padding-box;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--ele-scrollbar-hover-color);
  }
  ::-webkit-scrollbar-track {
    background: var(--ele-scrollbar-bg);
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
  html.is-webkit,
  html.is-webkit * {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 表单组件宽度撑满 */
.ele-fluid {
  width: 100%;
  box-sizing: border-box;
}
.ele-fluid.el-select, .ele-fluid.el-input-number, .ele-fluid.el-date-editor, .ele-fluid.el-date-editor.el-input, .ele-fluid.el-date-editor.el-input__wrapper, .ele-fluid.el-date-editor > .el-input__wrapper {
  width: 100%;
  box-sizing: border-box;
}
.ele-fluid {
  /* 日期选择 */
}
.ele-fluid.el-date-editor.el-input__wrapper {
  width: 100%;
  box-sizing: border-box;
}
.ele-fluid.el-date-editor .el-range-input {
  flex: 1;
  width: 100%;
}
.ele-fluid.el-date-editor .el-range-separator {
  flex: 0;
}
.ele-fluid.el-date-editor > .el-input__icon {
  flex-shrink: 0;
}
.ele-fluid {
  /* 数字输入框 */
}
.ele-fluid.el-input-number.is-controls-right .el-input__inner {
  text-align: left;
}

/* 隐藏滚动条 */
.ele-scrollbar-hide,
.ele-scrollbar-hover:not(:hover) {
  scrollbar-width: none;
}
.ele-scrollbar-hide::-webkit-scrollbar,
.ele-scrollbar-hover:not(:hover)::-webkit-scrollbar {
  display: none;
}

.ele-scrollbar-hover {
  overflow: auto;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-badge {
  --el-badge-bg-color: var(--el-color-danger);
  --el-badge-radius: 10px;
  --el-badge-font-size: 12px;
  --el-badge-padding: 6px;
  --el-badge-size: 18px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: fit-content;
}
.el-badge__content {
  background-color: var(--el-badge-bg-color);
  border-radius: var(--el-badge-radius);
  color: var(--el-color-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-badge-font-size);
  height: var(--el-badge-size);
  padding: 0 var(--el-badge-padding);
  white-space: nowrap;
  border: 1px solid var(--el-bg-color);
}
.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: calc(1px + var(--el-badge-size) / 2);
  transform: translateY(-50%) translateX(100%);
  z-index: var(--el-index-normal);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}

.el-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}

.el-badge__content.is-hide-zero {
  display: none;
}

.el-badge__content--primary {
  background-color: var(--el-color-primary);
}

.el-badge__content--success {
  background-color: var(--el-color-success);
}

.el-badge__content--warning {
  background-color: var(--el-color-warning);
}

.el-badge__content--info {
  background-color: var(--el-color-info);
}

.el-badge__content--danger {
  background-color: var(--el-color-danger);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-message {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-border-color-lighter);
  --el-message-padding: 11px 15px;
  --el-message-close-size: 16px;
  --el-message-close-icon-color: var(--el-text-color-placeholder);
  --el-message-close-hover-color: var(--el-text-color-secondary);
}

.el-message {
  width: max-content;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  border-radius: var(--el-border-radius-base);
  border-width: var(--el-border-width);
  border-style: var(--el-border-style);
  border-color: var(--el-message-border-color);
  position: fixed;
  background-color: var(--el-message-bg-color);
  transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s, bottom 0.4s;
  padding: var(--el-message-padding);
  display: flex;
  align-items: center;
  gap: 8px;
}
.el-message.is-left {
  left: 16px;
}
.el-message.is-right {
  right: 16px;
}
.el-message.is-center {
  left: 50%;
  transform: translateX(-50%);
}
.el-message.is-plain {
  background-color: var(--el-bg-color-overlay);
  border-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}

.el-message p {
  margin: 0;
}
.el-message--primary {
  --el-message-bg-color: var(--el-color-primary-light-9);
  --el-message-border-color: var(--el-color-primary-light-8);
  --el-message-text-color: var(--el-color-primary);
}
.el-message--primary .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--primary {
  color: var(--el-message-text-color);
}
.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-9);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
}
.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--success {
  color: var(--el-message-text-color);
}
.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
}
.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--info {
  color: var(--el-message-text-color);
}
.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-9);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
}
.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--warning {
  color: var(--el-message-text-color);
}
.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-9);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
}
.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}

.el-message .el-message-icon--error {
  color: var(--el-message-text-color);
}
.el-message .el-message__badge {
  position: absolute;
  top: -8px;
  right: -8px;
}
.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.el-message__content:focus {
  outline-width: 0;
}

.el-message .el-message__closeBtn {
  cursor: pointer;
  color: var(--el-message-close-icon-color);
  font-size: var(--el-message-close-size);
}
.el-message .el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn:hover {
  color: var(--el-message-close-hover-color);
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
  opacity: 0;
}
.el-message-fade-enter-from.is-left, .el-message-fade-enter-from.is-right,
.el-message-fade-leave-to.is-left,
.el-message-fade-leave-to.is-right {
  transform: translateY(-100%);
}
.el-message-fade-enter-from.is-left.is-bottom, .el-message-fade-enter-from.is-right.is-bottom,
.el-message-fade-leave-to.is-left.is-bottom,
.el-message-fade-leave-to.is-right.is-bottom {
  transform: translateY(100%);
}
.el-message-fade-enter-from.is-center,
.el-message-fade-leave-to.is-center {
  transform: translate(-50%, -100%);
}
.el-message-fade-enter-from.is-center.is-bottom,
.el-message-fade-leave-to.is-center.is-bottom {
  transform: translate(-50%, 100%);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 消息提示主题变量 */
.ele-message {
  --ele-message-color: var(--el-text-color-regular);
  --ele-message-size: var(--el-font-size-base);
  --ele-message-space: 16px;
  --ele-message-padding: 12px 14px;
  --ele-message-radius: var(--el-border-radius-base);
  --ele-message-shadow: var(--el-box-shadow-light);
  --ele-message-icon-size: var(--el-font-size-large);
  --ele-message-icon-margin: 0 8px 0 0;
  --ele-message-close-size: 18px;
  --ele-message-close-margin: 0 -4px 0 8px;
  --ele-message-close-radius: var(--el-border-radius-small);
  --ele-message-close-font-size: var(--el-font-size-base);
  --ele-message-close-color: var(--el-text-color-placeholder);
  --ele-message-close-hover-color: var(--el-text-color-primary);
  --ele-message-close-hover-bg: transparent;
  --ele-message-plain-bg: var(--el-bg-color-overlay);
  --ele-message-alert-padding: 10px 14px;
  --ele-message-mask-color: var(--el-overlay-color-lighter);
  --ele-message-index: calc(var(--el-index-popper) + 2002);
  --ele-message-bg: linear-gradient(transparent 0, transparent 0);
}

.ele-message.el-message {
  gap: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  width: max-content;
  pointer-events: auto;
  align-items: flex-start;
  margin: 0 auto var(--ele-message-space) auto;
  transition: margin-bottom 0.2s;
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none;
  opacity: 1;
}
.ele-message.el-message > .el-message__content {
  display: none;
}
.ele-message.el-message {
  /* 徽章 */
}
.ele-message.el-message > .el-message__badge {
  position: relative;
  top: auto;
  right: auto;
  width: 0;
  height: 0;
  overflow: visible;
  order: 2;
  z-index: calc(var(--ele-message-index) + 2);
  transition: margin-top 0.4s, transform var(--el-transition-duration), opacity var(--el-transition-duration);
}
.ele-message.el-message > .el-message__badge > .el-badge__content {
  position: absolute;
  top: 8px;
  right: -8px;
  transform: translateY(-100%);
}
.ele-message.el-message {
  /* 主体 */
}
.ele-message.el-message > .el-message__icon {
  width: auto;
  height: auto;
  max-width: 100%;
  line-height: normal;
  font-style: normal;
  display: flex;
  flex-shrink: 0;
  color: var(--ele-message-color);
  font-size: var(--ele-message-size);
  padding: var(--ele-message-padding);
  box-shadow: var(--ele-message-shadow);
  border-radius: var(--ele-message-radius);
  background: var(--el-color-primary-light-9);
  background: linear-gradient(transparent 0, var(--el-color-primary-light-9) 0), var(--ele-message-bg);
  border: 0 solid var(--el-color-primary-light-8);
  z-index: calc(var(--ele-message-index) + 1);
  transition: margin-top 0.4s, transform var(--el-transition-duration), opacity var(--el-transition-duration);
  box-sizing: border-box;
  position: relative;
}

.ele-message + .ele-message {
  margin-top: 0 !important;
}

/* 图标 */
.ele-message-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--el-color-primary);
  font-size: var(--ele-message-icon-size);
  margin: var(--ele-message-icon-margin);
}

/* 关闭按钮 */
.ele-message-close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-message-close-size);
  height: var(--ele-message-close-size);
  line-height: var(--ele-message-close-size);
  color: var(--ele-message-close-color);
  font-size: var(--ele-message-close-font-size);
  margin: var(--ele-message-close-margin);
  border-radius: var(--ele-message-close-radius);
  transition: color 0.2s, background-color 0.2s;
  cursor: pointer;
}
.ele-message-close:hover {
  color: var(--ele-message-close-hover-color);
  background: var(--ele-message-close-hover-bg);
}

/* 情景色类型 */
.ele-message.el-message--success > .el-message__icon {
  background: var(--el-color-success-light-9);
  background: linear-gradient(transparent 0, var(--el-color-success-light-9) 0), var(--ele-message-bg);
  border-color: var(--el-color-success-light-7);
}
.ele-message.el-message--success > .el-message__icon > .ele-message-icon {
  color: var(--el-color-success);
}

.ele-message.el-message--warning > .el-message__icon {
  background: var(--el-color-warning-light-9);
  background: linear-gradient(transparent 0, var(--el-color-warning-light-9) 0), var(--ele-message-bg);
  border-color: var(--el-color-warning-light-7);
}
.ele-message.el-message--warning > .el-message__icon > .ele-message-icon {
  color: var(--el-color-warning);
}

.ele-message.el-message--error > .el-message__icon {
  background: var(--el-color-error-light-9);
  background: linear-gradient(transparent 0, var(--el-color-error-light-9) 0), var(--ele-message-bg);
  border-color: var(--el-color-error-light-7);
}
.ele-message.el-message--error > .el-message__icon > .ele-message-icon {
  color: var(--el-color-error);
}

.ele-message.el-message--info > .el-message__badge > .el-badge__content,
.ele-message.is-loading > .el-message__badge > .el-badge__content {
  background: var(--el-color-primary);
}

/* 简约风格 */
.ele-message.is-plain.el-message {
  background: none;
  box-shadow: none;
}

.ele-message.is-plain > .el-message__icon,
.ele-message.is-plain-alert > .el-message__icon {
  background: var(--ele-message-plain-bg);
}

/* 彩色风格 */
.ele-message.is-alert > .el-message__icon {
  color: var(--el-color-primary);
  padding: var(--ele-message-alert-padding);
  border-width: 1px;
  box-shadow: none;
}

.ele-message.is-plain-alert > .el-message__icon {
  color: var(--el-color-primary);
}

.el-message--success.is-alert > .el-message__icon,
.el-message--success.is-plain-alert > .el-message__icon {
  color: var(--el-color-success);
}

.el-message--warning.is-alert > .el-message__icon,
.el-message--warning.is-plain-alert > .el-message__icon {
  color: var(--el-color-warning);
}

.el-message--error.is-alert > .el-message__icon,
.el-message--error.is-plain-alert > .el-message__icon {
  color: var(--el-color-error);
}

/* 加载框 */
.ele-message.is-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity var(--el-transition-duration);
  z-index: var(--ele-message-index);
}

/* 遮罩 */
.ele-message.is-show-mask::before {
  background: var(--ele-message-mask-color);
}

/* 居中 */
.ele-message.is-centered {
  margin: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  align-items: center;
  justify-content: center;
}
.ele-message.is-centered.el-message-fade-enter-from > .el-message__icon, .ele-message.is-centered.el-message-fade-leave-to > .el-message__icon {
  transform: scale(0.6);
  margin-top: 0;
}

/* 进入和关闭动画 */
.ele-message.el-message-fade-enter-from,
.ele-message.el-message-fade-leave-to {
  margin-bottom: 0;
}
.ele-message.el-message-fade-enter-from > .el-message__icon, .ele-message.el-message-fade-enter-from > .el-message__badge,
.ele-message.el-message-fade-leave-to > .el-message__icon,
.ele-message.el-message-fade-leave-to > .el-message__badge {
  opacity: 0;
  margin-top: -88px;
}
.ele-message.el-message-fade-enter-from::before,
.ele-message.el-message-fade-leave-to::before {
  opacity: 0;
}

/* 容器 */
.ele-message-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
}
.ele-message-wrapper > .ele-message:first-child {
  margin-top: var(--ele-message-space);
}
.ele-message-wrapper.is-hide {
  display: none;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
:root {
  --el-popup-modal-bg-color: var(--el-color-black);
  --el-popup-modal-opacity: 0.5;
}

.v-modal-enter {
  animation: v-modal-in var(--el-transition-duration-fast) ease;
}

.v-modal-leave {
  animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--el-popup-modal-opacity);
  background: var(--el-popup-modal-bg-color);
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  --el-dialog-width: 50%;
  --el-dialog-margin-top: 15vh;
  --el-dialog-bg-color: var(--el-bg-color);
  --el-dialog-box-shadow: var(--el-box-shadow);
  --el-dialog-title-font-size: var(--el-font-size-large);
  --el-dialog-content-font-size: 14px;
  --el-dialog-font-line-height: var(--el-font-line-height-primary);
  --el-dialog-padding-primary: 16px;
  --el-dialog-border-radius: var(--el-border-radius-base);
  position: relative;
  margin: var(--el-dialog-margin-top, 15vh) auto 50px;
  background: var(--el-dialog-bg-color);
  border-radius: var(--el-dialog-border-radius);
  box-shadow: var(--el-dialog-box-shadow);
  box-sizing: border-box;
  padding: var(--el-dialog-padding-primary);
  width: var(--el-dialog-width, 50%);
  overflow-wrap: break-word;
}
.el-dialog:focus {
  outline: none !important;
}
.el-dialog.is-align-center {
  margin: auto;
}

.el-dialog.is-fullscreen {
  --el-dialog-width: 100%;
  --el-dialog-margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
  border-radius: 0px;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.el-dialog.is-draggable .el-dialog__header {
  cursor: move;
  user-select: none;
}

.el-dialog__header {
  padding-bottom: var(--el-dialog-padding-primary);
}
.el-dialog__header.show-close {
  padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));
}

.el-dialog__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
}
.el-dialog__headerbtn .el-dialog__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--el-color-primary);
}

.el-dialog__title {
  line-height: var(--el-dialog-font-line-height);
  font-size: var(--el-dialog-title-font-size);
  color: var(--el-text-color-primary);
}

.el-dialog__body {
  color: var(--el-text-color-regular);
  font-size: var(--el-dialog-content-font-size);
}

.el-dialog__footer {
  padding-top: var(--el-dialog-padding-primary);
  text-align: right;
  box-sizing: border-box;
}

.el-dialog--center {
  text-align: center;
}
.el-dialog--center .el-dialog__body {
  text-align: initial;
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}

.el-modal-dialog.is-penetrable {
  pointer-events: none;
}
.el-modal-dialog.is-penetrable .el-dialog {
  pointer-events: auto;
}

.el-overlay-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.el-overlay-dialog.is-closing .el-dialog {
  pointer-events: none;
}

.dialog-fade-enter-active {
  animation: modal-fade-in var(--el-transition-duration);
}
.dialog-fade-enter-active .el-overlay-dialog {
  animation: dialog-fade-in var(--el-transition-duration);
}

.dialog-fade-leave-active {
  animation: modal-fade-out var(--el-transition-duration);
}
.dialog-fade-leave-active .el-overlay-dialog {
  animation: dialog-fade-out var(--el-transition-duration);
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
@keyframes modal-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
:root {
  --el-loading-spinner-size: 42px;
  --el-loading-fullscreen-spinner-size: 50px;
}

.el-loading-parent--relative {
  position: relative !important;
}

.el-loading-parent--hidden {
  overflow: hidden !important;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: var(--el-mask-color);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity var(--el-transition-duration);
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2);
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: var(--el-loading-fullscreen-spinner-size);
  width: var(--el-loading-fullscreen-spinner-size);
}

.el-loading-spinner {
  top: 50%;
  margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-spinner .el-loading-text {
  color: var(--el-color-primary);
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner .circular {
  display: inline;
  height: var(--el-loading-spinner-size);
  width: var(--el-loading-spinner-size);
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--el-color-primary);
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: var(--el-color-primary);
}

.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 加载中主题变量 */
.ele-loading {
  --ele-loading-bg: var(--el-mask-color);
  --ele-loading-size: 19px;
  --ele-loading-space: 5px;
  --ele-loading-index: 2000;
  --ele-loading-transition: none;
  --ele-loading-sm-size: 13px;
  --ele-loading-sm-space: 3px;
  --ele-loading-lg-size: 29px;
  --ele-loading-lg-space: 8px;
}

.ele-loading {
  box-sizing: border-box;
}

.ele-loading-show {
  position: relative;
}

.ele-loading-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--ele-loading-bg);
  z-index: var(--ele-loading-index);
  transition: var(--ele-loading-transition);
}
.ele-loading-spinner:not(.ele-loading-spinner-show) {
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 模糊背景 */
.ele-loading-blur.ele-loading-spinner-show {
  backdrop-filter: blur(2px);
}

/* 文本 */
.ele-loading-text {
  color: var(--el-color-primary);
  font-size: var(--el-font-size-base);
  margin-top: 10px;
  text-align: center;
}

/* 圆点风格 */
.ele-loading-dot {
  width: var(--ele-loading-size);
  height: var(--ele-loading-size);
  display: grid;
  grid-gap: var(--ele-loading-space);
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  transform: rotate(45deg);
  animation: eleloadingRotate 1.2s infinite linear;
}
.ele-loading-dot > i {
  background: var(--el-color-primary);
  border-radius: 50%;
}
.ele-loading-dot > i:nth-child(2) {
  background: var(--el-color-primary-light-3);
}
.ele-loading-dot > i:nth-child(3) {
  background: var(--el-color-primary-light-7);
}
.ele-loading-dot > i:nth-child(4) {
  background: var(--el-color-primary-light-8);
}

@keyframes eleloadingRotate {
  to {
    transform: rotate(405deg);
  }
}
/* 小型尺寸 */
.ele-loading-small .ele-loading-dot {
  width: var(--ele-loading-sm-size);
  height: var(--ele-loading-sm-size);
  grid-gap: var(--ele-loading-sm-space);
}

/* 大型尺寸 */
.ele-loading-large .ele-loading-dot {
  width: var(--ele-loading-lg-size);
  height: var(--ele-loading-lg-size);
  grid-gap: var(--ele-loading-lg-space);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 弹窗主题变量 */
.ele-modal {
  --ele-modal-bg: var(--el-bg-color);
  --ele-modal-radius: var(--el-border-radius-base);
  --ele-modal-header-color: var(--el-text-color-primary);
  --ele-modal-header-font-size: var(--el-font-size-medium);
  --ele-modal-header-font-weight: normal;
  --ele-modal-header-line-height: 24px;
  --ele-modal-header-padding: 14px 20px;
  --ele-modal-header-border: 1px solid var(--el-border-color-light);
  --ele-modal-icon-size: 22px;
  --ele-modal-icon-font-size: 16px;
  --ele-modal-icon-color: var(--el-text-color-secondary);
  --ele-modal-icon-hover-color: var(--el-text-color-primary);
  --ele-modal-icon-hover-bg: transparent;
  --ele-modal-icon-radius: var(--el-border-radius-small);
  --ele-modal-icon-space: 8px;
  --ele-modal-body-padding: 24px 22px;
  --ele-modal-form-body-padding: 24px 22px 12px 20px;
  --ele-modal-footer-padding: 10px 20px;
  --ele-modal-footer-border: 1px solid var(--el-border-color-light);
  --ele-modal-fullscreen-border: 1px solid var(--el-border-color-light);
  --ele-modal-default-overflow: auto;
  --ele-modal-mobile-space: 16px;
  --ele-modal-bordered-header-padding: 14px 20px;
  --ele-modal-bordered-header-border: 1px solid var(--el-border-color-light);
  --ele-modal-bordered-footer-padding: 10px 20px;
  --ele-modal-bordered-footer-border: 1px solid var(--el-border-color-light);
}

.ele-modal.el-overlay {
  height: auto;
}
.ele-modal > .el-overlay-dialog {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.ele-modal > .el-overlay-dialog > .el-dialog {
  flex-shrink: 0;
  padding: 0;
  margin: auto;
  background: var(--ele-modal-bg);
  border-radius: var(--ele-modal-radius);
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: column;
}
.ele-modal > .el-overlay-dialog > .el-dialog > .el-dialog__header, .ele-modal > .el-overlay-dialog > .el-dialog > .el-dialog__footer {
  flex-shrink: 0;
  border: none;
  padding: 0;
  margin: 0;
}
.ele-modal > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  flex: auto;
  padding: 0;
  color: inherit;
  font-size: inherit;
}
.ele-modal.dialog-fade-enter-active .el-overlay-dialog *, .ele-modal.dialog-fade-leave-active .el-overlay-dialog * {
  pointer-events: none !important;
}

/* header */
.ele-modal-header {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--ele-modal-header-padding);
  border-bottom: var(--ele-modal-header-border);
}

.ele-modal-title {
  flex: 1;
  color: var(--ele-modal-header-color);
  font-size: var(--ele-modal-header-font-size);
  line-height: var(--ele-modal-header-line-height);
  font-weight: var(--ele-modal-header-font-weight);
  box-sizing: border-box;
}

/* 强制显示头部边框 */
.ele-modal-show-header-border > .el-dialog__header > .ele-modal-header {
  padding: var(--ele-modal-bordered-header-padding);
  border-bottom: var(--ele-modal-bordered-header-border);
}

/* 强制显示底部边框 */
.ele-modal-show-footer-border > .el-dialog__footer > .ele-modal-footer {
  padding: var(--ele-modal-bordered-footer-padding);
  border-top: var(--ele-modal-bordered-footer-border);
}

/* 图标按钮 */
.ele-modal-tool {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-modal-icon-size);
  height: var(--ele-modal-icon-size);
  line-height: var(--ele-modal-icon-size);
  color: var(--ele-modal-icon-color);
  font-size: var(--ele-modal-icon-font-size);
  border-radius: var(--ele-modal-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}
.ele-modal-tool:hover {
  color: var(--ele-modal-icon-hover-color);
  background: var(--ele-modal-icon-hover-bg);
}
.ele-modal-tool + .ele-modal-tool {
  margin-left: var(--ele-modal-icon-space);
}

/* body */
.ele-modal-body {
  padding: var(--ele-modal-body-padding);
  box-sizing: border-box;
}
.ele-modal-body.is-form {
  padding: var(--ele-modal-form-body-padding);
}
.ele-modal-body + .ele-loading-spinner {
  border-radius: var(--ele-modal-radius);
}

/* footer */
.ele-modal-footer {
  padding: var(--ele-modal-footer-padding);
  border-top: var(--ele-modal-footer-border);
  box-sizing: border-box;
}

/* 默认位置 */
.ele-modal-top > .el-overlay-dialog > .el-dialog {
  margin: 0;
}

.ele-modal-bottom > .el-overlay-dialog > .el-dialog {
  margin: auto auto 0 auto;
}

.ele-modal-left > .el-overlay-dialog > .el-dialog {
  margin: auto auto auto 0;
}

.ele-modal-right > .el-overlay-dialog > .el-dialog {
  margin: auto 0 auto auto;
}

.ele-modal-left-top > .el-overlay-dialog > .el-dialog {
  margin: 0 auto 0 0;
}

.ele-modal-left-bottom > .el-overlay-dialog > .el-dialog {
  margin: auto auto 0 0;
}

.ele-modal-right-top > .el-overlay-dialog > .el-dialog {
  margin: 0 0 0 auto;
}

.ele-modal-right-bottom > .el-overlay-dialog > .el-dialog {
  margin: auto 0 0 auto;
}

/* 支持拖拽 */
.ele-modal-movable > .el-overlay-dialog > .el-dialog > .el-dialog__header {
  cursor: move;
  user-select: none;
}

/* 支持拉伸 */
.ele-modal-resize-icon {
  position: absolute;
  right: 2px;
  bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ele-modal-icon-color);
  font-size: 12px;
  cursor: se-resize;
}
.ele-modal-resize-icon.is-horizontal {
  cursor: e-resize;
}
.ele-modal-resize-icon.is-vertical {
  cursor: s-resize;
}

.ele-modal-fluid > .el-overlay-dialog > .el-dialog > .el-dialog__body,
.ele-modal-resizable > .el-overlay-dialog > .el-dialog > .el-dialog__body,
.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  overflow: var(--ele-modal-default-overflow);
}

/* 全屏 */
.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog {
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  max-width: none !important;
  min-width: auto !important;
  max-height: none !important;
  min-height: auto !important;
  border-radius: 0 !important;
}
.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog > .el-dialog__header {
  cursor: default;
}
.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog > .el-dialog__header > .ele-modal-resize-icon {
  display: none;
}

/* 同时打开多个 */
.ele-modal-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
  z-index: var(--el-index-popper);
  overflow: hidden;
}

.ele-modal-multiple {
  pointer-events: none !important;
  position: absolute !important;
}
.ele-modal-multiple > .el-overlay-dialog {
  pointer-events: none;
  overflow: hidden;
}
.ele-modal-multiple > .el-overlay-dialog > .el-dialog {
  pointer-events: auto;
}

/* 失活状态 */
.ele-modal-hide {
  display: none !important;
}

/* 最大高度适应屏幕 */
.ele-modal-fluid > .el-overlay-dialog > .el-dialog {
  max-height: calc(100% - var(--ele-modal-mobile-space) * 2);
}

/* 最大宽度适应屏幕 */
.ele-modal-responsive > .el-overlay-dialog > .el-dialog {
  max-width: calc(100% - var(--ele-modal-mobile-space) * 2);
}

/* 限制在主体区域 */
.ele-admin-modals > .ele-modal {
  pointer-events: auto;
  position: absolute !important;
}

/* 内容异步组件加载状态 */
.ele-modal-comp-loading > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  min-height: 128px;
}
.ele-modal-comp-loading > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-loading {
  background: none;
  pointer-events: none;
}

/* 内部表格弹性布局 */
.ele-modal-flex-table > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-modal-flex-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ele-modal-flex-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-pro-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-modal-flex-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-pro-table > .ele-pro-table-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.ele-modal-flex-auto-table > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-modal-flex-auto-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-modal-flex-auto-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-modal-flex-auto-table > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}

/* 在内容区添加自定义底栏 */
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-modal-custom-footer, .ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-buttons.is-modal-footer {
  flex-shrink: 0;
  padding: var(--ele-modal-footer-padding);
  border-top: var(--ele-modal-footer-border);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .ele-modal-custom-body, .ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body > .el-form {
  flex: 1;
  box-sizing: border-box;
  padding: var(--ele-modal-body-padding);
  overflow: auto;
}
.ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body.is-form > .ele-modal-custom-body, .ele-modal-custom-footer > .el-overlay-dialog > .el-dialog > .el-dialog__body > .ele-modal-body.is-form > .el-form {
  padding: var(--ele-modal-form-body-padding);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-overlay.is-drawer {
  overflow: hidden;
}

.el-drawer {
  --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
  --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
  --el-drawer-dragger-size: 8px;
}

.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: var(--el-drawer-bg-color);
  display: flex;
  flex-direction: column;
  box-shadow: var(--el-box-shadow-dark);
  transition: all var(--el-transition-duration);
}
.el-drawer .rtl {
  transform: translate(0, 0);
}
.el-drawer .ltr {
  transform: translate(0, 0);
}
.el-drawer .ttb {
  transform: translate(0, 0);
}
.el-drawer .btt {
  transform: translate(0, 0);
}
.el-drawer__sr-focus:focus {
  outline: none !important;
}
.el-drawer__header {
  align-items: center;
  color: var(--el-text-color-primary);
  display: flex;
  margin-bottom: 32px;
  padding: var(--el-drawer-padding-primary);
  padding-bottom: 0;
  overflow: hidden;
}
.el-drawer__header > :first-child {
  flex: 1;
}
.el-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 16px;
}
.el-drawer__footer {
  padding: var(--el-drawer-padding-primary);
  padding-top: 10px;
  text-align: right;
  overflow: hidden;
}

.el-drawer__close-btn {
  display: inline-flex;
  border: none;
  cursor: pointer;
  font-size: var(--el-font-size-extra-large);
  color: inherit;
  background-color: transparent;
  outline: none;
}
.el-drawer__close-btn:focus i, .el-drawer__close-btn:hover i {
  color: var(--el-color-primary);
}
.el-drawer__body {
  flex: 1;
  padding: var(--el-drawer-padding-primary);
  overflow: auto;
}
.el-drawer__body > * {
  box-sizing: border-box;
}
.el-drawer.is-dragging {
  transition: none;
}

.el-drawer__dragger {
  position: absolute;
  background-color: transparent;
  user-select: none;
  transition: all 0.2s;
}
.el-drawer__dragger::before {
  content: "";
  position: absolute;
  background-color: transparent;
  transition: all 0.2s;
}
.el-drawer__dragger:hover::before {
  background-color: var(--el-color-primary);
}

.el-drawer.ltr, .el-drawer.rtl {
  height: 100%;
  top: 0;
  bottom: 0;
}
.el-drawer.ltr > .el-drawer__dragger, .el-drawer.rtl > .el-drawer__dragger {
  height: 100%;
  width: var(--el-drawer-dragger-size);
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.el-drawer.ltr > .el-drawer__dragger::before, .el-drawer.rtl > .el-drawer__dragger::before {
  top: 0;
  bottom: 0;
  width: 3px;
}
.el-drawer.ttb, .el-drawer.btt {
  width: 100%;
  left: 0;
  right: 0;
}
.el-drawer.ttb > .el-drawer__dragger, .el-drawer.btt > .el-drawer__dragger {
  width: 100%;
  height: var(--el-drawer-dragger-size);
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.el-drawer.ttb > .el-drawer__dragger::before, .el-drawer.btt > .el-drawer__dragger::before {
  left: 0;
  right: 0;
  height: 3px;
}
.el-drawer.ltr {
  left: 0;
}
.el-drawer.ltr > .el-drawer__dragger {
  right: 0;
}
.el-drawer.ltr > .el-drawer__dragger::before {
  right: -2px;
}
.el-drawer.rtl {
  right: 0;
}
.el-drawer.rtl > .el-drawer__dragger {
  left: 0;
}
.el-drawer.rtl > .el-drawer__dragger::before {
  left: -2px;
}
.el-drawer.ttb {
  top: 0;
}
.el-drawer.ttb > .el-drawer__dragger {
  bottom: 0;
}
.el-drawer.ttb > .el-drawer__dragger::before {
  bottom: -2px;
}
.el-drawer.btt {
  bottom: 0;
}
.el-drawer.btt > .el-drawer__dragger {
  top: 0;
}
.el-drawer.btt > .el-drawer__dragger::before {
  top: -2px;
}

.el-modal-drawer.is-penetrable {
  pointer-events: none;
}
.el-modal-drawer.is-penetrable .el-drawer {
  pointer-events: auto;
}

.el-drawer-fade-enter-active, .el-drawer-fade-leave-active {
  transition: all var(--el-transition-duration);
}
.el-drawer-fade-enter-from, .el-drawer-fade-enter-active, .el-drawer-fade-enter-to, .el-drawer-fade-leave-from, .el-drawer-fade-leave-active, .el-drawer-fade-leave-to {
  overflow: hidden !important;
}
.el-drawer-fade-enter-from, .el-drawer-fade-leave-to {
  background-color: transparent !important;
}
.el-drawer-fade-enter-from .rtl, .el-drawer-fade-leave-to .rtl {
  transform: translateX(100%);
}
.el-drawer-fade-enter-from .ltr, .el-drawer-fade-leave-to .ltr {
  transform: translateX(-100%);
}
.el-drawer-fade-enter-from .ttb, .el-drawer-fade-leave-to .ttb {
  transform: translateY(-100%);
}
.el-drawer-fade-enter-from .btt, .el-drawer-fade-leave-to .btt {
  transform: translateY(100%);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 抽屉主题变量 */
.ele-drawer {
  --ele-drawer-bg: var(--el-bg-color);
  --ele-drawer-header-color: var(--el-text-color-primary);
  --ele-drawer-header-font-size: var(--el-font-size-medium);
  --ele-drawer-header-font-weight: normal;
  --ele-drawer-header-line-height: 24px;
  --ele-drawer-header-padding: 14px 16px;
  --ele-drawer-header-border: 1px solid var(--el-border-color-light);
  --ele-drawer-icon-size: 22px;
  --ele-drawer-icon-font-size: 16px;
  --ele-drawer-icon-color: var(--el-text-color-secondary);
  --ele-drawer-icon-hover-color: var(--el-text-color-primary);
  --ele-drawer-icon-hover-bg: transparent;
  --ele-drawer-icon-radius: var(--el-border-radius-small);
  --ele-drawer-body-padding: 20px;
  --ele-drawer-form-body-padding: 20px 20px 8px 16px;
  --ele-drawer-footer-padding: 10px 16px;
  --ele-drawer-footer-border: 1px solid var(--el-border-color-light);
}

/* 抽屉 */
.ele-drawer.el-drawer-fade-enter-active *, .ele-drawer.el-drawer-fade-leave-active * {
  pointer-events: none !important;
}
.ele-drawer.el-overlay {
  overflow: hidden;
}
.ele-drawer > .el-drawer {
  background: var(--ele-drawer-bg);
}
.ele-drawer > .el-drawer > .el-drawer__header {
  margin: 0;
  padding: 0;
  color: inherit;
  display: block;
  flex-shrink: 0;
  border: none;
}
.ele-drawer > .el-drawer > .el-drawer__body {
  padding: 0;
}
.ele-drawer > .el-drawer > .el-drawer__footer {
  padding: 0;
  flex-shrink: 0;
  border: none;
}

.ele-drawer-header {
  display: flex;
  align-items: center;
  padding: var(--ele-drawer-header-padding);
  border-bottom: var(--ele-drawer-header-border);
  box-sizing: border-box;
}

.ele-drawer-title {
  flex: 1;
  color: var(--ele-drawer-header-color);
  font-size: var(--ele-drawer-header-font-size);
  line-height: var(--ele-drawer-header-line-height);
  font-weight: var(--ele-drawer-header-font-weight);
  box-sizing: border-box;
}

.ele-drawer-close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ele-drawer-icon-size);
  height: var(--ele-drawer-icon-size);
  line-height: var(--ele-drawer-icon-size);
  color: var(--ele-drawer-icon-color);
  font-size: var(--ele-drawer-icon-font-size);
  border-radius: var(--ele-drawer-icon-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}
.ele-drawer-close:hover {
  color: var(--ele-drawer-icon-hover-color);
  background: var(--ele-drawer-icon-hover-bg);
}

.ele-drawer-body {
  padding: var(--ele-drawer-body-padding);
  box-sizing: border-box;
}
.ele-drawer-body.is-form {
  padding: var(--ele-drawer-form-body-padding);
}

.ele-drawer-footer {
  flex-shrink: 0;
  padding: var(--ele-drawer-footer-padding);
  border-top: var(--ele-drawer-footer-border);
  box-sizing: border-box;
}

/* 失活状态 */
.ele-drawer-hide {
  display: none !important;
}

/* 最大宽度适应屏幕 */
.ele-drawer-responsive > .el-drawer {
  max-width: 100%;
  max-height: 100%;
}

/* 限制在主体区域 */
.ele-admin-modals > .ele-drawer {
  height: auto;
  pointer-events: auto;
  position: absolute !important;
}
.ele-admin-modals > .ele-drawer:not(.el-drawer-fade-leave-active):not(.el-drawer-fade-enter-active) {
  transition: width 0.2s, left 0.2s;
}

/* 内容异步组件加载状态 */
.ele-drawer-comp-loading > .el-drawer > .el-drawer__body > .ele-loading {
  background: none;
  pointer-events: none;
}

/* 内部表格弹性布局 */
.ele-drawer-flex-table > .el-drawer > .el-drawer__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-drawer-flex-table > .el-drawer > .el-drawer__body > .ele-drawer-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ele-drawer-flex-table > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-pro-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-drawer-flex-table > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-pro-table > .ele-pro-table-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.ele-drawer-flex-auto-table > .el-drawer > .el-drawer__body {
  display: flex;
  flex-direction: column;
}
.ele-drawer-flex-auto-table > .el-drawer > .el-drawer__body > .ele-drawer-body {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-drawer-flex-auto-table > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-drawer-flex-auto-table > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}

/* 在内容区添加自定义底栏 */
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-drawer-custom-footer, .ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-buttons.is-modal-footer {
  flex-shrink: 0;
  padding: var(--ele-drawer-footer-padding);
  border-top: var(--ele-drawer-footer-border);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body > .ele-drawer-custom-body, .ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body > .el-form {
  flex: 1;
  box-sizing: border-box;
  padding: var(--ele-drawer-body-padding);
  overflow: auto;
}
.ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body.is-form > .ele-drawer-custom-body, .ele-drawer-custom-footer > .el-drawer > .el-drawer__body > .ele-drawer-body.is-form > .el-form {
  padding: var(--ele-drawer-form-body-padding);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
body > .ele-modal-render-loading.ele-loading {
  position: fixed;
  background: none;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-scrollbar {
  --el-scrollbar-opacity: 0.3;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.5;
  --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.el-scrollbar__wrap {
  overflow: auto;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  transition: var(--el-transition-duration) background-color;
  opacity: var(--el-scrollbar-opacity, 0.3);
}
.el-scrollbar__thumb:hover {
  background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  opacity: var(--el-scrollbar-hover-opacity, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-scrollbar-fade-enter-active {
  transition: opacity 340ms ease-out;
}
.el-scrollbar-fade-leave-active {
  transition: opacity 120ms ease-out;
}
.el-scrollbar-fade-enter-from, .el-scrollbar-fade-leave-active {
  opacity: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-popper {
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
  --el-popper-bg-color-light: var(--el-bg-color-overlay);
  --el-popper-bg-color-dark: var(--el-text-color-primary);
}

.el-popper {
  position: absolute;
  border-radius: var(--el-popper-border-radius);
  padding: 5px 11px;
  z-index: 2000;
  font-size: 12px;
  line-height: 20px;
  min-width: 10px;
  overflow-wrap: break-word;
  word-break: normal;
  visibility: visible;
}
.el-popper.is-dark {
  --el-fill-color-blank: var(--el-popper-bg-color-dark);
  color: var(--el-bg-color);
  background: var(--el-popper-bg-color-dark);
  border: 1px solid var(--el-text-color-primary);
}
.el-popper.is-dark > .el-popper__arrow::before {
  border: 1px solid var(--el-text-color-primary);
  background: var(--el-popper-bg-color-dark);
  right: 0;
}

.el-popper.is-light {
  --el-fill-color-blank: var(--el-popper-bg-color-light);
  background: var(--el-popper-bg-color-light);
  border: 1px solid var(--el-border-color-light);
}
.el-popper.is-light > .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
  background: var(--el-popper-bg-color-light);
  right: 0;
}

.el-popper.is-pure {
  padding: 0;
}

.el-popper__arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.el-popper__arrow::before {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1;
  content: " ";
  transform: rotate(45deg);
  background: var(--el-text-color-primary);
  box-sizing: border-box;
}

.el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: -5px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-bottom-right-radius: 2px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: -5px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-top-left-radius: 2px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: -5px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-top-right-radius: 2px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: -5px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-bottom-left-radius: 2px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
  border-top-left-radius: var(--el-border-radius-base);
  border-bottom-left-radius: var(--el-border-radius-base);
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: var(--el-border-radius-round);
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group--horizontal {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group--horizontal::before,
.el-button-group--horizontal::after {
  display: table;
  content: "";
}

.el-button-group--horizontal::after {
  clear: both;
}

.el-button-group--horizontal > .el-button {
  float: left;
  position: relative;
}
.el-button-group--horizontal > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group--horizontal > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group--horizontal > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group--horizontal .el-button--primary:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--primary:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--success:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--success:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--warning:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--warning:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--danger:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--danger:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--info:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--info:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group--horizontal > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: var(--el-button-divide-border-color);
}

.el-button-group--vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
}
.el-button-group--vertical > .el-button {
  margin-top: -1px;
}
.el-button-group--vertical > .el-button:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group--vertical > .el-button:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.el-button-group--vertical > .el-dropdown {
  margin-top: -1px;
}
.el-button-group--vertical > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--primary:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--primary:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--primary:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--success:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--success:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--success:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--warning:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--warning:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--warning:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--danger:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--danger:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--danger:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--info:first-child {
  border-bottom-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--info:last-child {
  border-top-color: var(--el-button-divide-border-color);
}
.el-button-group--vertical .el-button--info:not(:first-child):not(:last-child) {
  border-top-color: var(--el-button-divide-border-color);
  border-bottom-color: var(--el-button-divide-border-color);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-dropdown {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  --el-dropdown-menu-index: 10;
  display: inline-flex;
  position: relative;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  line-height: 1;
  vertical-align: top;
}
.el-dropdown.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-dropdown__popper {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  --el-dropdown-menu-index: 10;
}
.el-dropdown__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-dropdown-menu-box-shadow);
}
.el-dropdown__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-dropdown__popper .el-dropdown-menu {
  border: none;
}
.el-dropdown__popper .el-dropdown__popper-selfdefine {
  outline: none;
}
.el-dropdown__popper .el-scrollbar__bar {
  z-index: calc(var(--el-dropdown-menu-index) + 1);
}
.el-dropdown__popper .el-dropdown__list {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.el-dropdown .el-dropdown__caret-button {
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  border-left: none;
}
.el-dropdown .el-dropdown__caret-button > span {
  display: inline-flex;
}
.el-dropdown .el-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: -1px;
  bottom: -1px;
  left: 0;
  background: var(--el-overlay-color-lighter);
}
.el-dropdown .el-dropdown__caret-button.el-button::before {
  background: var(--el-border-color);
  opacity: 0.5;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  font-size: inherit;
  padding-left: 0;
}
.el-dropdown .el-dropdown-selfdefine {
  outline: none;
}
.el-dropdown--large .el-dropdown__caret-button {
  width: 40px;
}

.el-dropdown--small .el-dropdown__caret-button {
  width: 24px;
}

.el-dropdown-menu {
  position: relative;
  top: 0;
  left: 0;
  z-index: var(--el-dropdown-menu-index);
  padding: 5px 0;
  margin: 0;
  background-color: var(--el-bg-color-overlay);
  border: none;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
  list-style: none;
}
.el-dropdown-menu__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  list-style: none;
  line-height: 22px;
  padding: 5px 16px;
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  cursor: pointer;
  outline: none;
}
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--el-dropdown-menuItem-hover-fill);
  color: var(--el-dropdown-menuItem-hover-color);
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  margin: 6px 0;
  border-top: 1px solid var(--el-border-color-lighter);
}

.el-dropdown-menu__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-text-color-disabled);
}

.el-dropdown-menu--large {
  padding: 7px 0;
}
.el-dropdown-menu--large .el-dropdown-menu__item {
  padding: 7px 20px;
  line-height: 22px;
  font-size: 14px;
}
.el-dropdown-menu--large .el-dropdown-menu__item--divided {
  margin: 8px 0;
}

.el-dropdown-menu--small {
  padding: 3px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  padding: 2px 12px;
  line-height: 20px;
  font-size: 12px;
}
.el-dropdown-menu--small .el-dropdown-menu__item--divided {
  margin: 4px 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
.el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
  --ele-popper-border: none;
  --ele-popper-radius: var(--el-border-radius-base);
  --ele-popper-shadow: var(--el-box-shadow-light);
  --ele-popper-arrow-bg: var(--ele-popper-bg);
  --ele-popper-arrow-size: 8px;
  --ele-popper-arrow-offset: -4px;
  --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

.el-popper.is-dark,
.ele-tooltip {
  --ele-tooltip-color: #fff;
  --ele-tooltip-font-size: var(--el-font-size-small);
  --ele-tooltip-line-height: 22px;
  --ele-tooltip-padding: 4px 10px;
  --ele-tooltip-bg: #000;
  --ele-tooltip-border: none;
  --ele-tooltip-radius: var(--el-border-radius-base);
  --ele-tooltip-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
  --ele-tooltip-arrow-bg: var(--ele-tooltip-bg);
  --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

.ele-tooltip.is-light {
  --ele-tooltip-light-color: var(--el-text-color-primary);
  --ele-tooltip-light-bg: var(--el-bg-color-overlay);
  --ele-tooltip-light-border: none;
  --ele-tooltip-light-shadow: var(--ele-popper-shadow);
  --ele-tooltip-light-arrow-bg: var(--ele-tooltip-light-bg);
  --ele-tooltip-light-arrow-shadow: var(--ele-popper-arrow-shadow);
}

.ele-popover {
  --ele-popover-color: var(--el-text-color-regular);
  --ele-popover-font-size: var(--el-font-size-base);
  --ele-popover-padding: 12px 16px;
  --ele-popover-title-color: var(--el-text-color-primary);
  --ele-popover-title-font-size: var(--el-font-size-base);
  --ele-popover-title-font-weight: 500;
  --ele-popover-title-padding: 8px 16px;
  --ele-popover-title-border: 1px solid var(--el-border-color-light);
}

.ele-popper.el-popper {
  border-radius: var(--ele-popper-radius);
}
.ele-popper.el-popper.is-light {
  background: var(--ele-popper-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-shadow);
}
.ele-popper.el-popper.is-light > .el-popper__arrow::before {
  background: var(--ele-popper-arrow-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-arrow-shadow);
}
.ele-popper.el-popper .el-popper__arrow {
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
}
.ele-popper.el-popper .el-popper__arrow::before {
  width: var(--ele-popper-arrow-size);
  height: var(--ele-popper-arrow-size);
  clip-path: polygon(300% -200%, 300% 300%, -200% 300%);
}
.ele-popper.el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: var(--ele-popper-arrow-offset);
}
.ele-popper.el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: var(--ele-popper-arrow-offset);
}
.ele-popper.el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
  clip-path: polygon(-200% 300%, -200% -200%, 300% -200%);
}
.ele-popper.el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: var(--ele-popper-arrow-offset);
}
.ele-popper.el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
  clip-path: polygon(-200% -200%, 300% -200%, 300% 300%);
}
.ele-popper.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: var(--ele-popper-arrow-offset);
}
.ele-popper.el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
  clip-path: polygon(300% 300%, -200% 300%, -200% -200%);
}
.ele-popper.el-popper.is-dark {
  color: var(--ele-tooltip-color);
  font-size: var(--ele-tooltip-font-size);
  line-height: var(--ele-tooltip-line-height);
  padding: var(--ele-tooltip-padding);
  background: var(--ele-tooltip-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-shadow);
  border-radius: var(--ele-tooltip-radius);
}
.ele-popper.el-popper.is-dark > .el-popper__arrow::before {
  background: var(--ele-tooltip-arrow-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-arrow-shadow);
}
.ele-popper.el-popper.is-prevent-event .el-popper__arrow {
  pointer-events: none;
}

.ele-tooltip-body,
.ele-popover-body {
  box-sizing: border-box;
}

.ele-tooltip-body {
  padding: var(--ele-tooltip-padding);
  position: relative;
  z-index: 2;
}

.ele-popper.el-popper.ele-tooltip {
  color: var(--ele-tooltip-color);
  font-size: var(--ele-tooltip-font-size);
  line-height: var(--ele-tooltip-line-height);
  padding: 0;
  background: var(--ele-tooltip-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-shadow);
  border-radius: var(--ele-tooltip-radius);
}
.ele-popper.el-popper.ele-tooltip > .el-popper__arrow::before {
  background: var(--ele-tooltip-arrow-bg);
  border: var(--ele-tooltip-border);
  box-shadow: var(--ele-tooltip-arrow-shadow);
}
.ele-popper.el-popper.ele-tooltip.is-dark {
  padding: 0;
}
.ele-popper.el-popper.ele-tooltip.is-light {
  color: var(--ele-tooltip-light-color);
  background: var(--ele-tooltip-light-bg);
  border: var(--ele-tooltip-light-border);
  box-shadow: var(--ele-tooltip-light-shadow);
}
.ele-popper.el-popper.ele-tooltip.is-light > .el-popper__arrow::before {
  background: var(--ele-tooltip-light-arrow-bg);
  border: var(--ele-tooltip-light-border);
  box-shadow: var(--ele-tooltip-light-arrow-shadow);
}
.ele-popper.el-popper.ele-tooltip.is-danger, .ele-popper.el-popper.ele-tooltip.is-danger > .el-popper__arrow::before {
  background: var(--el-color-danger);
  border-color: var(--el-color-danger);
}
.ele-popper.el-popper.ele-tooltip.is-warning, .ele-popper.el-popper.ele-tooltip.is-warning > .el-popper__arrow::before {
  background: var(--el-color-warning);
  border-color: var(--el-color-warning);
}
.ele-popper.el-popper.ele-tooltip.is-success, .ele-popper.el-popper.ele-tooltip.is-success > .el-popper__arrow::before {
  background: var(--el-color-success);
  border-color: var(--el-color-success);
}

/* 气泡卡片 */
.ele-popper.ele-popover {
  color: var(--ele-popover-color);
  font-size: var(--ele-popover-font-size);
  line-height: inherit;
  text-align: left;
  min-width: 150px;
  padding: 0;
}

.ele-popover-content {
  padding: var(--ele-popover-padding);
  box-sizing: border-box;
}

.ele-popover-title {
  color: var(--ele-popover-title-color);
  font-size: var(--ele-popover-title-font-size);
  font-weight: var(--ele-popover-title-font-weight);
  padding: var(--ele-popover-title-padding);
  border-bottom: var(--ele-popover-title-border);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 下拉菜单主题变量 */
.ele-dropdown {
  --ele-dropdown-padding: 6px 0;
  --ele-dropdown-item-height: 32px;
  --ele-dropdown-item-margin: 2px;
  --ele-dropdown-item-padding: 0 16px;
  --ele-dropdown-item-radius: 0;
  --ele-dropdown-item-font-size: var(--el-font-size-base);
  --ele-dropdown-item-color: var(--el-text-color-regular);
  --ele-dropdown-item-hover-color: var(--el-text-color-primary);
  --ele-dropdown-item-hover-bg: var(--el-fill-color-light);
  --ele-dropdown-item-active-color: var(--el-color-primary);
  --ele-dropdown-item-active-bg: var(--el-color-primary-light-9);
  --ele-dropdown-item-active-hover-bg: var(--el-color-primary-light-8);
  --ele-dropdown-item-active-font-weight: normal;
  --ele-dropdown-item-danger-color: var(--el-color-danger);
  --ele-dropdown-item-danger-bg: var(--el-color-danger-light-9);
  --ele-dropdown-item-danger-hover-bg: var(--el-color-danger-light-8);
  --ele-dropdown-item-disabled-color: var(--el-disabled-text-color);
  --ele-dropdown-item-disabled-bg: var(--el-disabled-bg-color);
  --ele-dropdown-icon-size: 16px;
  --ele-dropdown-icon-margin: 0 8px 0 -2px;
  --ele-dropdown-icon-sm-size: 14px;
  --ele-dropdown-icon-sm-margin: -1px 6px 0 -2px;
  --ele-dropdown-arrow-size: 14px;
  --ele-dropdown-arrow-color: var(--el-text-color-placeholder);
  --ele-dropdown-arrow-padding: 0 0 0 6px;
  --ele-dropdown-arrow-margin: 0 -8px 0 auto;
  --ele-dropdown-divider: 1px solid var(--el-border-color-light);
  --ele-dropdown-divider-margin: 4px 0;
  --ele-dropdown-sub-menu-index: var(--el-index-popper);
  --ele-dropdown-sm-padding: 3px 0;
  --ele-dropdown-sm-item-height: 24px;
  --ele-dropdown-sm-item-padding: 0 12px;
  --ele-dropdown-sm-item-font-size: var(--el-font-size-extra-small);
  --ele-dropdown-sm-icon-size: 14px;
  --ele-dropdown-sm-icon-sm-size: 12px;
  --ele-dropdown-sm-icon-sm-margin: 0 4px 0 -2px;
  --ele-dropdown-sm-divider-margin: 3px 0;
  --ele-dropdown-lg-padding: 8px 0;
  --ele-dropdown-lg-item-height: 36px;
  --ele-dropdown-lg-item-padding: 0 20px;
  --ele-dropdown-lg-item-font-size: var(--el-font-size-base);
  --ele-dropdown-lg-icon-size: 16px;
  --ele-dropdown-lg-icon-sm-size: 15px;
  --ele-dropdown-lg-icon-sm-margin: -1px 8px 0 -2px;
  --ele-dropdown-lg-divider-margin: 8px 0;
}

.ele-dropdown-trigger > .el-tooltip__trigger {
  outline: none;
}

.ele-dropdown.ele-popper.ele-popover {
  min-width: auto;
  width: max-content;
}

.ele-dropdown-menu {
  padding: var(--ele-dropdown-padding);
  box-sizing: border-box;
}

.ele-dropdown-menu-item {
  display: flex;
  align-items: center;
  height: var(--ele-dropdown-item-height);
  line-height: var(--ele-dropdown-item-height);
  color: var(--ele-dropdown-item-color);
  font-size: var(--ele-dropdown-item-font-size);
  padding: var(--ele-dropdown-item-padding);
  border-radius: var(--ele-dropdown-item-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ele-dropdown-menu-item + .ele-dropdown-menu-item {
  margin-top: var(--ele-dropdown-item-margin);
}
.ele-dropdown-menu-item > .el-icon {
  font-size: var(--ele-dropdown-icon-size);
  margin: var(--ele-dropdown-icon-margin);
}
.ele-dropdown-menu-item > .ele-dropdown-menu-item-arrow {
  color: var(--ele-dropdown-arrow-color);
  font-size: var(--ele-dropdown-arrow-size);
  padding: var(--ele-dropdown-arrow-padding);
  margin: var(--ele-dropdown-arrow-margin);
}
.ele-dropdown-menu-item:hover, .ele-dropdown-menu-item:focus {
  color: var(--ele-dropdown-item-hover-color);
  background: var(--ele-dropdown-item-hover-bg);
}
.ele-dropdown-menu-item.is-active {
  color: var(--ele-dropdown-item-active-color);
  background: var(--ele-dropdown-item-active-bg);
  font-weight: var(--ele-dropdown-item-active-font-weight);
}
.ele-dropdown-menu-item.is-active:hover, .ele-dropdown-menu-item.is-active:focus {
  background: var(--ele-dropdown-item-active-hover-bg);
}
.ele-dropdown-menu-item.is-danger {
  color: var(--ele-dropdown-item-danger-color);
}
.ele-dropdown-menu-item.is-danger.is-active {
  background: var(--ele-dropdown-item-danger-bg);
}
.ele-dropdown-menu-item.is-danger.is-active:hover, .ele-dropdown-menu-item.is-danger.is-active:focus {
  background: var(--ele-dropdown-item-danger-hover-bg);
}
.ele-dropdown-menu-item.is-disabled {
  color: var(--ele-dropdown-item-disabled-color);
  background: none;
  cursor: not-allowed;
}
.ele-dropdown-menu-item.is-disabled.is-active, .ele-dropdown-menu-item.is-disabled.is-active:hover, .ele-dropdown-menu-item.is-disabled.is-active:focus {
  background: var(--ele-dropdown-item-disabled-bg);
}

.ele-dropdown-menu-divider {
  border-top: var(--ele-dropdown-divider);
  margin: var(--ele-dropdown-divider-margin);
}

.ele-dropdown-caret-button {
  width: 32px;
  padding-left: 0;
  padding-right: 0;
}

/* 紧凑图标 */
.ele-dropdown-menu.ele-dropdown-icon-small .ele-dropdown-menu-item > .el-icon:not(.ele-dropdown-menu-item-arrow) {
  font-size: var(--ele-dropdown-icon-sm-size);
  margin: var(--ele-dropdown-icon-sm-margin);
}

/* 小尺寸 */
.ele-dropdown-menu.is-small {
  padding: var(--ele-dropdown-sm-padding);
}
.ele-dropdown-menu.is-small .ele-dropdown-menu-item {
  height: var(--ele-dropdown-sm-item-height);
  line-height: var(--ele-dropdown-sm-item-height);
  font-size: var(--ele-dropdown-sm-item-font-size);
  padding: var(--ele-dropdown-sm-item-padding);
}
.ele-dropdown-menu.is-small .ele-dropdown-menu-item > .el-icon {
  font-size: var(--ele-dropdown-sm-icon-size);
}
.ele-dropdown-menu.is-small .ele-dropdown-menu-divider {
  margin: var(--ele-dropdown-sm-divider-margin);
}
.ele-dropdown-menu.is-small.ele-dropdown-icon-small .ele-dropdown-menu-item > .el-icon:not(.ele-dropdown-menu-item-arrow) {
  font-size: var(--ele-dropdown-sm-icon-sm-size);
  margin: var(--ele-dropdown-sm-icon-sm-margin);
}

/* 大尺寸 */
.ele-dropdown-menu.is-large {
  padding: var(--ele-dropdown-lg-padding);
}
.ele-dropdown-menu.is-large .ele-dropdown-menu-item {
  height: var(--ele-dropdown-lg-item-height);
  line-height: var(--ele-dropdown-lg-item-height);
  font-size: var(--ele-dropdown-lg-item-font-size);
  padding: var(--ele-dropdown-lg-item-padding);
}
.ele-dropdown-menu.is-large .ele-dropdown-menu-item > .el-icon {
  font-size: var(--ele-dropdown-lg-icon-size);
}
.ele-dropdown-menu.is-large .ele-dropdown-menu-divider {
  margin: var(--ele-dropdown-lg-divider-margin);
}
.ele-dropdown-menu.is-large.ele-dropdown-icon-small .ele-dropdown-menu-item > .el-icon:not(.ele-dropdown-menu-item-arrow) {
  font-size: var(--ele-dropdown-lg-icon-sm-size);
  margin: var(--ele-dropdown-lg-icon-sm-margin);
}

/* 子菜单 */
.ele-dropdown-wrapper.is-sub-menu {
  width: max-content;
  background: var(--ele-popper-bg);
  border: var(--ele-popper-border);
  box-shadow: var(--ele-popper-shadow);
  border-radius: var(--ele-popper-radius);
  position: absolute;
  left: 100%;
  top: 0;
  transform-origin: top left;
  transition: all 0.3s;
  z-index: var(--ele-dropdown-sub-menu-index);
}
.ele-dropdown-wrapper.is-sub-menu.is-right-end {
  top: auto;
  bottom: 0;
  transform-origin: bottom left;
}
.ele-dropdown-wrapper.is-sub-menu.is-left-start {
  left: auto;
  right: 100%;
  transform-origin: top right;
}
.ele-dropdown-wrapper.is-sub-menu.is-left-end {
  top: auto;
  bottom: 0;
  left: auto;
  right: 100%;
  transform-origin: bottom right;
}

.ele-dropdown-menu-item:not(:hover) > .ele-dropdown-wrapper,
.ele-dropdown-menu-item.is-disabled > .ele-dropdown-wrapper {
  opacity: 0;
  transform: scale(0.6);
  pointer-events: none;
  visibility: hidden;
}

/* ElDropdown */
.ele-dropdown-trigger.el-dropdown {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.ele-dropdown .el-dropdown-menu {
  background: none;
  border-radius: 0;
  padding: var(--ele-dropdown-padding);
  box-sizing: border-box;
}
.ele-dropdown .el-dropdown-menu__item {
  height: var(--ele-dropdown-item-height);
  line-height: var(--ele-dropdown-item-height);
  color: var(--ele-dropdown-item-color);
  font-size: var(--ele-dropdown-item-font-size);
  padding: var(--ele-dropdown-item-padding);
  border-radius: var(--ele-dropdown-item-radius);
  transition: color 0.2s, background-color 0.2s;
}
.ele-dropdown .el-dropdown-menu__item + .el-dropdown-menu__item {
  margin-top: var(--ele-dropdown-item-margin);
}
.ele-dropdown .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-icon-size);
  margin: var(--ele-dropdown-icon-margin);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled):hover, .ele-dropdown .el-dropdown-menu__item:not(.is-disabled):focus {
  color: var(--ele-dropdown-item-hover-color);
  background: var(--ele-dropdown-item-hover-bg);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-active {
  color: var(--ele-dropdown-item-active-color);
  background: var(--ele-dropdown-item-active-bg);
  font-weight: var(--ele-dropdown-item-active-font-weight);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-active:hover, .ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-active:focus {
  background: var(--ele-dropdown-item-active-hover-bg);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger {
  color: var(--ele-dropdown-item-danger-color);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger.is-active {
  background: var(--ele-dropdown-item-danger-bg);
}
.ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger.is-active:hover, .ele-dropdown .el-dropdown-menu__item:not(.is-disabled).is-danger.is-active:focus {
  background: var(--ele-dropdown-item-danger-hover-bg);
}
.ele-dropdown .el-dropdown-menu__item.is-disabled {
  color: var(--ele-dropdown-item-disabled-color);
  background: none;
  cursor: not-allowed;
}
.ele-dropdown .el-dropdown-menu__item.is-disabled.is-active, .ele-dropdown .el-dropdown-menu__item.is-disabled.is-active:hover, .ele-dropdown .el-dropdown-menu__item.is-disabled.is-active:focus {
  background: var(--ele-dropdown-item-disabled-bg);
  font-weight: var(--ele-dropdown-item-active-font-weight);
}
.ele-dropdown .el-dropdown-menu__item--divided {
  border-top: var(--ele-dropdown-divider);
  margin: var(--ele-dropdown-divider-margin);
}
.ele-dropdown .ele-dropdown-icon-small .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-icon-sm-size);
  margin: var(--ele-dropdown-icon-sm-margin);
}
.ele-dropdown .el-dropdown-menu--small {
  padding: var(--ele-dropdown-sm-padding);
}
.ele-dropdown .el-dropdown-menu--small .el-dropdown-menu__item {
  height: var(--ele-dropdown-sm-item-height);
  line-height: var(--ele-dropdown-sm-item-height);
  font-size: var(--ele-dropdown-sm-item-font-size);
  padding: var(--ele-dropdown-sm-item-padding);
}
.ele-dropdown .el-dropdown-menu--small .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-sm-icon-size);
}
.ele-dropdown .el-dropdown-menu--small .el-dropdown-menu__item--divided {
  margin: var(--ele-dropdown-sm-divider-margin);
}
.ele-dropdown .el-dropdown-menu--small.ele-dropdown-icon-small .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-sm-icon-sm-size);
  margin: var(--ele-dropdown-sm-icon-sm-margin);
}
.ele-dropdown .el-dropdown-menu--large {
  padding: var(--ele-dropdown-lg-padding);
}
.ele-dropdown .el-dropdown-menu--large .el-dropdown-menu__item {
  height: var(--ele-dropdown-lg-item-height);
  line-height: var(--ele-dropdown-lg-item-height);
  font-size: var(--ele-dropdown-lg-item-font-size);
  padding: var(--ele-dropdown-lg-item-padding);
}
.ele-dropdown .el-dropdown-menu--large .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-lg-icon-size);
}
.ele-dropdown .el-dropdown-menu--large .el-dropdown-menu__item--divided {
  margin: var(--ele-dropdown-lg-divider-margin);
}
.ele-dropdown .el-dropdown-menu--large.ele-dropdown-icon-small .el-dropdown-menu__item > .el-icon {
  font-size: var(--ele-dropdown-lg-icon-sm-size);
  margin: var(--ele-dropdown-lg-icon-sm-margin);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 气泡确认框主题变量 */
.ele-popconfirm {
  --ele-popconfirm-padding: 14px 12px;
  --ele-popconfirm-title-color: var(--el-text-color-primary);
  --ele-popconfirm-title-font-size: var(--el-font-size-base);
  --ele-popconfirm-title-font-weight: 500;
  --ele-popconfirm-title-margin: 6px;
  --ele-popconfirm-icon-font-size: 17px;
  --ele-popconfirm-icon-margin: 3px 8px 0 0;
  --ele-popconfirm-action-margin: 10px;
  --ele-popconfirm-action-space: 8px;
}

.ele-popconfirm > .ele-popover-body {
  padding: var(--ele-popconfirm-padding);
}

.ele-popconfirm-main {
  display: flex;
}

.ele-popconfirm-icon.el-icon {
  flex-shrink: 0;
  font-size: var(--ele-popconfirm-icon-font-size);
  margin: var(--ele-popconfirm-icon-margin);
}

.ele-popconfirm-body {
  flex: 1;
}

.ele-popconfirm-title {
  color: var(--ele-popconfirm-title-color);
  font-size: var(--ele-popconfirm-title-font-size);
  font-weight: var(--ele-popconfirm-title-font-weight);
  margin-bottom: var(--ele-popconfirm-title-margin);
}

.ele-popconfirm-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--ele-popconfirm-action-margin);
}
.ele-popconfirm-action .el-button + .el-button {
  margin-left: var(--ele-popconfirm-action-space);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.el-image-viewer__wrapper:focus {
  outline: none !important;
}

.el-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  user-select: none;
}
.el-image-viewer__btn .el-icon {
  cursor: pointer;
}

.el-image-viewer__close {
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
}

.el-image-viewer__canvas {
  position: static;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.el-image-viewer__actions {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  height: 44px;
  padding: 0 23px;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
  border-radius: 22px;
}
.el-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 22px;
  padding: 0 6px;
}
.el-image-viewer__actions__divider {
  margin: 0 -6px;
}

.el-image-viewer__progress {
  left: 50%;
  transform: translateX(-50%);
  cursor: default;
  color: #fff;
  bottom: 90px;
}

.el-image-viewer__prev {
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
}

.el-image-viewer__next {
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  text-indent: 2px;
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
}

.el-image-viewer__close {
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: var(--el-text-color-regular);
  border-color: #fff;
}

.el-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}

.el-image-viewer-parent--hidden {
  overflow: hidden;
}

.viewer-fade-enter-active {
  animation: viewer-fade-in var(--el-transition-duration);
}

.viewer-fade-leave-active {
  animation: viewer-fade-out var(--el-transition-duration);
}

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes viewer-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 图片预览主题变量 */
.ele-image-viewer {
  --ele-image-viewer-tool-bg: hsla(0, 0%, 40%, 0.6);
  --ele-image-viewer-tool-hover-bg: hsla(0, 0%, 36%, 0.8);
  --ele-image-viewer-tool-size: 42px;
  --ele-image-viewer-tool-font-size: 20px;
  --ele-image-viewer-tool-action-size: 42px;
  --ele-image-viewer-tool-action-font-size: 18px;
  --ele-image-viewer-tool-action-gap: 0;
  --ele-image-viewer-tool-action-hover-bg: hsla(0, 0%, 32%, 0.4);
  --ele-image-viewer-tool-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.2);
  --ele-image-viewer-disabled-opacity: 0.4;
}

.ele-image-viewer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
  box-sizing: border-box;
}
.ele-image-viewer.ele-loading-show {
  position: absolute;
}
.ele-image-viewer .el-image-viewer__wrapper {
  position: absolute;
  background: var(--el-overlay-color-lighter);
  transition: opacity 0.3s;
  overflow: hidden;
}
.ele-image-viewer .el-image-viewer__wrapper.viewer-fade-enter-active {
  animation: none;
}
.ele-image-viewer .el-image-viewer__wrapper.viewer-fade-leave-active {
  animation: none;
}
.ele-image-viewer .el-image-viewer__mask {
  background: none;
}
.ele-image-viewer .el-image-viewer__canvas {
  transition: transform 0.3s;
}
.ele-image-viewer .el-image-viewer__img {
  cursor: grab;
}
.ele-image-viewer .el-image-viewer__close,
.ele-image-viewer .el-image-viewer__prev,
.ele-image-viewer .el-image-viewer__next {
  width: var(--ele-image-viewer-tool-size);
  height: var(--ele-image-viewer-tool-size);
  font-size: var(--ele-image-viewer-tool-font-size);
  background: var(--ele-image-viewer-tool-bg);
  box-shadow: var(--ele-image-viewer-tool-shadow);
  transition: all 0.2s;
  opacity: 1;
}
.ele-image-viewer .el-image-viewer__close .el-icon,
.ele-image-viewer .el-image-viewer__prev .el-icon,
.ele-image-viewer .el-image-viewer__next .el-icon {
  cursor: inherit;
}
.ele-image-viewer .el-image-viewer__close:not(.is-disabled):hover,
.ele-image-viewer .el-image-viewer__prev:not(.is-disabled):hover,
.ele-image-viewer .el-image-viewer__next:not(.is-disabled):hover {
  background: var(--ele-image-viewer-tool-hover-bg);
}
.ele-image-viewer .el-image-viewer__close.is-disabled,
.ele-image-viewer .el-image-viewer__prev.is-disabled,
.ele-image-viewer .el-image-viewer__next.is-disabled {
  opacity: var(--ele-image-viewer-disabled-opacity);
  cursor: not-allowed;
}
.ele-image-viewer .el-image-viewer__actions {
  width: auto;
  height: auto;
  padding: 0 calc(var(--ele-image-viewer-tool-action-size) / 2);
  background: var(--ele-image-viewer-tool-bg);
  box-shadow: var(--ele-image-viewer-tool-shadow);
  border-radius: calc(var(--ele-image-viewer-tool-action-size) / 2);
  cursor: default;
  opacity: 1;
}
.ele-image-viewer .el-image-viewer__actions__inner {
  width: auto;
  height: auto;
}
.ele-image-viewer .el-image-viewer__actions__inner > .el-icon {
  width: var(--ele-image-viewer-tool-action-size);
  height: var(--ele-image-viewer-tool-action-size);
  font-size: var(--ele-image-viewer-tool-action-font-size);
  transition: all 0.2s;
}
.ele-image-viewer .el-image-viewer__actions__inner > .el-icon:hover {
  background: var(--ele-image-viewer-tool-action-hover-bg);
}
.ele-image-viewer .el-image-viewer__actions__inner > .el-icon:last-child > svg, .ele-image-viewer .el-image-viewer__actions__inner > .el-icon:nth-last-child(2) > svg {
  transform: scale(1.1);
}
.ele-image-viewer .el-image-viewer__actions__inner > i + i {
  margin-left: var(--ele-image-viewer-tool-action-gap);
}
.ele-image-viewer .el-image-viewer__actions__divider {
  display: none;
}

.ele-image-viewer-fade-enter-from > .el-image-viewer__wrapper,
.ele-image-viewer-fade-leave-active > .el-image-viewer__wrapper {
  opacity: 0;
}
.ele-image-viewer-fade-enter-from > .el-image-viewer__wrapper > .el-image-viewer__canvas,
.ele-image-viewer-fade-leave-active > .el-image-viewer__wrapper > .el-image-viewer__canvas {
  transform: scale(0);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center top;
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: var(--el-transition-md-fade);
  transform-origin: top left;
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.el-collapse-transition-leave-active,
.el-collapse-transition-enter-active {
  transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}

.el-list-leave-active {
  position: absolute !important;
}

.el-opacity-transition {
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

:root {
  --el-menu-active-color: var(--el-color-primary);
  --el-menu-text-color: var(--el-text-color-primary);
  --el-menu-hover-text-color: var(--el-color-primary);
  --el-menu-bg-color: var(--el-fill-color-blank);
  --el-menu-hover-bg-color: var(--el-color-primary-light-9);
  --el-menu-item-height: 56px;
  --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
  --el-menu-horizontal-height: 60px;
  --el-menu-horizontal-sub-item-height: 36px;
  --el-menu-item-font-size: var(--el-font-size-base);
  --el-menu-item-hover-fill: var(--el-color-primary-light-9);
  --el-menu-border-color: var(--el-border-color);
  --el-menu-base-level-padding: 20px;
  --el-menu-level-padding: 20px;
  --el-menu-icon-width: 24px;
}

.el-menu {
  border-right: solid 1px var(--el-menu-border-color);
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: var(--el-menu-bg-color);
  box-sizing: border-box;
}
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
  white-space: nowrap;
  padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding));
}

.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
  padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width));
}
.el-menu--horizontal {
  display: flex;
  flex-wrap: nowrap;
  border-right: none;
  height: var(--el-menu-horizontal-height);
}
.el-menu--horizontal.el-menu--popup-container {
  height: unset;
}
.el-menu--horizontal.el-menu {
  border-bottom: solid 1px var(--el-menu-border-color);
}
.el-menu--horizontal > .el-menu-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-menu-item a,
.el-menu--horizontal > .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal > .el-sub-menu:focus, .el-menu--horizontal > .el-sub-menu:hover {
  outline: none;
}
.el-menu--horizontal > .el-sub-menu:hover .el-sub-menu__title {
  color: var(--el-menu-hover-text-color);
}
.el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  height: 100%;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
  background-color: var(--el-menu-bg-color);
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-sub-menu__title {
  background-color: var(--el-menu-bg-color);
  display: flex;
  align-items: center;
  height: var(--el-menu-horizontal-sub-item-height);
  line-height: var(--el-menu-horizontal-sub-item-height);
  padding: 0 10px;
  color: var(--el-menu-text-color);
}
.el-menu--horizontal .el-menu .el-sub-menu__title {
  padding-right: 40px;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-menu-item.is-active:hover, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title:hover {
  color: var(--el-menu-active-color);
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  outline: none;
  color: var(--el-menu-active-color, var(--el-menu-hover-text-color));
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color) !important;
}

.el-menu--collapse {
  width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
}
.el-menu--collapse > .el-menu-item [class^=el-icon],
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon],
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
  margin: 0;
  vertical-align: middle;
  width: var(--el-menu-icon-width);
  text-align: center;
}
.el-menu--collapse > .el-menu-item .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
  display: none;
}
.el-menu--collapse > .el-menu-item > span,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title > span,
.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit;
}
.el-menu--collapse .el-menu .el-sub-menu {
  min-width: 200px;
}
.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  color: var(--el-menu-active-color);
}

.el-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none;
  padding: 5px 0;
  border-radius: var(--el-border-radius-small);
  box-shadow: var(--el-box-shadow-light);
}

.el-menu .el-icon {
  flex-shrink: 0;
}

.el-menu-item {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: bottom;
}
.el-menu-item i {
  color: inherit;
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
}
.el-menu-item:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-menu-item [class^=el-icon] {
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}
.el-menu-item.is-active {
  color: var(--el-menu-active-color);
}
.el-menu-item.is-active i {
  color: inherit;
}

.el-menu-item .el-menu-tooltip__trigger {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 var(--el-menu-base-level-padding);
}

.el-sub-menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.el-sub-menu__title {
  display: flex;
  align-items: center;
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  font-size: var(--el-menu-item-font-size);
  color: var(--el-menu-text-color);
  padding: 0 var(--el-menu-base-level-padding);
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}
.el-sub-menu__title * {
  vertical-align: bottom;
}
.el-sub-menu__title i {
  color: inherit;
}
.el-sub-menu__title:hover, .el-sub-menu__title:focus {
  outline: none;
}
.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-sub-menu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}

.el-sub-menu .el-menu {
  border: none;
}
.el-sub-menu .el-menu-item {
  height: var(--el-menu-sub-item-height);
  line-height: var(--el-menu-sub-item-height);
}
.el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title {
  padding-right: var(--el-menu-base-level-padding);
}
.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
  display: none !important;
}

.el-sub-menu.is-active .el-sub-menu__title {
  border-bottom-color: var(--el-menu-active-color);
}

.el-sub-menu.is-disabled .el-sub-menu__title,
.el-sub-menu.is-disabled .el-menu-item {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-sub-menu .el-icon {
  vertical-align: middle;
  margin-right: 5px;
  width: var(--el-menu-icon-width);
  text-align: center;
  font-size: 18px;
}
.el-sub-menu .el-icon.el-sub-menu__icon-more {
  margin-right: 0 !important;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  position: absolute;
  top: 50%;
  right: var(--el-menu-base-level-padding);
  margin-top: -6px;
  transition: transform var(--el-transition-duration);
  font-size: 12px;
  margin-right: 0;
  width: inherit;
}

.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  padding: 7px 0 7px var(--el-menu-base-level-padding);
  line-height: normal;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}

.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
  transition: var(--el-transition-duration-fast);
  opacity: 0;
}

.el-popper,
.el-menu--popup-container,
.el-menu {
  outline: none;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 导航菜单主题变量 */
.ele-menu {
  --ele-menu-disabled-opacity: 0.46;
  --ele-menu-badge-margin: 0 -2px 0 6px;
  --ele-menu-icon-font-size: 15px;
  --ele-menu-icon-margin: 0 8px 0 0;
  --ele-menu-arrow-size: 14px;
  --ele-menu-arrow-margin: 0 -4px 0 6px;
  --ele-menu-bg: var(--el-bg-color);
  --ele-menu-border-color: var(--el-border-color-light);
  --ele-menu-padding: 4px 0;
  --ele-menu-base-level: 16px;
  --ele-menu-child-bg: rgba(0, 0, 0, 0.02);
  --ele-menu-collapse-width: 58px;
  --ele-menu-collapse-icon-size: 16px;
  --ele-menu-item-height: 40px;
  --ele-menu-item-margin: 6px;
  --ele-menu-item-padding: 0;
  --ele-menu-item-radius: 0;
  --ele-menu-item-color: var(--el-text-color-primary);
  --ele-menu-item-hover-color: var(--el-color-primary);
  --ele-menu-item-hover-bg: transparent;
  --ele-menu-item-focus-bg: transparent;
  --ele-menu-item-active-color: var(--el-color-primary);
  --ele-menu-item-active-bg: var(--el-color-primary-light-9);
  --ele-menu-item-active-line: 3px;
  --ele-menu-compact-font-size: 12px;
  --ele-menu-compact-icon-font-size: 18px;
  --ele-menu-compact-title-margin: 6px;
  --ele-menu-compact-item-padding: 12px 0;
  --ele-menu-compact-collapse-item-padding: 12px 0;
}

.ele-menu.el-menu--horizontal {
  --ele-menu-horizontal-padding: 0;
  --ele-menu-horizontal-height: 56px;
  --ele-menu-horizontal-item-padding: 16px;
  --ele-menu-horizontal-item-margin: 0;
  --ele-menu-horizontal-item-radius: 0;
  --ele-menu-horizontal-hover-bg: transparent;
  --ele-menu-horizontal-focus-bg: transparent;
  --ele-menu-horizontal-active-bg: transparent;
  --ele-menu-horizontal-arrow-margin: 0 -2px 0 6px;
  --ele-menu-horizontal-line-margin: 14px;
  --ele-menu-horizontal-line-size: 2px;
  --ele-menu-horizontal-dark-hover-bg: transparent;
  --ele-menu-horizontal-dark-focus-bg: transparent;
  --ele-menu-horizontal-dark-active-bg: transparent;
  --ele-menu-horizontal-popup-margin: 0px;
}

.ele-menu > .el-menu--popup {
  --ele-menu-popup-min-width: 148px;
  --ele-menu-popup-max-width: 260px;
  --ele-menu-popup-max-height: calc(100vh - 10px);
  --ele-menu-popup-bg: var(--el-bg-color-overlay);
  --ele-menu-popup-radius: var(--el-border-radius-base);
  --ele-menu-popup-shadow: var(--el-box-shadow-light);
  --ele-menu-popup-item-padding: 16px;
  --ele-menu-popup-item-radius: var(--ele-menu-item-radius);
  --ele-menu-popup-dark-bg: var(--el-menu-bg-color);
  --ele-menu-popup-dark-shadow: var(--el-box-shadow-dark);
}

.ele-menu .el-menu-item-group__title {
  --ele-menu-group-color: var(--el-text-color-secondary);
  --ele-menu-group-font-size: 13px;
  --ele-menu-group-font-weight: normal;
  --ele-menu-group-icon-font-size: 12px;
  --ele-menu-group-padding-top: 4px;
  --ele-menu-group-padding-bottom: 2px;
  --ele-menu-group-padding-right: var(--el-menu-base-level-padding);
  --ele-menu-group-dark-color: rgba(255, 255, 255, 0.6);
}

.ele-menu.ele-menu-colorful {
  --ele-menu-colorful-icon-radius: 50%;
  --ele-menu-colorful-icon-size: 24px;
  --ele-menu-colorful-icon-color: #fff;
  --ele-menu-colorful-icon-font-size: 14px;
  --ele-menu-colorful-dot-size: 8px;
  --ele-menu-colorful-dot-margin: 0 8px 0 0;
  --ele-menu-colorful-dot-color: #d9d9d9;
  --ele-menu-colorful-dot-hover-color: #b6b6b6;
  --ele-menu-colorful-dot-active-color: var(--el-color-primary);
  --ele-menu-colorful-dark-dot-color: #888888;
  --ele-menu-colorful-dark-dot-hover-color: #dddddd;
  --ele-menu-colorful-dark-dot-active-color: #fff;
  --ele-menu-colorful-bg-1: #61b2fc;
  --ele-menu-colorful-bg-2: #7dd733;
  --ele-menu-colorful-bg-3: #32a2d4;
  --ele-menu-colorful-bg-4: #7383cf;
  --ele-menu-colorful-bg-5: #f5686f;
  --ele-menu-colorful-bg-6: #2bccce;
  --ele-menu-colorful-bg-7: #7dd733;
  --ele-menu-colorful-bg-8: #faad14;
}

.ele-menu.ele-menu-dark {
  --ele-menu-dark-bg: #191a23;
  --ele-menu-dark-child-bg: #101117;
  --ele-menu-dark-color: rgba(255, 255, 255, 0.8);
  --ele-menu-dark-hover-color: #fff;
  --ele-menu-dark-hover-bg: transparent;
  --ele-menu-dark-focus-bg: transparent;
  --ele-menu-dark-active-color: #fff;
  --ele-menu-dark-active-bg: var(--el-color-primary);
}

.ele-menu > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-thumb-size: 8px;
  --ele-menu-thumb-radius: 4px;
  --ele-menu-thumb-padding: 2px;
  --ele-menu-thumb-color: #cfcfcf;
  --ele-menu-thumb-hover-color: #b6b6b6;
}

.ele-menu.ele-menu-dark > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.32);
  --ele-menu-dark-thumb-hover-color: rgba(255, 255, 255, 0.48);
}

.ele-menu.el-menu, .ele-menu > .el-menu--popup {
  --el-menu-hover-bg-color: none;
  --el-menu-level-padding: var(--ele-menu-base-level);
  --el-menu-base-level-padding: var(--ele-menu-base-level);
  --el-menu-bg-color: var(--ele-menu-bg);
  --el-menu-text-color: var(--ele-menu-item-color);
  --el-menu-hover-text-color: var(--ele-menu-item-hover-color);
  --el-menu-active-color: var(--ele-menu-item-active-color);
  --el-menu-border-color: var(--ele-menu-border-color);
}
.ele-menu {
  /* 菜单项 */
}
.ele-menu .el-menu-item,
.ele-menu .el-sub-menu__title,
.ele-menu .el-menu-item-group__title {
  --el-menu-icon-width: 0px;
  position: relative;
}
.ele-menu .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
  --el-menu-icon-width: auto;
  width: auto;
  font-size: var(--ele-menu-icon-font-size);
  margin: var(--ele-menu-icon-margin);
}
.ele-menu .el-menu-item > span,
.ele-menu .el-sub-menu__title > span,
.ele-menu .el-menu-item-group__title > span {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.ele-menu {
  /* 箭头 */
}
.ele-menu .el-sub-menu__title .el-sub-menu__icon-arrow {
  order: 4;
  width: auto;
  position: static;
  font-size: var(--ele-menu-arrow-size);
}
.ele-menu .el-sub-menu__title .el-sub-menu__icon-arrow > svg.ele-arrow-down path {
  transition: d 0.2s;
  stroke-width: 5;
}
.ele-menu .el-sub-menu.is-opened > .el-sub-menu__title .el-sub-menu__icon-arrow > svg.ele-arrow-down path {
  d: path("M10 31 24 17 38 31");
}
.ele-menu {
  /* 禁用 */
}
.ele-menu .el-menu-item.is-disabled,
.ele-menu .el-sub-menu.is-disabled .el-menu-item,
.ele-menu .el-sub-menu.is-disabled .el-sub-menu__title {
  opacity: var(--ele-menu-disabled-opacity);
}
.ele-menu {
  /* 水平菜单 */
}
.ele-menu.el-menu--horizontal {
  padding: var(--ele-menu-horizontal-padding);
  height: auto;
}
.ele-menu.el-menu--horizontal > .el-menu-item, .ele-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title {
  height: var(--ele-menu-horizontal-height);
  line-height: var(--ele-menu-horizontal-height);
  padding: 0 var(--ele-menu-horizontal-item-padding);
  margin: 0 var(--ele-menu-horizontal-item-margin);
  border-radius: var(--ele-menu-horizontal-item-radius);
  border: none;
}
.ele-menu.el-menu--horizontal > .el-menu-item::after, .ele-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title::after {
  content: "";
  height: var(--ele-menu-horizontal-line-size);
  transition: background-color 0.2s;
  background: transparent;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: var(--ele-menu-horizontal-line-margin);
  right: var(--ele-menu-horizontal-line-margin);
}
.ele-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .ele-menu.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover {
  background: var(--ele-menu-horizontal-hover-bg);
}
.ele-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled):active, .ele-menu.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active {
  background: var(--ele-menu-horizontal-focus-bg);
}
.ele-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled).is-active, .ele-menu.el-menu--horizontal > .el-sub-menu:not(.is-disabled).is-active > .el-sub-menu__title {
  background: var(--ele-menu-horizontal-active-bg);
}
.ele-menu.el-menu--horizontal > .el-menu-item.is-active::after, .ele-menu.el-menu--horizontal > .el-sub-menu.is-active > .el-sub-menu__title::after, .ele-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover::after, .ele-menu.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover::after {
  background: var(--el-menu-active-color);
}
.ele-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
  margin: var(--ele-menu-horizontal-arrow-margin);
}
.ele-menu.el-menu--horizontal.el-menu--popup-container > .el-menu--popup {
  margin: var(--ele-menu-horizontal-popup-margin);
}
.ele-menu.el-menu--horizontal.el-menu--popup-container > .el-menu--popup > .el-sub-menu .el-menu--popup {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: var(--ele-menu-item-padding);
  margin-right: var(--ele-menu-item-padding);
}
.ele-menu.el-menu--horizontal:not(.el-menu--popup-container)::before, .ele-menu.el-menu--horizontal:not(.el-menu--popup-container)::after {
  content: "";
  display: block;
  padding-right: 0.02px;
}
.ele-menu.el-menu--horizontal .el-menu-item.ele-menu-overflow,
.ele-menu.el-menu--horizontal .el-sub-menu.ele-menu-overflow {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ele-menu {
  /* 垂直菜单子级 */
}
.ele-menu.el-menu--vertical .el-sub-menu > .el-menu {
  background: var(--ele-menu-child-bg);
  box-sizing: border-box;
}
.ele-menu {
  /* 垂直菜单和气泡菜单 */
}
.ele-menu.el-menu--vertical, .ele-menu > .el-menu--popup {
  padding: var(--ele-menu-padding);
}
.ele-menu.el-menu--vertical .el-menu-item,
.ele-menu.el-menu--vertical .el-sub-menu__title,
.ele-menu.el-menu--vertical .el-menu-item-group__title, .ele-menu > .el-menu--popup .el-menu-item,
.ele-menu > .el-menu--popup .el-sub-menu__title,
.ele-menu > .el-menu--popup .el-menu-item-group__title {
  margin-left: var(--ele-menu-item-padding);
  margin-right: var(--ele-menu-item-padding);
  margin-top: calc(var(--ele-menu-item-margin) / 2);
  margin-bottom: calc(var(--ele-menu-item-margin) / 2);
}
.ele-menu.el-menu--vertical .el-menu-item > span,
.ele-menu.el-menu--vertical .el-sub-menu__title > span,
.ele-menu.el-menu--vertical .el-menu-item-group__title > span, .ele-menu > .el-menu--popup .el-menu-item > span,
.ele-menu > .el-menu--popup .el-sub-menu__title > span,
.ele-menu > .el-menu--popup .el-menu-item-group__title > span {
  flex: 1;
}
.ele-menu.el-menu--vertical .el-menu-item,
.ele-menu.el-menu--vertical .el-sub-menu__title, .ele-menu > .el-menu--popup .el-menu-item,
.ele-menu > .el-menu--popup .el-sub-menu__title {
  min-width: auto;
  height: var(--ele-menu-item-height);
  line-height: var(--ele-menu-item-height);
  border-radius: var(--ele-menu-item-radius);
  background: none;
}
.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled):hover,
.ele-menu.el-menu--vertical .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover, .ele-menu > .el-menu--popup .el-menu-item:not(.is-disabled):hover,
.ele-menu > .el-menu--popup .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover {
  color: var(--el-menu-hover-text-color);
  background: var(--ele-menu-item-hover-bg);
}
.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled):active,
.ele-menu.el-menu--vertical .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active, .ele-menu > .el-menu--popup .el-menu-item:not(.is-disabled):active,
.ele-menu > .el-menu--popup .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active {
  background: var(--ele-menu-item-focus-bg);
}
.ele-menu.el-menu--vertical .el-menu-item::after, .ele-menu > .el-menu--popup .el-menu-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  width: var(--ele-menu-item-active-line);
  background: var(--el-color-primary);
  transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scaleY(0.0001);
  opacity: 0;
}
.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled).is-active, .ele-menu > .el-menu--popup .el-menu-item:not(.is-disabled).is-active {
  color: var(--el-menu-active-color);
  background: var(--ele-menu-item-active-bg);
}
.ele-menu.el-menu--vertical .el-menu-item:not(.is-disabled).is-active::after, .ele-menu > .el-menu--popup .el-menu-item:not(.is-disabled).is-active::after {
  opacity: 1;
  transform: scaleY(1);
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ele-menu.el-menu--vertical .el-sub-menu, .ele-menu > .el-menu--popup .el-sub-menu {
  padding-bottom: 0.02px;
}
.ele-menu.el-menu--vertical .el-sub-menu:not(.is-disabled).is-active > .el-sub-menu__title, .ele-menu > .el-menu--popup .el-sub-menu:not(.is-disabled).is-active > .el-sub-menu__title {
  color: var(--el-menu-active-color);
}
.ele-menu.el-menu--vertical .el-sub-menu__title .el-sub-menu__icon-arrow, .ele-menu > .el-menu--popup .el-sub-menu__title .el-sub-menu__icon-arrow {
  margin: var(--ele-menu-arrow-margin);
}
.ele-menu.el-menu--vertical .el-sub-menu__title .el-sub-menu__icon-arrow > svg, .ele-menu > .el-menu--popup .el-sub-menu__title .el-sub-menu__icon-arrow > svg {
  stroke-width: 5;
}
.ele-menu.el-menu--vertical:not(.el-menu--popup-container)::before, .ele-menu.el-menu--vertical:not(.el-menu--popup-container)::after, .ele-menu.el-menu--vertical .el-menu::before, .ele-menu.el-menu--vertical .el-menu::after, .ele-menu > .el-menu--popup::before, .ele-menu > .el-menu--popup::after, .ele-menu > .el-menu--popup .el-menu::before, .ele-menu > .el-menu--popup .el-menu::after, .ele-menu.el-menu--vertical .el-menu-item-group > ul::before, .ele-menu.el-menu--vertical .el-menu-item-group > ul::after, .ele-menu > .el-menu--popup .el-menu-item-group > ul::before, .ele-menu > .el-menu--popup .el-menu-item-group > ul::after {
  content: "";
  display: block;
  padding-bottom: 0.02px;
}
.ele-menu.el-menu--vertical:not(.el-menu--popup-container) > .el-menu-item:not(:last-child), .ele-menu.el-menu--vertical .el-menu > .el-menu-item:not(:last-child), .ele-menu > .el-menu--popup > .el-menu-item:not(:last-child), .ele-menu > .el-menu--popup .el-menu > .el-menu-item:not(:last-child), .ele-menu.el-menu--vertical .el-menu-item-group > ul > .el-menu-item:not(:last-child), .ele-menu > .el-menu--popup .el-menu-item-group > ul > .el-menu-item:not(:last-child) {
  margin-bottom: var(--ele-menu-item-margin);
}
.ele-menu {
  /* 气泡菜单 */
}
.ele-menu > .el-menu--popup-container > .el-menu--popup {
  min-width: var(--ele-menu-popup-min-width);
  max-width: var(--ele-menu-popup-max-width);
  max-height: var(--ele-menu-popup-max-height);
  margin-left: var(--ele-menu-item-padding);
  margin-right: var(--ele-menu-item-padding);
  background: var(--ele-menu-popup-bg);
  box-shadow: var(--ele-menu-popup-shadow);
  border-radius: var(--ele-menu-popup-radius);
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-menu-item,
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-sub-menu__title {
  padding: 0 var(--ele-menu-popup-item-padding);
  border-radius: var(--ele-menu-popup-item-radius);
  background: none;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-menu-item-group__title {
  padding-left: var(--ele-menu-popup-item-padding);
}
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-menu-item::after {
  display: none;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup .el-sub-menu > .el-popper {
  position: fixed !important;
}
.ele-menu.el-popper, .ele-menu.el-popper.is-light, .ele-menu.el-menu--popup-container {
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.ele-menu {
  /* 分组菜单 */
}
.ele-menu .el-menu-item-group__title {
  display: flex;
  align-items: center;
  color: var(--ele-menu-group-color);
  font-size: var(--ele-menu-group-font-size);
  font-weight: var(--ele-menu-group-font-weight);
  padding-top: var(--ele-menu-group-padding-top);
  padding-bottom: var(--ele-menu-group-padding-bottom);
  padding-right: var(--ele-menu-group-padding-right);
  box-sizing: border-box;
  line-height: 1;
}
.ele-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
  font-size: var(--ele-menu-group-icon-font-size);
}
.ele-menu {
  /* 徽章 */
}
.ele-menu .el-menu-item .el-badge,
.ele-menu .el-sub-menu__title .el-badge,
.ele-menu .el-menu-item-group__title .el-badge {
  order: 3;
  flex-shrink: 0;
  font-size: 0;
  line-height: 1;
  font-weight: normal;
  margin: var(--ele-menu-badge-margin);
}
.ele-menu .el-menu-item .el-badge .el-badge__content,
.ele-menu .el-sub-menu__title .el-badge .el-badge__content,
.ele-menu .el-menu-item-group__title .el-badge .el-badge__content {
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.ele-menu .el-menu-item .el-badge .el-badge__content:not(.is-dot),
.ele-menu .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot),
.ele-menu .el-menu-item-group__title .el-badge .el-badge__content:not(.is-dot) {
  min-width: var(--el-badge-size);
  line-height: var(--el-badge-size);
}
.ele-menu {
  /* 折叠 */
}
.ele-menu.el-menu--collapse {
  width: var(--ele-menu-collapse-width);
}
.ele-menu.el-menu--collapse > .el-menu-item, .ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title {
  padding: 0;
  justify-content: center;
}
.ele-menu.el-menu--collapse > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  margin: 0;
  font-size: var(--ele-menu-collapse-icon-size);
}
.ele-menu.el-menu--collapse > .el-menu-item > .el-menu-tooltip__trigger, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item > .el-menu-tooltip__trigger {
  padding: 0;
  display: flex;
  justify-content: center;
  position: static;
}
.ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title > span, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  display: none;
  flex: initial;
}
.ele-menu.el-menu--collapse.el-menu--vertical > .el-sub-menu.is-active > .el-sub-menu__title, .ele-menu.el-menu--collapse.el-menu--vertical > .el-menu-item-group > ul > .el-sub-menu.is-active > .el-sub-menu__title {
  background: var(--ele-menu-item-active-bg);
}
.ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title {
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  text-align: center;
}
.ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title > span {
  flex: initial;
}
.ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title .el-icon:not(.is-collapse-show) {
  display: none;
}
.ele-menu.el-menu--collapse > .el-menu-item .el-badge, .ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-badge, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item .el-badge, .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  margin: 0;
}
.ele-menu.el-menu--collapse > .el-menu-item .el-badge .el-badge__content:not(.is-dot), .ele-menu.el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot), .ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title .el-badge .el-badge__content:not(.is-dot), .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-menu-item .el-badge .el-badge__content:not(.is-dot), .ele-menu.el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot) {
  padding: 0;
  width: 8px;
  height: 8px;
  font-size: 0;
  line-height: 0;
  min-width: auto;
  border-radius: 50%;
}
.ele-menu.el-menu--collapse > .el-menu-item-group > .el-menu-item-group__title .el-badge {
  margin-left: 2px;
}
.ele-menu {
  /* 紧凑菜单 */
}
.ele-menu.is-compact {
  width: 100%;
}
.ele-menu.is-compact > .el-menu-item, .ele-menu.is-compact > .el-sub-menu > .el-sub-menu__title, .ele-menu.is-compact > .el-menu-item-group > ul > .el-menu-item, .ele-menu.is-compact > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title {
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: var(--ele-menu-compact-item-padding);
}
.ele-menu.is-compact > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact > .el-menu-item-group > ul > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  margin: 0;
  font-size: var(--ele-menu-compact-icon-font-size);
}
.ele-menu.is-compact > .el-menu-item > span, .ele-menu.is-compact > .el-sub-menu > .el-sub-menu__title > span, .ele-menu.is-compact > .el-menu-item-group > ul > .el-menu-item > span, .ele-menu.is-compact > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  width: 100%;
  height: auto;
  line-height: 1;
  font-size: var(--ele-menu-compact-font-size);
  margin-top: var(--ele-menu-compact-title-margin);
  box-sizing: border-box;
  text-align: center;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  visibility: inherit;
}
.ele-menu.is-compact > .el-menu-item::after, .ele-menu.is-compact > .el-menu-item-group > ul > .el-menu-item::after {
  display: none;
}
.ele-menu.is-compact > .el-sub-menu.is-active > .el-sub-menu__title {
  transition: none;
}
.ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item .el-badge, .ele-menu.is-compact:not(.is-compact-collapse) > .el-sub-menu > .el-sub-menu__title .el-badge, .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > ul > .el-menu-item .el-badge, .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  margin: 0;
}
.ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item .el-badge .el-badge__content:not(.is-dot), .ele-menu.is-compact:not(.is-compact-collapse) > .el-sub-menu > .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot), .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > ul > .el-menu-item .el-badge .el-badge__content:not(.is-dot), .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-badge .el-badge__content:not(.is-dot), .ele-menu.is-compact:not(.is-compact-collapse) > .el-menu-item-group > .el-menu-item-group__title .el-badge .el-badge__content:not(.is-dot) {
  width: auto;
  height: 18px;
  line-height: 18px;
  border-radius: 24px;
  min-width: 20px;
  font-size: 12px;
  padding: 0 4px;
}
.ele-menu.is-compact-collapse > .el-menu-item, .ele-menu.is-compact-collapse > .el-sub-menu > .el-sub-menu__title, .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-menu-item, .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title {
  padding: var(--ele-menu-compact-collapse-item-padding);
}
.ele-menu.is-compact-collapse > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact-collapse > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  font-size: var(--ele-menu-collapse-icon-size);
}
.ele-menu.is-compact-collapse > .el-menu-item > span, .ele-menu.is-compact-collapse > .el-sub-menu > .el-sub-menu__title > span, .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-menu-item > span, .ele-menu.is-compact-collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
  display: none;
}
.ele-menu {
  /* 彩色图标 */
}
.ele-menu.is-colorful.el-menu > li.el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  color: var(--ele-menu-colorful-icon-color);
  background: var(--ele-menu-colorful-bg-1);
  width: var(--ele-menu-colorful-icon-size);
  height: var(--ele-menu-colorful-icon-size);
  line-height: calc(var(--ele-menu-colorful-icon-size) + 4px);
  font-size: var(--ele-menu-colorful-icon-font-size);
  border-radius: var(--ele-menu-colorful-icon-radius);
  vertical-align: -0.05em;
  text-align: center;
}
.ele-menu.is-colorful.el-menu > li:nth-child(even).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(even).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(even).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(even).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-2);
}
.ele-menu.is-colorful.el-menu > li:nth-child(3).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(3).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(3).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(3).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-3);
}
.ele-menu.is-colorful.el-menu > li:nth-child(4).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(4).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(4).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(4).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-4);
}
.ele-menu.is-colorful.el-menu > li:nth-child(5).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(5).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(5).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(5).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-5);
}
.ele-menu.is-colorful.el-menu > li:nth-child(6).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(6).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(6).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(6).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-6);
}
.ele-menu.is-colorful.el-menu > li:nth-child(7).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(7).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(7).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(7).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-7);
}
.ele-menu.is-colorful.el-menu > li:nth-child(8).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li:nth-child(8).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(8).el-menu-item .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li:nth-child(8).el-sub-menu > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  background: var(--ele-menu-colorful-bg-8);
}
.ele-menu.is-colorful {
  /* 子级去掉图标增加小圆点 */
}
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow), .ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow),
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
  display: none;
}
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item::before,
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu__title::before, .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item::before,
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu__title::before, .ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item::before,
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-sub-menu__title::before {
  content: "";
  width: var(--ele-menu-colorful-dot-size);
  height: var(--ele-menu-colorful-dot-size);
  margin: var(--ele-menu-colorful-dot-margin);
  background: var(--ele-menu-colorful-dot-color);
  transition: background-color 0.2s;
  border-radius: 50%;
}
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before, .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before, .ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before {
  background: var(--ele-menu-colorful-dot-hover-color);
}
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item.is-active::before,
.ele-menu.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu.is-active .el-sub-menu__title::before, .ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item.is-active::before,
.ele-menu.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu.is-active .el-sub-menu__title::before, .ele-menu.is-colorful > .el-menu.el-menu--popup .el-menu-item.is-active::before,
.ele-menu.is-colorful > .el-menu.el-menu--popup .el-sub-menu.is-active .el-sub-menu__title::before {
  background: var(--ele-menu-colorful-dot-active-color);
}
.ele-menu.is-colorful .el-menu-item-group__title .el-icon:not(.el-sub-menu__icon-arrow) {
  display: none;
}
.ele-menu {
  /* 暗黑主题 */
}
.ele-menu.is-night {
  border: none;
}
.ele-menu.is-night.el-menu, .ele-menu.is-night > .el-menu--popup {
  --el-menu-bg-color: var(--ele-menu-dark-bg);
  --el-menu-text-color: var(--ele-menu-dark-color);
  --el-menu-hover-text-color: var(--ele-menu-dark-hover-color);
  --el-menu-active-color: var(--ele-menu-dark-active-color);
}
.ele-menu.is-night {
  /* 水平菜单 */
}
.ele-menu.is-night.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .ele-menu.is-night.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover {
  background: var(--ele-menu-horizontal-dark-hover-bg);
}
.ele-menu.is-night.el-menu--horizontal > .el-menu-item:not(.is-disabled):active, .ele-menu.is-night.el-menu--horizontal > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active {
  background: var(--ele-menu-horizontal-dark-focus-bg);
}
.ele-menu.is-night.el-menu--horizontal > .el-menu-item:not(.is-disabled).is-active, .ele-menu.is-night.el-menu--horizontal > .el-sub-menu:not(.is-disabled).is-active > .el-sub-menu__title {
  background: var(--ele-menu-horizontal-dark-active-bg);
}
.ele-menu.is-night {
  /* 垂直菜单 */
}
.ele-menu.is-night.el-menu--vertical .el-sub-menu > .el-menu {
  background: var(--ele-menu-dark-child-bg);
}
.ele-menu.is-night.el-menu--vertical .el-menu-item::after {
  display: none;
}
.ele-menu.is-night {
  /* 垂直菜单和气泡菜单 */
}
.ele-menu.is-night.el-menu--vertical .el-menu-item:not(.is-disabled):hover,
.ele-menu.is-night.el-menu--vertical .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover, .ele-menu.is-night > .el-menu--popup .el-menu-item:not(.is-disabled):hover,
.ele-menu.is-night > .el-menu--popup .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:hover {
  background: var(--ele-menu-dark-hover-bg);
}
.ele-menu.is-night.el-menu--vertical .el-menu-item:not(.is-disabled):active,
.ele-menu.is-night.el-menu--vertical .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active, .ele-menu.is-night > .el-menu--popup .el-menu-item:not(.is-disabled):active,
.ele-menu.is-night > .el-menu--popup .el-sub-menu:not(.is-disabled) > .el-sub-menu__title:active {
  background: var(--ele-menu-dark-focus-bg);
}
.ele-menu.is-night.el-menu--vertical .el-menu-item:not(.is-disabled).is-active, .ele-menu.is-night > .el-menu--popup .el-menu-item:not(.is-disabled).is-active {
  background: var(--ele-menu-dark-active-bg);
}
.ele-menu.is-night {
  /* 折叠 */
}
.ele-menu.is-night.el-menu--collapse.el-menu--vertical > .el-sub-menu.is-active > .el-sub-menu__title, .ele-menu.is-night.el-menu--collapse.el-menu--vertical > .el-menu-item-group > ul > .el-sub-menu.is-active > .el-sub-menu__title {
  background: var(--ele-menu-dark-active-bg);
}
.ele-menu.is-night {
  /* 分组菜单 */
}
.ele-menu.is-night .el-menu-item-group__title {
  color: var(--ele-menu-group-dark-color);
}
.ele-menu.is-night {
  /* 气泡菜单 */
}
.ele-menu.is-night > .el-menu--popup-container > .el-menu--popup {
  background: var(--ele-menu-popup-dark-bg);
  box-shadow: var(--ele-menu-popup-dark-shadow);
}
.ele-menu.is-night {
  /* 彩色图标 */
}
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu__title::before, .ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu__title::before, .ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-menu-item::before,
.ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-sub-menu__title::before {
  background: var(--ele-menu-colorful-dark-dot-color);
}
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before, .ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before, .ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):not(.is-active):hover::before,
.ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-sub-menu:not(.is-disabled):not(.is-active) .el-sub-menu__title:hover::before {
  background: var(--ele-menu-colorful-dark-dot-hover-color);
}
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-menu-item.is-active::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-sub-menu > .el-menu .el-sub-menu.is-active .el-sub-menu__title::before, .ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-menu-item.is-active::before,
.ele-menu.is-night.is-colorful.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu .el-sub-menu.is-active .el-sub-menu__title::before, .ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-menu-item.is-active::before,
.ele-menu.is-night.is-colorful > .el-menu.el-menu--popup .el-sub-menu.is-active .el-sub-menu__title::before {
  background: var(--ele-menu-colorful-dark-dot-active-color);
}
.ele-menu {
  /* 水平菜单溢出省略 */
}
.ele-menu .ele-sub-menu-ellipsis > .el-sub-menu__title .el-icon:not(.el-sub-menu__icon-arrow) {
  margin: 0;
}
.ele-menu .ele-sub-menu-ellipsis > .el-sub-menu__title .el-sub-menu__icon-arrow {
  display: none;
}

/* 滚动条 */
.ele-menu > .el-menu--popup-container > .el-menu--popup {
  scrollbar-width: thin;
  scrollbar-color: var(--ele-menu-thumb-color) transparent;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar {
  width: var(--ele-menu-thumb-size);
  height: var(--ele-menu-thumb-size);
}
.ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-thumb {
  border-radius: var(--ele-menu-thumb-radius);
  border: var(--ele-menu-thumb-padding) solid transparent;
  background-color: var(--ele-menu-thumb-color);
  background-clip: padding-box;
}
.ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-thumb:hover {
  background-color: var(--ele-menu-thumb-hover-color);
}
.ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-track, .ele-menu > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-corner {
  background: transparent;
}

.ele-menu.is-night > .el-menu--popup-container > .el-menu--popup {
  scrollbar-color: var(--ele-menu-dark-thumb-color) transparent;
}
.ele-menu.is-night > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-thumb {
  background-color: var(--ele-menu-dark-thumb-color);
}
.ele-menu.is-night > .el-menu--popup-container > .el-menu--popup::-webkit-scrollbar-thumb:hover {
  background-color: var(--ele-menu-dark-thumb-hover-color);
}

.ele-menu.is-webkit > .el-menu--popup-container > .el-menu--popup {
  scrollbar-width: auto;
  scrollbar-color: auto;
}

/* 超链接 */
.ele-menu-trigger {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.el-menu-item .ele-menu-link {
  width: 100%;
  height: 100%;
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Tooltip */
.el-popper.is-dark > .ele-menu-title {
  position: static;
}
.el-popper.is-dark > .ele-menu-title::before {
  content: "";
  background: var(--ele-tooltip-bg);
  border-radius: var(--ele-tooltip-radius);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.el-popper.is-dark > .ele-menu-title + .el-popper__arrow {
  z-index: -2;
}

.el-popper.ele-menu,
.el-popper:has(> .ele-menu-title) {
  z-index: calc(var(--el-index-popper) + 2000) !important;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.el-breadcrumb::before,
.el-breadcrumb::after {
  display: table;
  content: "";
}

.el-breadcrumb::after {
  clear: both;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-breadcrumb__separator {
  margin: 0 9px;
  font-weight: bold;
  color: var(--el-text-color-placeholder);
}
.el-breadcrumb__separator.el-icon {
  margin: 0 6px;
  font-weight: normal;
}
.el-breadcrumb__separator.el-icon svg {
  vertical-align: middle;
}

.el-breadcrumb__item {
  float: left;
  display: inline-flex;
  align-items: center;
}
.el-breadcrumb__inner {
  color: var(--el-text-color-regular);
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
  font-weight: bold;
  text-decoration: none;
  transition: var(--el-transition-color);
  color: var(--el-text-color-primary);
}
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  font-weight: normal;
  color: var(--el-text-color-regular);
  cursor: text;
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.ele-breadcrumb {
  white-space: nowrap;
  font-size: inherit;
}
.ele-breadcrumb::after, .ele-breadcrumb::before {
  display: none;
}
.ele-breadcrumb .el-breadcrumb__item {
  float: none;
  display: inline;
  vertical-align: 1px;
}
.ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner {
  color: var(--el-text-color-secondary);
  font-weight: normal;
}
.ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover {
  color: var(--el-color-primary);
}
.ele-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: var(--el-text-color-regular);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 返回顶部主题变量 */
.ele-backtop {
  --ele-backtop-color: var(--el-text-color-regular);
  --ele-backtop-bg: var(--el-bg-color-overlay);
  --ele-backtop-shadow: var(--el-box-shadow-light);
  --ele-backtop-hover-color: var(--el-color-primary);
}

.ele-backtop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 18px;
  color: var(--ele-backtop-color);
  background: var(--ele-backtop-bg);
  box-shadow: var(--ele-backtop-shadow);
  transition: color 0.2s, background-color 0.2s;
  position: fixed;
  right: 40px;
  bottom: 40px;
  cursor: pointer;
  z-index: 5;
}
.ele-backtop:hover {
  color: var(--ele-backtop-hover-color);
}

.ele-backtop-fade-enter-from,
.ele-backtop-fade-leave-active {
  opacity: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-tabs {
  --el-tabs-header-height: 40px;
  display: flex;
}
.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.el-tabs__header-vertical {
  flex-direction: column;
}

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--el-color-primary);
  z-index: 1;
  transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  list-style: none;
}
.el-tabs__active-bar.is-bottom {
  bottom: auto;
}

.el-tabs__new-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid var(--el-border-color);
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 10px 0 10px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: var(--el-text-color-primary);
  cursor: pointer;
  transition: all 0.15s;
}
.el-tabs__new-tab .is-icon-plus {
  height: inherit;
  width: inherit;
  transform: scale(0.8, 0.8);
}
.el-tabs__new-tab .is-icon-plus svg {
  vertical-align: middle;
}
.el-tabs__new-tab:hover {
  color: var(--el-color-primary);
}

.el-tabs__new-tab-vertical {
  margin-left: 0;
}

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
  flex: 1 auto;
}
.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--el-border-color-light);
  z-index: var(--el-index-normal);
}
.el-tabs__nav-wrap.is-bottom::after {
  top: 0;
  bottom: auto;
}
.el-tabs__nav-wrap.is-scrollable {
  padding: 0 20px;
  box-sizing: border-box;
}

.el-tabs__nav-scroll {
  overflow: hidden;
}

.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: var(--el-text-color-secondary);
  width: 20px;
  text-align: center;
}
.el-tabs__nav-next.is-disabled, .el-tabs__nav-prev.is-disabled {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-tabs__nav-next {
  right: 0;
}

.el-tabs__nav-prev {
  left: 0;
}

.el-tabs__nav {
  display: flex;
  white-space: nowrap;
  position: relative;
  transition: transform var(--el-transition-duration);
  float: left;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex;
}
.el-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}

.el-tabs__item {
  padding: 0 20px;
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  font-size: var(--el-font-size-base);
  font-weight: 500;
  color: var(--el-text-color-primary);
  position: relative;
}
.el-tabs__item:focus, .el-tabs__item:focus:active {
  outline: none;
}
.el-tabs__item:focus-visible {
  box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
  border-radius: 3px;
}
.el-tabs__item .is-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  margin-left: 5px;
}
.el-tabs__item .is-icon-close:before {
  transform: scale(0.9);
  display: inline-block;
}
.el-tabs__item .is-icon-close:hover {
  background-color: var(--el-text-color-placeholder);
  color: #ffffff;
}
.el-tabs__item.is-active {
  color: var(--el-color-primary);
}

.el-tabs__item:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-tabs__content {
  overflow: hidden;
  position: relative;
  flex-grow: 1;
}

.el-tabs--top > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0;
}
.el-tabs--top > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 20px;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 20px;
}

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid var(--el-border-color-light);
  height: var(--el-tabs-header-height);
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .is-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  overflow: hidden;
  right: -2px;
  transform-origin: 100% 50%;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  margin-top: -1px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--el-border-color-light);
  transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
  width: 14px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: var(--el-bg-color);
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
  width: 14px;
}

.el-tabs--border-card {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: var(--el-fill-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
  margin: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  border: 1px solid transparent;
  margin-top: -1px;
  color: var(--el-text-color-secondary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: var(--el-color-primary);
  background-color: var(--el-bg-color-overlay);
  border-right-color: var(--el-border-color);
  border-left-color: var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: var(--el-color-primary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
}
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0;
}

.el-tabs--bottom {
  flex-direction: column;
}
.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid var(--el-border-color);
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -1px -1px;
}

.el-tabs--left, .el-tabs--right {
  overflow: hidden;
}
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
  height: 100%;
}
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto;
}
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
  transform: rotateZ(90deg);
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev.is-disabled,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next.is-disabled {
  cursor: not-allowed;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  left: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  right: auto;
  bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
  flex-direction: column;
}
.el-tabs--left .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-left {
  justify-content: flex-end;
}
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-right {
  justify-content: flex-start;
}

.el-tabs--left {
  flex-direction: row;
}
.el-tabs--left .el-tabs__header.is-left {
  margin-bottom: 0;
  margin-right: 10px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -1px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}
.el-tabs--left .el-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.el-tabs--left .el-tabs__item.is-left {
  text-align: right;
}
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  display: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
  text-align: left;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid var(--el-border-color-light);
  border-right-color: #fff;
  border-left: none;
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid var(--el-border-color-light);
  border-right: none;
}
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none;
}
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid var(--el-border-color);
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}
.el-tabs--left > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.el-tabs--right .el-tabs__header.is-right {
  margin-bottom: 0;
  margin-left: 10px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -1px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto;
}
.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0;
}
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid var(--el-border-color-light);
  border-left-color: #fff;
  border-right: none;
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid var(--el-border-color-light);
  border-left: none;
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid var(--el-border-color);
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.el-tabs--top {
  flex-direction: column;
}
.el-tabs--top > .el-tabs__content + .el-tabs__header {
  order: -1;
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter var(--el-transition-duration);
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave var(--el-transition-duration);
}

.slideInLeft-enter {
  animation: slideInLeft-enter var(--el-transition-duration);
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave var(--el-transition-duration);
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 标签页主题变量 */
.ele-tabs-wrap {
  --ele-tab-bg: var(--el-bg-color);
  --ele-tab-header-bg: var(--el-fill-color-lighter);
  --ele-tab-line-color: var(--el-border-color-light);
  --ele-tab-height: 40px;
  --ele-tab-padding: 16px;
  --ele-tab-color: var(--el-text-color-regular);
  --ele-tab-font-size: var(--el-font-size-base);
  --ele-tab-font-weight: normal;
  --ele-tab-hover-color: var(--el-color-primary);
  --ele-tab-active-color: var(--el-color-primary);
  --ele-tab-close-size: var(--el-font-size-base);
  --ele-tab-close-color: var(--el-text-color-secondary);
  --ele-tab-close-font-size: var(--el-font-size-base);
  --ele-tab-close-radius: 50%;
  --ele-tab-close-hover-color: #fff;
  --ele-tab-close-hover-bg: var(--el-color-error);
  --ele-tab-active-close-color: var(--el-text-color-secondary);
  --ele-tab-active-close-hover-color: #fff;
  --ele-tab-active-close-hover-bg: var(--el-color-error);
  --ele-tab-icon-font-size: 15px;
  --ele-tab-tool-color: var(--el-text-color-secondary);
  --ele-tab-tool-font-size: var(--el-font-size-base);
  --ele-tab-tool-hover-color: var(--el-text-color-primary);
  --ele-tab-hover-index: 3;
  --ele-tab-active-index: 4;
  --ele-tab-scroll-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-tab-scroll-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --ele-tab-sm-height: 32px;
  --ele-tab-sm-padding: 12px;
  --ele-tab-sm-font-size: var(--el-font-size-small);
  --ele-tab-sm-close-size: var(--el-font-size-small);
  --ele-tab-sm-close-font-size: var(--el-font-size-small);
  --ele-tab-sm-icon-font-size: 14px;
  --ele-tab-sm-tool-font-size: var(--el-font-size-small);
  --ele-tab-lg-height: 52px;
  --ele-tab-lg-padding: 22px;
  --ele-tab-lg-font-size: var(--el-font-size-medium);
  --ele-tab-lg-close-size: var(--el-font-size-medium);
  --ele-tab-lg-close-font-size: var(--el-font-size-medium);
  --ele-tab-lg-icon-font-size: 17px;
  --ele-tab-lg-tool-font-size: var(--el-font-size-medium);
  --ele-tab-simple-radius: 0;
  --ele-tab-simple-hover-color: var(--el-text-color-primary);
  --ele-tab-simple-hover-bg: rgba(0, 0, 0, 0.025);
  --ele-tab-simple-active-color: var(--el-color-primary);
  --ele-tab-simple-active-bg: var(--el-color-primary-light-9);
  --ele-tab-simple-active-weight: normal;
  --ele-tab-simple-active-line: 2px;
  --ele-tab-simple-line-width: 100%;
  --ele-tab-simple-line-display: block;
  --ele-tab-simple-angle-size: 0px;
  --ele-tab-simple-angle-display: none;
  --ele-tab-simple-tool-hover-bg: var(--ele-tab-simple-hover-bg);
  --ele-tab-indicator-dot-size: 8px;
  --ele-tab-indicator-dot-color: #d9d9d9;
  --ele-tab-indicator-dot-hover-color: #b6b6b6;
  --ele-tab-indicator-dot-active-color: var(--el-color-primary);
  --ele-tab-indicator-margin: 6px;
  --ele-tab-tag-space: 4px;
  --ele-tab-tag-radius: var(--el-border-radius-base);
  --ele-tab-button-padding: 8px;
  --ele-tab-button-space: 8px;
  --ele-tab-button-radius: 4px;
  --ele-tab-button-bg: var(--el-bg-color);
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-lighter) inset;
  --ele-tab-button-hover-color: var(--el-color-primary);
  --ele-tab-button-hover-bg: var(--ele-tab-button-bg);
  --ele-tab-button-hover-shadow: var(--ele-tab-button-shadow);
  --ele-tab-button-active-color: var(--el-color-primary);
  --ele-tab-button-active-bg: var(--ele-tab-button-bg);
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color) inset;
  --ele-tab-button-active-weight: normal;
}

/* 标签页 */
.ele-tabs.el-tabs > .el-tabs__header {
  flex-shrink: 0;
  margin: 0;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap {
  margin: 0;
  padding: 0;
  display: flex;
  box-sizing: border-box;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap::after {
  height: 0.8px;
  background: var(--ele-tab-line-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-scroll {
  flex: 1;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav {
  float: none;
  height: auto;
  width: max-content;
  display: inline-flex;
  box-sizing: border-box;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item {
  display: block;
  height: var(--ele-tab-height);
  line-height: var(--ele-tab-height);
  color: var(--ele-tab-color);
  font-size: var(--ele-tab-font-size);
  font-weight: var(--ele-tab-font-weight);
  transition-duration: 0.2s;
  transition-property: color, background-color, border-color, box-shadow;
  border: none;
  margin: 0;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item:hover {
  color: var(--ele-tab-hover-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item.is-active {
  color: var(--ele-tab-active-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item:focus-visible {
  box-shadow: none;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-closable,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-top.is-closable {
  padding: 0;
}
.ele-tabs.el-tabs > .el-tabs__header {
  /* 标题 */
}
.ele-tabs.el-tabs > .el-tabs__header .ele-tab-title {
  height: 100%;
  padding: 0 var(--ele-tab-padding);
  box-sizing: border-box;
  position: static;
  outline: none;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-padding) + var(--ele-tab-close-size) / 2 + var(--ele-tab-padding) / 4);
}
.ele-tabs.el-tabs > .el-tabs__header .ele-tab-icon {
  font-size: var(--ele-tab-icon-font-size);
  vertical-align: -2px;
}
.ele-tabs.el-tabs > .el-tabs__header {
  /* 关闭图标 */
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
  margin: 0;
  width: var(--ele-tab-close-size);
  height: var(--ele-tab-close-size);
  color: var(--ele-tab-close-color);
  font-size: var(--ele-tab-close-font-size);
  border-radius: var(--ele-tab-close-radius);
  position: absolute;
  right: calc(var(--ele-tab-padding) / 2);
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.2s, background-color 0.2s;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close > svg {
  margin: 0;
  pointer-events: none;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close:hover {
  color: var(--ele-tab-close-hover-color);
  background: var(--ele-tab-close-hover-bg);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__item.is-active .is-icon-close {
  color: var(--ele-tab-active-close-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-wrap .el-tabs__item.is-active .is-icon-close:hover {
  color: var(--ele-tab-active-close-hover-color);
  background: var(--ele-tab-active-close-hover-bg);
}
.ele-tabs.el-tabs > .el-tabs__header {
  /* 左右箭头 */
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next {
  flex-shrink: 0;
  width: var(--ele-tab-height);
  height: var(--ele-tab-height);
  line-height: var(--ele-tab-height);
  color: var(--ele-tab-tool-color);
  font-size: var(--ele-tab-tool-font-size);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  right: auto;
  left: auto;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev:not(.is-disabled):hover,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next:not(.is-disabled):hover {
  color: var(--ele-tab-tool-hover-color);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev.is-disabled,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next.is-disabled {
  cursor: not-allowed;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev::before, .ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev::before,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next::before,
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next::before {
  content: "";
  width: 10px;
  position: absolute;
  top: 0;
  bottom: -1px;
  transition: box-shadow 0.2s;
  pointer-events: none;
  z-index: calc(var(--ele-tab-active-index) + 1);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev::before {
  right: -10px;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next::before {
  left: -10px;
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-prev:not(.is-disabled)::before {
  box-shadow: var(--ele-tab-scroll-left-shadow);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next:not(.is-disabled)::before {
  box-shadow: var(--ele-tab-scroll-right-shadow);
}
.ele-tabs.el-tabs > .el-tabs__header .el-tabs__nav-next {
  order: 1;
}
.ele-tabs.el-tabs > .el-tabs__header {
  /* 左右反圆角 */
}
.ele-tabs.el-tabs > .el-tabs__header .ele-tab-corner-left,
.ele-tabs.el-tabs > .el-tabs__header .ele-tab-corner-right {
  display: none;
}

/* 小型尺寸 */
.ele-tabs.is-small > .el-tabs__header .el-tabs__item {
  height: var(--ele-tab-sm-height);
  line-height: var(--ele-tab-sm-height);
  font-size: var(--ele-tab-sm-font-size);
}
.ele-tabs.is-small > .el-tabs__header .ele-tab-title {
  padding: 0 var(--ele-tab-sm-padding);
}
.ele-tabs.is-small > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-sm-padding) + var(--ele-tab-sm-close-size) / 2 + var(--ele-tab-sm-padding) / 4);
}
.ele-tabs.is-small > .el-tabs__header .ele-tab-icon {
  font-size: var(--ele-tab-sm-icon-font-size);
}
.ele-tabs.is-small > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
  width: var(--ele-tab-sm-close-size);
  height: var(--ele-tab-sm-close-size);
  font-size: var(--ele-tab-sm-close-font-size);
  right: calc(var(--ele-tab-sm-padding) / 2);
}
.ele-tabs.is-small > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-small > .el-tabs__header .el-tabs__nav-next {
  width: var(--ele-tab-sm-height);
  height: var(--ele-tab-sm-height);
  font-size: var(--ele-tab-sm-tool-font-size);
}

/* 大型尺寸 */
.ele-tabs.is-large > .el-tabs__header .el-tabs__item {
  height: var(--ele-tab-lg-height);
  line-height: var(--ele-tab-lg-height);
  font-size: var(--ele-tab-lg-font-size);
}
.ele-tabs.is-large > .el-tabs__header .ele-tab-title {
  padding: 0 var(--ele-tab-lg-padding);
}
.ele-tabs.is-large > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-lg-padding) + var(--ele-tab-lg-close-size) / 2 + var(--ele-tab-lg-padding) / 4);
}
.ele-tabs.is-large > .el-tabs__header .ele-tab-icon {
  font-size: var(--ele-tab-lg-icon-font-size);
}
.ele-tabs.is-large > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
  width: var(--ele-tab-lg-close-size);
  height: var(--ele-tab-lg-close-size);
  font-size: var(--ele-tab-lg-close-font-size);
  right: calc(var(--ele-tab-lg-padding) / 2);
}
.ele-tabs.is-large > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-large > .el-tabs__header .el-tabs__nav-next {
  width: var(--ele-tab-lg-height);
  height: var(--ele-tab-lg-height);
  font-size: var(--ele-tab-lg-tool-font-size);
}

/* 标签居中 */
.ele-tabs.is-center > .el-tabs__header .el-tabs__nav-scroll {
  text-align: center;
}

/* 卡片风格 */
.ele-tabs.el-tabs--card > .el-tabs__header {
  height: auto;
  border: none;
  box-shadow: 0 -0.8px 0 var(--ele-tab-line-color) inset;
}
.ele-tabs.el-tabs--card > .el-tabs__header .el-tabs__item + .el-tabs__item {
  border-left: 1px solid var(--ele-tab-line-color);
}
.ele-tabs.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background: var(--ele-tab-bg);
}
.ele-tabs.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid var(--ele-tab-line-color);
  border-bottom: none;
  overflow: hidden;
}

/* 边框卡片风格 */
.ele-tabs.el-tabs--border-card {
  background: var(--ele-tab-bg);
  border: 1px solid var(--ele-tab-line-color);
}
.ele-tabs.el-tabs--border-card > .el-tabs__header {
  border: none;
  background: var(--ele-tab-header-bg);
  box-shadow: 0 -0.8px 0 var(--ele-tab-line-color) inset;
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  border-color: var(--ele-tab-line-color);
  background: var(--ele-tab-bg);
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__nav > .el-tabs__item:first-child {
  border-left: none;
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap.is-scrollable .el-tabs__item:last-child {
  border-right: none;
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__nav-prev {
  border-right: 1px solid var(--ele-tab-line-color);
}
.ele-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__nav-next {
  border-left: 1px solid var(--ele-tab-line-color);
}

/* 默认风格 */
.ele-tabs.is-default > .el-tabs__header .el-tabs__item + .el-tabs__item,
.ele-tabs.is-plain > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: calc(var(--ele-tab-padding) * 2 - 4px);
}
.ele-tabs.is-default > .el-tabs__header .ele-tab-title,
.ele-tabs.is-plain > .el-tabs__header .ele-tab-title {
  padding: 0 2px;
}
.ele-tabs.is-default > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title,
.ele-tabs.is-plain > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-close-size) + 2px);
}
.ele-tabs.is-default > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close,
.ele-tabs.is-plain > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
  right: 0;
}
.ele-tabs.is-default.is-small > .el-tabs__header .el-tabs__item + .el-tabs__item,
.ele-tabs.is-plain.is-small > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: calc(var(--ele-tab-sm-padding) * 2 - 4px);
}
.ele-tabs.is-default.is-small > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title,
.ele-tabs.is-plain.is-small > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-sm-close-size) + 2px);
}
.ele-tabs.is-default.is-large > .el-tabs__header .el-tabs__item + .el-tabs__item,
.ele-tabs.is-plain.is-large > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: calc(var(--ele-tab-lg-padding) * 2 - 4px);
}
.ele-tabs.is-default.is-large > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title,
.ele-tabs.is-plain.is-large > .el-tabs__header .el-tabs__item.is-closable .ele-tab-title {
  padding-right: calc(var(--ele-tab-lg-close-size) + 2px);
}

/* 朴素风格 */
.ele-tabs.is-plain > .el-tabs__header .el-tabs__nav-wrap::after {
  display: none;
}

/* 简约风格 */
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item {
  border-radius: var(--ele-tab-simple-radius);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-next,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-height) - var(--ele-tab-simple-angle-size));
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-prev:not(.is-disabled):hover,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-next:not(.is-disabled):hover,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-prev:not(.is-disabled):hover,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-next:not(.is-disabled):hover {
  background: var(--ele-tab-simple-tool-hover-bg);
}
.ele-tabs.is-simple > .el-tabs__header,
.ele-tabs.is-indicator > .el-tabs__header {
  /* 第一个和最后一个页签预留反圆角位置 */
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav > .el-tabs__item,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav > .el-tabs__item {
  border-left: var(--ele-tab-simple-angle-size) solid transparent;
  border-right: var(--ele-tab-simple-angle-size) solid transparent;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav > .el-tabs__item + .el-tabs__item,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav > .el-tabs__item + .el-tabs__item {
  margin-left: calc(var(--ele-tab-simple-angle-size) * -2);
}

.ele-tabs.is-simple > .el-tabs__header .el-tabs__item,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item {
  transition-property: color;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-title,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-title {
  border-radius: inherit;
  transition: background-color 0.2s;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item:hover,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover {
  color: var(--ele-tab-simple-hover-color);
  z-index: var(--ele-tab-hover-index);
  background: transparent;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item:hover .ele-tab-title,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover .ele-tab-title {
  background: var(--ele-tab-simple-hover-bg);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active {
  color: var(--ele-tab-simple-active-color);
  font-weight: var(--ele-tab-simple-active-weight);
  z-index: var(--ele-tab-active-index);
  background: transparent;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active .ele-tab-title,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active .ele-tab-title {
  background: var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__nav-wrap::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__nav-wrap::after {
  display: none;
}

/* 简约风格指示线 */
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item::after {
  content: "";
  width: 0;
  height: var(--ele-tab-simple-active-line);
  display: var(--ele-tab-simple-line-display);
  background: var(--el-color-primary);
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active::after {
  width: var(--ele-tab-simple-line-width);
}

/* 简约风格两侧反圆角 */
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-left,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-right,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-left,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-right {
  width: var(--ele-tab-simple-angle-size);
  height: var(--ele-tab-simple-angle-size);
  display: var(--ele-tab-simple-angle-display);
  align-items: flex-end;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-left::after,
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-right::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-left::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-right::after {
  content: "";
  flex-shrink: 0;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) transparent;
  transition: box-shadow 0.2s;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-left,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-left {
  right: 100%;
  justify-content: flex-end;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-corner-right,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-corner-right {
  left: 100%;
  justify-content: flex-start;
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item:hover .ele-tab-corner-left::after, .ele-tabs.is-simple > .el-tabs__header .el-tabs__item:hover .ele-tab-corner-right::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover .ele-tab-corner-left::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-hover-bg);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active .ele-tab-corner-left::after, .ele-tabs.is-simple > .el-tabs__header .el-tabs__item.is-active .ele-tab-corner-right::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active .ele-tab-corner-left::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-simple > .el-tabs__header .el-tabs__item .ele-tab-title::after,
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item .ele-tab-title::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--ele-tab-simple-angle-size) * -1);
  right: calc(var(--ele-tab-simple-angle-size) * -1);
  bottom: 0;
}

/* 指示器风格 */
.ele-tabs.is-indicator > .el-tabs__header .ele-tab-title {
  padding-left: calc(var(--ele-tab-padding) + var(--ele-tab-indicator-dot-size) / 2 + var(--ele-tab-indicator-margin));
}
.ele-tabs.is-indicator > .el-tabs__header .ele-tab-title::before {
  content: "";
  width: var(--ele-tab-indicator-dot-size);
  height: var(--ele-tab-indicator-dot-size);
  border-radius: 50%;
  background: var(--ele-tab-indicator-dot-color);
  position: absolute;
  left: calc(var(--ele-tab-padding) - var(--ele-tab-indicator-dot-size) / 2);
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s;
}
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item:hover .ele-tab-title::before {
  background: var(--ele-tab-indicator-dot-hover-color);
}
.ele-tabs.is-indicator > .el-tabs__header .el-tabs__item.is-active .ele-tab-title::before {
  background: var(--ele-tab-indicator-dot-active-color);
}
.ele-tabs.is-indicator.is-small > .el-tabs__header .ele-tab-title {
  padding-left: calc(var(--ele-tab-sm-padding) + var(--ele-tab-indicator-dot-size) / 2 + var(--ele-tab-indicator-margin));
}
.ele-tabs.is-indicator.is-small > .el-tabs__header .ele-tab-title::before {
  left: calc(var(--ele-tab-sm-padding) - var(--ele-tab-indicator-dot-size) / 2);
}
.ele-tabs.is-indicator.is-large > .el-tabs__header .ele-tab-title {
  padding-left: calc(var(--ele-tab-lg-padding) + var(--ele-tab-indicator-dot-size) / 2 + var(--ele-tab-indicator-margin));
}
.ele-tabs.is-indicator.is-large > .el-tabs__header .ele-tab-title::before {
  left: calc(var(--ele-tab-lg-padding) - var(--ele-tab-indicator-dot-size) / 2);
}

/* 标签风格 */
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav {
  padding-top: var(--ele-tab-tag-space);
  padding-bottom: var(--ele-tab-tag-space);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  border-radius: var(--ele-tab-tag-radius);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: var(--ele-tab-tag-space);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__item:hover {
  color: var(--ele-tab-simple-hover-color);
  z-index: var(--ele-tab-hover-index);
  background: var(--ele-tab-simple-hover-bg);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__item.is-active {
  color: var(--ele-tab-simple-active-color);
  font-weight: var(--ele-tab-simple-active-weight);
  z-index: var(--ele-tab-active-index);
  background: var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  margin-top: var(--ele-tab-tag-space);
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-prev::before,
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-next::before {
  display: none;
}
.ele-tabs.is-tag > .el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-tag > .el-tabs__header .el-tabs__nav-wrap::after {
  display: none;
}
.ele-tabs.is-tag.is-small > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
}
.ele-tabs.is-tag.is-small > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-tag.is-small > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
}
.ele-tabs.is-tag.is-large > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
}
.ele-tabs.is-tag.is-large > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-tag.is-large > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
}

/* 按钮风格 */
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav {
  padding-top: var(--ele-tab-button-padding);
  padding-bottom: var(--ele-tab-button-padding);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  border-radius: var(--ele-tab-button-radius);
  background: var(--ele-tab-button-bg);
  box-shadow: var(--ele-tab-button-shadow);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: var(--ele-tab-button-space);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__item:hover {
  color: var(--ele-tab-button-hover-color);
  background: var(--ele-tab-button-hover-bg);
  box-shadow: var(--ele-tab-button-hover-shadow);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__item.is-active {
  color: var(--ele-tab-button-active-color);
  font-weight: var(--ele-tab-button-active-weight);
  background: var(--ele-tab-button-active-bg);
  box-shadow: var(--ele-tab-button-active-shadow);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  margin-top: var(--ele-tab-button-padding);
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-prev::before,
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-next::before {
  display: none;
}
.ele-tabs.is-button > .el-tabs__header .el-tabs__active-bar,
.ele-tabs.is-button > .el-tabs__header .el-tabs__nav-wrap::after {
  display: none;
}
.ele-tabs.is-button.is-small > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
}
.ele-tabs.is-button.is-small > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-button.is-small > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
}
.ele-tabs.is-button.is-large > .el-tabs__header .el-tabs__item {
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
}
.ele-tabs.is-button.is-large > .el-tabs__header .el-tabs__nav-prev,
.ele-tabs.is-button.is-large > .el-tabs__header .el-tabs__nav-next {
  width: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
}

/* 拖动 */
.ele-tabs.is-sortable > .el-tabs__header .el-tabs__item {
  user-select: none;
}
.ele-tabs.is-sortable > .el-tabs__header .el-tabs__item.sortable-ghost {
  opacity: 0;
}
.ele-tabs.is-sortable > .el-tabs__header .el-tabs__item.sortable-chosen {
  background: var(--el-bg-color);
}
.ele-tabs.is-sortable.is-simple > .el-tabs__header .el-tabs__item.sortable-chosen, .ele-tabs.is-sortable.is-indicator > .el-tabs__header .el-tabs__item.sortable-chosen {
  background: none;
}
.ele-tabs.is-sortable.is-simple > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-title, .ele-tabs.is-sortable.is-indicator > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-title {
  background: var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-sortable.is-simple > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-corner-left::after,
.ele-tabs.is-sortable.is-simple > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-corner-right::after, .ele-tabs.is-sortable.is-indicator > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-corner-left::after,
.ele-tabs.is-sortable.is-indicator > .el-tabs__header .el-tabs__item.sortable-chosen .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-active-bg);
}
.ele-tabs.is-sortable.is-button > .el-tabs__header .el-tabs__item.sortable-chosen {
  background: var(--ele-tab-button-active-bg);
}
.ele-tabs.is-sortable.is-tag > .el-tabs__header .el-tabs__item.sortable-chosen {
  background: var(--ele-tab-simple-active-bg);
}

/* 页签操作按钮 */
.ele-tab-tool {
  flex-shrink: 0;
  height: var(--ele-tab-height);
  line-height: var(--ele-tab-height);
  min-width: var(--ele-tab-height);
  text-align: center;
  color: var(--ele-tab-tool-color);
  font-size: var(--ele-tab-tool-font-size);
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 0.2s;
  position: relative;
  cursor: pointer;
}
.ele-tab-tool:hover {
  color: var(--ele-tab-tool-hover-color);
}
.ele-tab-tool {
  /* 模拟页签 */
}
.ele-tab-tool.is-tab {
  color: var(--ele-tab-color);
  font-size: var(--ele-tab-font-size);
}
.ele-tab-tool.is-tab:hover {
  color: var(--ele-tab-hover-color);
}
.ele-tab-tool.is-tab.is-active {
  color: var(--ele-tab-active-color);
}
.ele-tab-tool {
  /* 标题 */
}
.ele-tab-tool .ele-tab-title {
  height: 100%;
  padding: 0 var(--ele-tab-padding);
  box-sizing: border-box;
  outline: none;
}
.ele-tab-tool .ele-tab-icon {
  font-size: var(--ele-tab-icon-font-size);
  vertical-align: -2px;
}
.ele-tab-tool {
  /* 下拉菜单 */
}
.ele-tab-tool > .el-dropdown {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  position: static;
  cursor: inherit;
  display: block;
}

/* 页签容器 */
.ele-tab-wrap {
  display: flex;
  box-sizing: border-box;
  position: relative;
  /* 页签 */
}
.ele-tab-wrap > .ele-tabs {
  flex: 1;
  overflow: hidden;
}
.ele-tab-wrap > .ele-tabs .el-tabs__content {
  display: none;
}
.ele-tab-wrap {
  /* 抵消反圆角预留间距 */
}
.ele-tab-wrap .ele-tab-tool.is-tab .ele-tab-corner-left,
.ele-tab-wrap .ele-tab-tool.is-tab .ele-tab-corner-right {
  display: none;
}
.ele-tab-wrap .ele-tab-tool.is-tab + .ele-tabs.is-simple, .ele-tab-wrap .ele-tab-tool.is-tab + .ele-tabs.is-indicator {
  margin-left: calc(var(--ele-tab-simple-angle-size) * -1);
}
.ele-tab-wrap .ele-tab-tool.is-tab + .ele-tabs.is-simple .el-tabs__nav-wrap.is-scrollable, .ele-tab-wrap .ele-tab-tool.is-tab + .ele-tabs.is-indicator .el-tabs__nav-wrap.is-scrollable {
  padding-left: var(--ele-tab-simple-angle-size);
}
.ele-tab-wrap {
  /* 小型尺寸 */
}
.ele-tab-wrap.is-small .ele-tab-tool {
  height: var(--ele-tab-sm-height);
  line-height: var(--ele-tab-sm-height);
  min-width: var(--ele-tab-sm-height);
  font-size: var(--ele-tab-sm-tool-font-size);
}
.ele-tab-wrap.is-small .ele-tab-tool.is-tab {
  font-size: var(--ele-tab-sm-font-size);
}
.ele-tab-wrap.is-small .ele-tab-tool .ele-tab-icon {
  font-size: var(--ele-tab-sm-icon-font-size);
}
.ele-tab-wrap {
  /* 大型尺寸 */
}
.ele-tab-wrap.is-large .ele-tab-tool {
  height: var(--ele-tab-lg-height);
  line-height: var(--ele-tab-lg-height);
  min-width: var(--ele-tab-lg-height);
  font-size: var(--ele-tab-lg-tool-font-size);
}
.ele-tab-wrap.is-large .ele-tab-tool.is-tab {
  font-size: var(--ele-tab-lg-font-size);
}
.ele-tab-wrap.is-large .ele-tab-tool .ele-tab-icon {
  font-size: var(--ele-tab-lg-icon-font-size);
}
.ele-tab-wrap {
  /* 简约风格和指示器风格以及标签风格 */
}
.ele-tab-wrap.is-simple .ele-tab-tool:hover, .ele-tab-wrap.is-indicator .ele-tab-tool:hover, .ele-tab-wrap.is-tag .ele-tab-tool:hover {
  background: var(--ele-tab-simple-tool-hover-bg);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab:hover, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab:hover, .ele-tab-wrap.is-tag .ele-tab-tool.is-tab:hover {
  color: var(--ele-tab-simple-hover-color);
  background: var(--ele-tab-simple-hover-bg);
  z-index: var(--ele-tab-hover-index);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab.is-active, .ele-tab-wrap.is-tag .ele-tab-tool.is-tab.is-active {
  color: var(--ele-tab-simple-active-color);
  font-weight: var(--ele-tab-simple-active-weight);
  background: var(--ele-tab-simple-active-bg);
  z-index: var(--ele-tab-active-index);
}
.ele-tab-wrap.is-simple .ele-tab-tool, .ele-tab-wrap.is-indicator .ele-tab-tool {
  border-radius: var(--ele-tab-simple-radius);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab {
  z-index: var(--ele-tab-hover-index);
  /* 两侧反圆角 */
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-left,
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-right, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-left,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-right {
  width: var(--ele-tab-simple-angle-size);
  height: var(--ele-tab-simple-angle-size);
  display: var(--ele-tab-simple-angle-display);
  align-items: flex-end;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-left::after,
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-right::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-left::after,
.ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-right::after {
  content: "";
  flex-shrink: 0;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) transparent;
  transition: box-shadow 0.2s;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-left, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-left {
  right: 100%;
  justify-content: flex-end;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab .ele-tab-corner-right, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab .ele-tab-corner-right {
  left: 100%;
  justify-content: flex-start;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab:hover .ele-tab-corner-left::after, .ele-tab-wrap.is-simple .ele-tab-tool.is-tab:hover .ele-tab-corner-right::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab:hover .ele-tab-corner-left::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab:hover .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-hover-bg);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active .ele-tab-corner-left::after, .ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active .ele-tab-corner-right::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab.is-active .ele-tab-corner-left::after, .ele-tab-wrap.is-indicator .ele-tab-tool.is-tab.is-active .ele-tab-corner-right::after {
  box-shadow: 0 0 0 var(--ele-tab-simple-angle-size) var(--ele-tab-simple-active-bg);
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab::after {
  content: "";
  width: 0;
  height: var(--ele-tab-simple-active-line);
  display: var(--ele-tab-simple-line-display);
  background: var(--el-color-primary);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ele-tab-wrap.is-simple .ele-tab-tool.is-tab.is-active::after {
  width: var(--ele-tab-simple-line-width);
}
.ele-tab-wrap {
  /* 标签风格 */
}
.ele-tab-wrap.is-tag .ele-tab-tool {
  height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  min-width: calc(var(--ele-tab-height) - var(--ele-tab-tag-space));
  border-radius: var(--ele-tab-tag-radius);
  margin-top: var(--ele-tab-tag-space);
  margin-bottom: var(--ele-tab-tag-space);
}
.ele-tab-wrap.is-tag .ele-tab-tool + .ele-tab-tool {
  margin-left: var(--ele-tab-tag-space);
}
.ele-tab-wrap.is-tag.is-small .ele-tab-tool {
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
  min-width: calc(var(--ele-tab-sm-height) - var(--ele-tab-tag-space));
}
.ele-tab-wrap.is-tag.is-large .ele-tab-tool {
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
  min-width: calc(var(--ele-tab-lg-height) - var(--ele-tab-tag-space));
}
.ele-tab-wrap {
  /* 按钮风格 */
}
.ele-tab-wrap.is-button .ele-tab-tool {
  height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  min-width: calc(var(--ele-tab-height) - var(--ele-tab-button-padding));
  border-radius: var(--ele-tab-button-radius);
  background: var(--ele-tab-button-hover-bg);
  box-shadow: var(--ele-tab-button-hover-shadow);
  margin-top: var(--ele-tab-button-padding);
  margin-bottom: var(--ele-tab-button-padding);
}
.ele-tab-wrap.is-button .ele-tab-tool + .ele-tab-tool {
  margin-left: var(--ele-tab-button-space);
}
.ele-tab-wrap.is-button .ele-tab-tool:not(.is-tab):hover {
  box-shadow: var(--ele-tab-button-active-shadow);
}
.ele-tab-wrap.is-button .ele-tab-tool.is-tab {
  background: var(--ele-tab-button-bg);
  box-shadow: var(--ele-tab-button-shadow);
}
.ele-tab-wrap.is-button .ele-tab-tool.is-tab:hover {
  color: var(--ele-tab-button-hover-color);
  background: var(--ele-tab-button-hover-bg);
  box-shadow: var(--ele-tab-button-hover-shadow);
}
.ele-tab-wrap.is-button .ele-tab-tool.is-tab.is-active {
  color: var(--ele-tab-button-active-color);
  font-weight: var(--ele-tab-button-active-weight);
  background: var(--ele-tab-button-active-bg);
  box-shadow: var(--ele-tab-button-active-shadow);
}
.ele-tab-wrap.is-button.is-small .ele-tab-tool {
  height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
  min-width: calc(var(--ele-tab-sm-height) - var(--ele-tab-button-padding));
}
.ele-tab-wrap.is-button.is-large .ele-tab-tool {
  height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  line-height: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
  min-width: calc(var(--ele-tab-lg-height) - var(--ele-tab-button-padding));
}

/* 内部表格高度铺满 */
.ele-tabs.is-flex-table {
  flex: 1;
  overflow: hidden;
}
.ele-tabs.is-flex-table > .el-tabs__content {
  flex: 1;
  overflow: hidden;
}
.ele-tabs.is-flex-table > .el-tabs__content > .el-tab-pane {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: auto;
}
.ele-tabs.is-flex-table > .el-tabs__content > .el-tab-pane > .ele-pro-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ele-tabs.is-flex-table > .el-tabs__content > .el-tab-pane > .ele-pro-table > .ele-pro-table-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.ele-tabs.is-flex-auto-table {
  flex: auto;
}
.ele-tabs.is-flex-auto-table > .el-tabs__content {
  flex: auto;
}
.ele-tabs.is-flex-auto-table > .el-tabs__content > .el-tab-pane {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.ele-tabs.is-flex-auto-table > .el-tabs__content > .el-tab-pane > .ele-pro-table {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ele-tabs.is-flex-auto-table > .el-tabs__content > .el-tab-pane > .ele-pro-table > .ele-pro-table-view {
  flex: var(--ele-pro-table-flex);
  height: var(--ele-pro-table-min-height);
  overflow: hidden;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 布局主题变量 */
/* 页签栏 */
.ele-admin-tabs {
  flex-shrink: 0;
  background: var(--ele-header-bg);
  box-shadow: var(--ele-header-shadow);
  z-index: calc(var(--ele-layout-index) + 1);
}
.ele-admin-tabs:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-page-padding, var(--ele-header-tools-padding));
}
.ele-admin-tabs {
  /* 固定的主页页签 */
}
.ele-admin-tabs.is-fixed-home {
  padding-left: var(--ele-page-padding, var(--ele-header-tools-padding));
}
.ele-admin-tabs.is-fixed-home.is-tag .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-tab-tag-space);
}
.ele-admin-tabs.is-fixed-home.is-button .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-tab-button-space);
}
.ele-admin-tabs {
  /* 标签风格页签栏 */
}
.ele-admin-tabs.is-tag {
  padding-right: var(--ele-tab-tag-space);
}
.ele-admin-tabs {
  /* 卡片风格页签栏 */
}
.ele-admin-tabs.is-button {
  padding-right: var(--ele-page-padding, var(--ele-header-tools-padding));
  background: var(--ele-layout-bg);
  box-shadow: none;
}
.ele-admin-tabs {
  /* 固定页签栏 */
}
.ele-admin-tabs.is-fixed {
  position: sticky;
  top: var(--ele-header-height);
}
.ele-admin-tabs.is-fixed-top {
  top: 0;
}

/* 顶栏 */
.ele-admin-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: var(--ele-header-height);
  line-height: var(--ele-header-height);
  background: var(--ele-header-bg);
  box-shadow: var(--ele-header-shadow);
  z-index: calc(var(--ele-layout-index) + 2);
  transition: all 0.2s;
  /* 顶栏面包屑导航 */
}
.ele-admin-header .ele-admin-breadcrumb {
  margin-left: calc(var(--ele-header-tools-padding) + var(--ele-header-tool-padding));
  flex-shrink: 0;
}
.ele-admin-header {
  /* 顶栏菜单 */
}
.ele-admin-header .ele-admin-menus {
  flex: 1;
  overflow: hidden;
}
.ele-admin-header .ele-admin-menus > .ele-menu.el-menu.el-menu--horizontal {
  --ele-menu-horizontal-height: var(--ele-header-menu-height);
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  border: none;
}
.ele-admin-header {
  /* 顶栏页签栏 */
}
.ele-admin-header > .ele-admin-tabs {
  flex: 1;
  overflow: hidden;
  line-height: normal;
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap {
  padding-right: 0;
  background: none;
  box-shadow: none;
}
.ele-admin-header > .ele-admin-tabs + .ele-admin-tools {
  padding-left: 0;
}
.ele-admin-header > .ele-admin-tabs.is-simple, .ele-admin-header > .ele-admin-tabs.is-indicator {
  align-self: flex-end;
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator {
  --ele-tab-height: calc(var(--ele-header-height) - (var(--ele-header-height) - var(--ele-header-tool-height)) / 2);
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__item,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .ele-tab-tool,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-prev,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-next, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__item,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .ele-tab-tool,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-prev,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-next {
  line-height: calc(var(--ele-header-height) - (var(--ele-header-height) - var(--ele-header-tool-height)));
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-prev,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-next, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-prev,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-next {
  display: block;
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-prev > .el-icon,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple .el-tabs__nav-next > .el-icon, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-prev > .el-icon,
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator .el-tabs__nav-next > .el-icon {
  vertical-align: -2px;
}
.ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple > .ele-tabs > .el-tabs__header .el-tabs__item .is-icon-close, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-simple > .ele-tabs > .el-tabs__header .ele-tab-title::before, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator > .ele-tabs > .el-tabs__header .el-tabs__item .is-icon-close, .ele-admin-header > .ele-admin-tabs.ele-tab-wrap.is-indicator > .ele-tabs > .el-tabs__header .ele-tab-title::before {
  margin-top: calc((var(--ele-header-height) - var(--ele-header-tool-height)) / 2 / 2 * -1);
}
.ele-admin-header {
  /* 顶栏与页签栏分割线 */
}
.ele-admin-header.show-divider {
  box-shadow: var(--ele-header-divider-shadow);
}
.ele-admin-header {
  /* 模糊透明顶栏 */
}
.ele-admin-header.is-ghost {
  background: var(--ele-header-ghost-bg);
  backdrop-filter: var(--ele-header-ghost-filter);
}
.ele-admin-header {
  /* 固定顶栏 */
}
.ele-admin-header.is-fixed {
  position: sticky;
  top: 0;
}

/* 顶栏操作按钮容器 */
.ele-admin-tools {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 var(--ele-header-tools-padding);
  box-sizing: border-box;
  height: 100%;
}
.ele-admin-tools + .ele-admin-breadcrumb {
  margin-left: 0;
}
.ele-admin-tools + .ele-admin-tabs.ele-tab-wrap, .ele-admin-tools + .ele-admin-tabs:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: 0;
}
.ele-admin-tools + .is-simple.is-fixed-home, .ele-admin-tools + .is-simple:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav, .ele-admin-tools + .is-indicator.is-fixed-home, .ele-admin-tools + .is-indicator:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-tab-simple-angle-size);
}
.ele-admin-tools + .is-button.is-fixed-home, .ele-admin-tools + .is-button:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
  padding-left: var(--ele-tab-button-space);
}

/* 暗色顶栏 */
.ele-admin-header.is-dark,
.ele-admin-header.is-primary {
  color: var(--ele-header-dark-color);
  background: var(--ele-header-dark-bg);
  box-shadow: var(--ele-header-dark-shadow);
  /* 暗色顶栏面包屑 */
}
.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner,
.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator {
  color: rgba(255, 255, 255, 0.8);
}
.ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover, .ele-admin-header.is-dark .ele-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover,
.ele-admin-header.is-primary .ele-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: var(--ele-header-dark-color);
}
.ele-admin-header.is-dark,
.ele-admin-header.is-primary {
  /* 暗色顶栏页签栏 */
}
.ele-admin-header.is-dark > .ele-admin-tabs.ele-tab-wrap,
.ele-admin-header.is-primary > .ele-admin-tabs.ele-tab-wrap {
  --ele-tab-color: var(--ele-header-dark-color);
  --ele-tab-hover-color: var(--ele-header-dark-color);
  --ele-tab-close-color: var(--ele-header-dark-color);
  --ele-tab-close-hover-color: var(--ele-header-dark-color);
  --ele-tab-close-hover-bg: var(--ele-header-dark-tool-hover-bg);
  --ele-tab-tool-color: var(--ele-header-dark-color);
  --ele-tab-tool-hover-color: var(--ele-header-dark-color);
  --ele-tab-simple-hover-color: var(--ele-header-dark-color);
  --ele-tab-simple-hover-bg: var(--ele-header-dark-tool-hover-bg);
  --ele-tab-simple-active-bg: var(--el-bg-color);
  --ele-tab-simple-line-width: 16px;
  --ele-tab-simple-tool-hover-bg: transparent;
  --ele-tab-indicator-dot-color: rgba(255, 255, 255, 0.4);
  --ele-tab-indicator-dot-hover-color: rgba(255, 255, 255, 0.6);
  --ele-tab-button-bg: var(--ele-header-dark-tool-hover-bg);
  --ele-tab-button-shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.2) inset;
  --ele-tab-button-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tab-button-hover-color: var(--ele-header-dark-color);
  --ele-tab-button-hover-shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.28) inset;
  --ele-tab-button-active-bg: var(--el-bg-color);
  --ele-tab-button-active-shadow: none;
}

.ele-admin-header.is-dark > .ele-admin-tabs.ele-tab-wrap {
  --ele-tab-active-close-color: var(--ele-header-dark-color);
  --ele-tab-active-close-hover-color: var(--ele-header-dark-color);
  --ele-tab-active-close-hover-bg: var(--ele-header-dark-tool-hover-bg);
  --ele-tab-simple-active-color: var(--ele-header-dark-color);
  --ele-tab-simple-active-bg: var(--el-color-primary);
  --ele-tab-simple-active-line: 0px;
  --ele-tab-indicator-dot-active-color: var(--ele-header-dark-color);
  --ele-tab-button-active-color: var(--ele-header-dark-color);
  --ele-tab-button-active-bg: var(--el-color-primary);
}

/* 主色顶栏 */
.ele-admin-header.is-primary {
  background: var(--ele-header-primary-bg);
  box-shadow: var(--ele-header-primary-shadow);
  /* 主色顶栏菜单 */
}
.ele-admin-header.is-primary .ele-admin-menus > .ele-menu {
  --ele-menu-horizontal-dark-active-bg: var(--ele-header-primary-active-bg);
}
.ele-admin-header.is-primary {
  /* 主色顶栏页签拖动 */
}
.ele-admin-header.is-primary > .ele-admin-tabs .ele-tabs.is-sortable > .el-tabs__header .el-tabs__item.sortable-chosen:not(.is-active) {
  --ele-tab-simple-active-bg: var(--ele-tab-simple-hover-bg);
  --ele-tab-button-active-bg: var(--ele-tab-button-hover-bg);
}

/* 侧栏容器 */
.ele-admin-side {
  flex-shrink: 0;
  display: flex;
  box-sizing: border-box;
  z-index: calc(var(--ele-layout-index) + 3);
  position: relative;
}

/* 侧栏 */
.ele-admin-sidebar {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: var(--ele-sidebar-width);
  background: var(--ele-sidebar-bg);
  box-shadow: var(--ele-sidebar-shadow);
  z-index: calc(var(--ele-layout-index) + 3);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  /* 侧栏菜单 */
}
.ele-admin-sidebar .ele-admin-menus {
  flex: 1;
  overflow: hidden;
}
.ele-admin-sidebar .ele-admin-menus > .el-scrollbar__wrap {
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-admin-sidebar .ele-admin-menus > .el-scrollbar__wrap > .el-scrollbar__view > .ele-menu {
  width: 100%;
  border: none;
  background: none;
  transition: none;
}
.ele-admin-sidebar {
  /* 暗色侧栏 */
}
.ele-admin-sidebar.is-dark {
  background: var(--ele-sidebar-dark-bg);
  box-shadow: var(--ele-sidebar-dark-shadow);
}
.ele-admin-sidebar {
  /* 双侧栏 */
}
.ele-admin-sidebar.is-mix {
  width: var(--ele-sidebar-mix-width);
  z-index: calc(var(--ele-layout-index) + 2);
}
.ele-admin-sidebar {
  /* 模糊透明侧栏 */
}
.ele-admin-sidebar.is-ghost {
  background: var(--ele-sidebar-ghost-bg);
}
.ele-admin-sidebar {
  /* 折叠侧栏 */
}
.ele-admin-sidebar.is-collapse:not(.is-mix) {
  width: var(--ele-sidebar-collapse-width);
}
.ele-admin-sidebar.is-collapse.is-mix {
  margin-left: calc(var(--ele-sidebar-mix-width) * -1) !important;
  visibility: hidden;
}

/* 双侧栏一级 */
.ele-admin-sidebox {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: var(--ele-sidebox-width);
  background: var(--ele-sidebar-bg);
  box-shadow: var(--ele-sidebar-shadow);
  z-index: calc(var(--ele-layout-index) + 3);
  transition: all 0.2s;
  box-sizing: border-box;
  position: relative;
  /* 双侧栏一级菜单 */
}
.ele-admin-sidebox .ele-admin-menus {
  flex: 1;
  overflow: hidden;
}
.ele-admin-sidebox .ele-admin-menus > .el-scrollbar__wrap {
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-admin-sidebox .ele-admin-menus > .el-scrollbar__wrap > .el-scrollbar__view > .ele-menu {
  border: none;
  background: none;
}
.ele-admin-sidebox {
  /* 暗色双侧栏一级 */
}
.ele-admin-sidebox.is-dark {
  background: var(--ele-sidebar-dark-bg);
  box-shadow: var(--ele-sidebar-dark-shadow);
}
.ele-admin-sidebox {
  /* 模糊透明双侧栏一级 */
}
.ele-admin-sidebox.is-ghost {
  background: var(--ele-sidebar-ghost-bg);
}
.ele-admin-sidebox {
  /* 与侧栏分割线 */
}
.ele-admin-sidebox.show-divider {
  box-shadow: var(--ele-sidebar-divider-shadow);
}
.ele-admin-sidebox.show-divider.is-dark {
  box-shadow: var(--ele-sidebar-dark-divider-shadow);
}
.ele-admin-sidebox {
  /* 折叠双侧栏一级 */
}
.ele-admin-sidebox.is-compact {
  width: var(--ele-sidebar-collapse-width);
}

/* 固定侧栏 */
.ele-admin-side.is-fixed {
  position: sticky;
  left: 0;
  top: 0;
  height: 100vh;
  height: 100dvh;
}

.ele-admin-side.show-placeholder {
  margin-top: calc(var(--ele-header-height) * -1);
}
.ele-admin-side.show-placeholder > .ele-admin-sidebar, .ele-admin-side.show-placeholder > .ele-admin-sidebox {
  padding-top: var(--ele-header-height);
}

/* 侧栏菜单滚动条 */
.ele-admin-sidebar > .ele-admin-menus,
.ele-admin-sidebox > .ele-admin-menus {
  --el-scrollbar-opacity: 1;
  --el-scrollbar-hover-opacity: 1;
  --el-scrollbar-bg-color: var(--ele-menu-thumb-color);
  --el-scrollbar-hover-bg-color: var(--ele-menu-thumb-hover-color);
}
.ele-admin-sidebar > .ele-admin-menus > .el-scrollbar__bar.is-vertical,
.ele-admin-sidebox > .ele-admin-menus > .el-scrollbar__bar.is-vertical {
  width: calc(var(--ele-menu-thumb-size) - var(--ele-menu-thumb-padding) * 2);
  border-radius: var(--ele-menu-thumb-radius);
  right: var(--ele-menu-thumb-padding);
  z-index: 9;
}
.ele-admin-sidebar > .ele-admin-menus > .el-scrollbar__bar.is-horizontal,
.ele-admin-sidebox > .ele-admin-menus > .el-scrollbar__bar.is-horizontal {
  height: calc(var(--ele-menu-thumb-size) - var(--ele-menu-thumb-padding) * 2);
  border-radius: var(--ele-menu-thumb-radius);
  bottom: var(--ele-menu-thumb-padding);
  z-index: 9;
}

/* 暗色侧栏菜单滚动条 */
.ele-admin-sidebar.is-dark > .ele-admin-menus,
.ele-admin-sidebox.is-dark > .ele-admin-menus {
  --el-scrollbar-bg-color: var(--ele-menu-dark-thumb-color);
  --el-scrollbar-hover-bg-color: var(--ele-menu-dark-thumb-hover-color);
}

.ele-admin-layout {
  --ele-layout-bg: var(--el-bg-color-page);
  --ele-layout-index: 99;
  --ele-layout-mask-index: calc(var(--el-index-popper) + 2000);
  --ele-layout-button-tab-page-pt: 0;
  --ele-layout-ghost-header-page-pt: 16px;
}
.ele-admin-layout {
  --ele-logo-size: 18px;
  --ele-logo-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --ele-logo-color: var(--el-text-color-primary);
  --ele-logo-dark-color: #fff;
}
.ele-admin-layout {
  --ele-header-height: 54px;
  --ele-header-bg: var(--el-bg-color);
  --ele-header-shadow: 0 0 0 0.8px var(--el-border-color-lighter);
  --ele-header-line-color: var(--el-border-color-extra-light);
  --ele-header-divider-shadow: 0 -0.8px 0 var(--ele-header-line-color) inset;
  --ele-header-menu-height: var(--ele-header-height);
  --ele-header-tools-padding: 12px;
  --ele-header-tool-padding: 12px;
  --ele-header-tool-height: var(--ele-header-height);
  --ele-header-tool-radius: 0;
  --ele-header-tool-hover-bg: rgba(0, 0, 0, 0.04);
  --ele-header-dark-tool-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-header-dark-color: #fff;
  --ele-header-dark-bg: #191a23;
  --ele-header-dark-shadow: none;
  --ele-header-primary-bg: linear-gradient(12deg, var(--el-color-primary), var(--el-color-primary-light-3) 28%, var(--el-color-primary-light-5) 46%, var(--el-color-primary-light-3) 72%, var(--el-color-primary) 92%, var(--el-color-primary-dark-2));
  --ele-header-primary-shadow: none;
  --ele-header-primary-active-bg: transparent;
  --ele-header-ghost-bg: hsla(0, 0%, 100%, 0.4);
  --ele-header-ghost-filter: blur(8px);
}
.ele-admin-layout {
  --ele-sidebar-width: 220px;
  --ele-sidebar-collapse-width: 54px;
  --ele-sidebar-mix-width: 160px;
  --ele-sidebar-bg: var(--el-bg-color);
  --ele-sidebar-dark-bg: #191a23;
  --ele-sidebar-shadow: 0 0 0 0.8px var(--el-border-color-lighter);
  --ele-sidebar-dark-shadow: none;
  --ele-sidebar-divider-shadow: 0 0 0 0.8px var(--el-border-color-lighter);
  --ele-sidebar-dark-divider-shadow: -0.8px 0 0 0 #000 inset;
  --ele-sidebar-transition: width 0.2s, left 0.2s;
  --ele-sidebar-tool-height: 40px;
  --ele-sidebar-mobile-backdrop-filter: none;
  --ele-sidebar-mobile-bg: var(--ele-sidebar-bg);
  --ele-sidebar-mobile-dark-bg: var(--ele-sidebar-dark-bg);
  --ele-sidebar-mobile-dark-backdrop-filter: none;
  --ele-sidebar-ghost-bg: var(--ele-sidebar-bg);
}
.ele-admin-layout {
  --ele-sidebox-width: 80px;
}
.ele-admin-layout {
  --ele-menu-thumb-size: 8px;
  --ele-menu-thumb-radius: 4px;
  --ele-menu-thumb-padding: 2px;
  --ele-menu-thumb-color: #cfcfcf;
  --ele-menu-thumb-hover-color: #b6b6b6;
}
.ele-admin-layout {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.32);
  --ele-menu-dark-thumb-hover-color: rgba(255, 255, 255, 0.48);
}

.ele-admin-layout {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: var(--ele-layout-bg);
  box-sizing: border-box;
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
}
.ele-admin-layout > .ele-admin-header {
  z-index: calc(var(--ele-layout-index) + 4);
}

.ele-admin-main,
.ele-admin-body,
.ele-admin-wrapper,
.ele-admin-content {
  flex: auto;
  display: flex;
  flex-direction: column;
}

.ele-admin-layout.is-row-direction,
.ele-admin-main.is-row-direction {
  flex-direction: row;
}

.ele-admin-wrapper {
  position: relative;
}
.ele-admin-wrapper > .ele-backtop {
  z-index: calc(var(--ele-layout-index) + 1);
}

/* 主体宽度 */
.ele-admin-layout.is-row-direction > .ele-admin-main,
.ele-admin-main.is-row-direction > .ele-admin-body {
  flex: 0 1 auto;
  transition: width 0.2s;
  width: 100%;
}

.ele-admin-layout > .ele-admin-side + .ele-admin-main,
.ele-admin-main > .ele-admin-side + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-width));
}

.ele-admin-side.is-collapse + .ele-admin-main,
.ele-admin-side.is-collapse + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-collapse-width));
}

.ele-admin-side.is-mix + .ele-admin-main,
.ele-admin-side.is-mix + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-mix-width) - var(--ele-sidebox-width));
}

.ele-admin-side.is-mix.is-collapse + .ele-admin-main,
.ele-admin-side.is-mix.is-collapse + .ele-admin-body {
  width: calc(100% - var(--ele-sidebox-width));
}

.ele-admin-side.is-compact + .ele-admin-main,
.ele-admin-side.is-compact + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-mix-width) - var(--ele-sidebar-collapse-width));
}

.ele-admin-side.is-compact.is-collapse + .ele-admin-main,
.ele-admin-side.is-compact.is-collapse + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-collapse-width));
}

.ele-admin-side.is-box + .ele-admin-main,
.ele-admin-side.is-box + .ele-admin-body {
  width: calc(100% - var(--ele-sidebox-width));
}

.ele-admin-side.is-box.is-compact + .ele-admin-main,
.ele-admin-side.is-box.is-compact + .ele-admin-body {
  width: calc(100% - var(--ele-sidebar-collapse-width));
}

.ele-admin-layout.is-row-direction.is-mobile > .ele-admin-main,
.ele-admin-layout.is-row-direction.is-fixed-body > .ele-admin-main,
.ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body,
.ele-admin-layout.is-row-direction.is-maximized > .ele-admin-main,
.ele-admin-layout.is-maximized > .ele-admin-main > .ele-admin-body {
  width: 100%;
}

.ele-admin-layout {
  /* 固定主体 */
}
.ele-admin-layout.is-fixed-body {
  height: 100vh;
  height: 100dvh;
}
.ele-admin-layout.is-fixed-body > .ele-admin-main, .ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body, .ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-side, .ele-admin-layout.is-fixed-body > .ele-admin-side {
  height: 100%;
}
.ele-admin-layout.is-fixed-body > .ele-admin-main, .ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body, .ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper {
  overflow: auto;
}
.ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-content {
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-admin-layout.is-fixed-body > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-backtop {
  z-index: var(--ele-layout-index);
}
.ele-admin-layout {
  /* 内容全屏 */
}
.ele-admin-layout.is-maximized > .ele-admin-header, .ele-admin-layout.is-maximized > .ele-admin-main > .ele-admin-header, .ele-admin-layout.is-maximized > .ele-admin-main > .ele-admin-side, .ele-admin-layout.is-maximized > .ele-admin-side, .ele-admin-layout.is-expanded > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  display: none;
}
.ele-admin-layout {
  /* 移动端风格 */
}
.ele-admin-layout.is-mobile > .ele-admin-side {
  width: 0;
  z-index: calc(var(--ele-layout-mask-index) + 1);
  clip-path: none !important;
}
.ele-admin-layout.is-mobile > .ele-admin-side > .ele-admin-sidebar:not(.is-dark), .ele-admin-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox:not(.is-dark) {
  background: var(--ele-sidebar-mobile-bg);
  backdrop-filter: var(--ele-sidebar-mobile-backdrop-filter);
}
.ele-admin-layout.is-mobile > .ele-admin-side > .ele-admin-sidebar.is-dark, .ele-admin-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox.is-dark {
  background: var(--ele-sidebar-mobile-dark-bg);
  backdrop-filter: var(--ele-sidebar-mobile-dark-backdrop-filter);
}
.ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebar, .ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebox {
  visibility: hidden;
}
.ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebar {
  transform: translateX(-100%);
}
.ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebar.is-mix, .ele-admin-layout.is-collapse > .ele-admin-side > .ele-admin-sidebox {
  transform: translateX(calc(var(--ele-sidebox-width) * -1 - var(--ele-sidebar-mix-width)));
}
.ele-admin-layout.is-collapse > .ele-admin-mask, .ele-admin-layout:not(.is-mobile) > .ele-admin-mask {
  visibility: hidden;
  opacity: 0;
}
.ele-admin-layout {
  /* 禁用过渡效果 */
}
.ele-admin-layout.is-transition-disabled > .ele-admin-header, .ele-admin-layout.is-transition-disabled > .ele-admin-main > .ele-admin-header, .ele-admin-layout.is-transition-disabled > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar, .ele-admin-layout.is-transition-disabled > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox, .ele-admin-layout.is-transition-disabled > .ele-admin-side > .ele-admin-sidebar, .ele-admin-layout.is-transition-disabled > .ele-admin-side > .ele-admin-sidebox, .ele-admin-layout.is-transition-disabled > .ele-admin-main, .ele-admin-layout.is-transition-disabled > .ele-admin-main > .ele-admin-body {
  transition: none !important;
}

/* logo */
.ele-admin-logo,
.ele-admin-logo-title {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ele-logo-color);
  font-size: var(--ele-logo-size);
  font-family: var(--ele-logo-family);
  height: var(--ele-header-height);
  position: relative;
  overflow: hidden;
}
.ele-admin-logo h1,
.ele-admin-logo-title h1 {
  margin: 0;
  font-weight: 500;
  font-size: inherit;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}

.ele-admin-logo > img {
  width: 30px;
  height: 30px;
}
.ele-admin-logo > img + h1 {
  margin-left: 8px;
}

.ele-admin-sidebar.is-collapse > .ele-admin-logo > img + h1 {
  display: none;
}

.ele-admin-header > .ele-admin-logo {
  margin-left: calc(var(--ele-header-tools-padding) + var(--ele-header-tool-padding));
}

.ele-admin-header.is-dark > .ele-admin-logo,
.ele-admin-header.is-primary > .ele-admin-logo,
.ele-admin-sidebar.is-dark > .ele-admin-logo,
.ele-admin-sidebar.is-dark > .ele-admin-logo-title,
.ele-admin-sidebox.is-dark > .ele-admin-logo {
  color: var(--ele-logo-dark-color);
}

/* 操作按钮 */
.ele-admin-tool {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--ele-header-tool-height);
  padding: 0 var(--ele-header-tool-padding);
  border-radius: var(--ele-header-tool-radius);
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
  cursor: pointer;
}
.ele-admin-tool:hover {
  background: var(--ele-header-tool-hover-bg);
}
.ele-admin-tool > .el-dropdown {
  color: inherit;
  cursor: inherit;
  font-size: inherit;
  line-height: inherit;
  align-items: center;
  height: 100%;
}

.ele-admin-header.is-dark .ele-admin-tool:hover,
.ele-admin-header.is-primary .ele-admin-tool:hover,
.ele-admin-sidebar.is-dark .ele-admin-tool:hover,
.ele-admin-sidebox.is-dark .ele-admin-tool:hover {
  background: var(--ele-header-dark-tool-hover-bg);
}

.ele-admin-sidebar .ele-admin-tool,
.ele-admin-sidebox .ele-admin-tool {
  height: var(--ele-sidebar-tool-height);
  padding: 0;
}

.ele-admin-sidebar.is-dark .ele-admin-tool,
.ele-admin-sidebox.is-dark .ele-admin-tool {
  color: var(--ele-header-dark-color);
}

/* 模态框容器 */
.ele-admin-modals {
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: var(--ele-layout-index);
}

/* 遮罩 */
.ele-admin-mask {
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: var(--ele-layout-mask-index);
  background: var(--el-overlay-color-lighter);
  transition: all 0.2s;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.ele-pro-layout {
  /* logo */
}
.ele-pro-layout > .ele-admin-side > .ele-admin-sidebox > .ele-admin-logo > img + h1 {
  display: none;
}
.ele-pro-layout {
  /* 面包屑导航 */
}
.ele-pro-layout.is-mobile > .ele-admin-main > .ele-admin-header > .ele-admin-breadcrumb {
  display: none;
}
.ele-pro-layout.is-mobile > .ele-admin-main > .ele-admin-header > .ele-admin-tools:first-child {
  padding-right: 0;
}

/* iframe */
.ele-admin-iframe-wrap {
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  overflow: hidden;
}

.ele-admin-iframe {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  border: none;
  box-sizing: border-box;
  pointer-events: auto;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-avatar {
  --el-avatar-text-color: var(--el-color-white);
  --el-avatar-bg-color: var(--el-text-color-disabled);
  --el-avatar-text-size: 14px;
  --el-avatar-icon-size: 18px;
  --el-avatar-border-radius: var(--el-border-radius-base);
  --el-avatar-size-large: 56px;
  --el-avatar-size: 40px;
  --el-avatar-size-small: 24px;
  --el-avatar-size: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  outline: none;
  color: var(--el-avatar-text-color);
  background: var(--el-avatar-bg-color);
  width: var(--el-avatar-size);
  height: var(--el-avatar-size);
  font-size: var(--el-avatar-text-size);
}
.el-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-avatar--circle {
  border-radius: 50%;
}

.el-avatar--square {
  border-radius: var(--el-avatar-border-radius);
}

.el-avatar--icon {
  font-size: var(--el-avatar-icon-size);
}

.el-avatar--small {
  --el-avatar-size: 24px;
}

.el-avatar--large {
  --el-avatar-size: 56px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-switch {
  --el-switch-on-color: var(--el-color-primary);
  --el-switch-off-color: var(--el-border-color);
}

.el-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 32px;
  vertical-align: middle;
}
.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}

.el-switch__label {
  transition: var(--el-transition-duration-fast);
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: var(--el-text-color-primary);
}
.el-switch__label.is-active {
  color: var(--el-color-primary);
}

.el-switch__label--left {
  margin-right: 10px;
}

.el-switch__label--right {
  margin-left: 10px;
}

.el-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block;
}
.el-switch__label .el-icon {
  height: inherit;
}
.el-switch__label .el-icon svg {
  vertical-align: middle;
}

.el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.el-switch__input:focus-visible ~ .el-switch__core {
  outline: 2px solid var(--el-switch-on-color);
  outline-offset: 1px;
}

.el-switch__core {
  display: inline-flex;
  position: relative;
  align-items: center;
  min-width: 40px;
  height: 20px;
  border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: var(--el-switch-off-color);
  cursor: pointer;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration);
}
.el-switch__core .el-switch__inner {
  width: 100%;
  transition: all var(--el-transition-duration);
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0 4px 0 calc(16px + 2px);
}
.el-switch__core .el-switch__inner-wrapper {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--el-color-white);
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-switch__core .el-switch__action {
  position: absolute;
  left: 1px;
  border-radius: var(--el-border-radius-circle);
  transition: all var(--el-transition-duration);
  width: 16px;
  height: 16px;
  background-color: var(--el-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--el-switch-off-color);
}

.el-switch.is-checked .el-switch__core {
  border-color: var(--el-switch-border-color, var(--el-switch-on-color));
  background-color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 17px);
  color: var(--el-switch-on-color);
}
.el-switch.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(16px + 2px) 0 4px;
}

.el-switch.is-disabled {
  opacity: 0.6;
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}

.el-switch .label-fade-enter-from, .el-switch .label-fade-leave-active {
  opacity: 0;
}
.el-switch--large {
  font-size: 14px;
  line-height: 24px;
  height: 40px;
}
.el-switch--large .el-switch__label {
  height: 24px;
  font-size: 14px;
}
.el-switch--large .el-switch__label * {
  font-size: 14px;
}

.el-switch--large .el-switch__core {
  min-width: 50px;
  height: 24px;
  border-radius: 12px;
}
.el-switch--large .el-switch__core .el-switch__inner {
  height: 20px;
  padding: 0 6px 0 calc(20px + 2px);
}
.el-switch--large .el-switch__core .el-switch__action {
  width: 20px;
  height: 20px;
}

.el-switch--large.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 21px);
}
.el-switch--large.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(20px + 2px) 0 6px;
}

.el-switch--small {
  font-size: 12px;
  line-height: 16px;
  height: 24px;
}
.el-switch--small .el-switch__label {
  height: 16px;
  font-size: 12px;
}
.el-switch--small .el-switch__label * {
  font-size: 12px;
}

.el-switch--small .el-switch__core {
  min-width: 30px;
  height: 16px;
  border-radius: 8px;
}
.el-switch--small .el-switch__core .el-switch__inner {
  height: 12px;
  padding: 0 2px 0 calc(12px + 2px);
}
.el-switch--small .el-switch__core .el-switch__action {
  width: 12px;
  height: 12px;
}

.el-switch--small.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 13px);
}
.el-switch--small.is-checked .el-switch__core .el-switch__inner {
  padding: 0 calc(12px + 2px) 0 2px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-tag {
  --el-tag-font-size: 12px;
  --el-tag-border-radius: 4px;
  --el-tag-border-radius-rounded: 9999px;
}

.el-tag {
  background-color: var(--el-tag-bg-color);
  border-color: var(--el-tag-border-color);
  color: var(--el-tag-text-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 24px;
  padding: 0 9px;
  font-size: var(--el-tag-font-size);
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--el-tag-border-radius);
  box-sizing: border-box;
  white-space: nowrap;
  --el-icon-size: 14px;
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-bg-color: var(--el-color-success-light-9);
  --el-tag-border-color: var(--el-color-success-light-8);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning-light-9);
  --el-tag-border-color: var(--el-color-warning-light-8);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger-light-9);
  --el-tag-border-color: var(--el-color-danger-light-8);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-bg-color: var(--el-color-error-light-9);
  --el-tag-border-color: var(--el-color-error-light-8);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-bg-color: var(--el-color-info-light-9);
  --el-tag-border-color: var(--el-color-info-light-8);
  --el-tag-hover-color: var(--el-color-info);
}
.el-tag.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.is-round {
  border-radius: var(--el-tag-border-radius-rounded);
}

.el-tag .el-tag__close {
  flex-shrink: 0;
  color: var(--el-tag-text-color);
}
.el-tag .el-tag__close:hover {
  color: var(--el-color-white);
  background-color: var(--el-tag-hover-color);
}
.el-tag.el-tag--primary {
  --el-tag-text-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-text-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-text-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-text-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-text-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-text-color: var(--el-color-info);
}
.el-tag .el-icon {
  border-radius: 50%;
  cursor: pointer;
  font-size: calc(var(--el-icon-size) - 2px);
  height: var(--el-icon-size);
  width: var(--el-icon-size);
}
.el-tag .el-tag__close {
  padding: 0;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  overflow: hidden;
  margin-left: 6px;
}
.el-tag .el-tag__close:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-tag .el-tag__close .el-icon {
  display: flex;
}
.el-tag--dark {
  --el-tag-text-color: var(--el-color-white);
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--success {
  --el-tag-bg-color: var(--el-color-success);
  --el-tag-border-color: var(--el-color-success);
  --el-tag-hover-color: var(--el-color-success-light-3);
}
.el-tag--dark.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning);
  --el-tag-border-color: var(--el-color-warning);
  --el-tag-hover-color: var(--el-color-warning-light-3);
}
.el-tag--dark.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger);
  --el-tag-border-color: var(--el-color-danger);
  --el-tag-hover-color: var(--el-color-danger-light-3);
}
.el-tag--dark.el-tag--error {
  --el-tag-bg-color: var(--el-color-error);
  --el-tag-border-color: var(--el-color-error);
  --el-tag-hover-color: var(--el-color-error-light-3);
}
.el-tag--dark.el-tag--info {
  --el-tag-bg-color: var(--el-color-info);
  --el-tag-border-color: var(--el-color-info);
  --el-tag-hover-color: var(--el-color-info-light-3);
}
.el-tag--dark.el-tag--primary {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--success {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--warning {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--danger {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--error {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark.el-tag--info {
  --el-tag-text-color: var(--el-color-white);
}

.el-tag--plain {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--primary {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--success {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-success-light-5);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag--plain.el-tag--warning {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-warning-light-5);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag--plain.el-tag--danger {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-danger-light-5);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag--plain.el-tag--error {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-error-light-5);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag--plain.el-tag--info {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-info-light-5);
  --el-tag-hover-color: var(--el-color-info);
}

.el-tag.is-closable {
  padding-right: 5px;
}
.el-tag--large {
  padding: 0 11px;
  height: 32px;
  --el-icon-size: 16px;
}
.el-tag--large .el-tag__close {
  margin-left: 8px;
}
.el-tag--large.is-closable {
  padding-right: 7px;
}

.el-tag--small {
  padding: 0 7px;
  height: 20px;
  --el-icon-size: 12px;
}
.el-tag--small .el-tag__close {
  margin-left: 4px;
}
.el-tag--small.is-closable {
  padding-right: 3px;
}

.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag.el-tag--primary.is-hit {
  border-color: var(--el-color-primary);
}

.el-tag.el-tag--success.is-hit {
  border-color: var(--el-color-success);
}

.el-tag.el-tag--warning.is-hit {
  border-color: var(--el-color-warning);
}

.el-tag.el-tag--danger.is-hit {
  border-color: var(--el-color-danger);
}

.el-tag.el-tag--error.is-hit {
  border-color: var(--el-color-error);
}

.el-tag.el-tag--info.is-hit {
  border-color: var(--el-color-info);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-select-dropdown__item {
  font-size: var(--el-font-size-base);
  padding: 0 32px 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-text-color-regular);
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--el-fill-color-light);
}

.el-select-dropdown__item.is-selected {
  color: var(--el-color-primary);
  font-weight: bold;
}

.el-select-dropdown__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
  background-color: unset;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  border-top: none;
  border-right: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--el-color-primary);
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  mask-size: 100% 100%;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask-size: 100% 100%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
  background-color: var(--el-text-color-placeholder);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.el-select-group__title {
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 12px;
  color: var(--el-color-info);
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
.el-select-dropdown {
  z-index: calc(var(--el-index-top) + 1);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__loading {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}
.el-select-dropdown__list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}

.el-select-dropdown__header {
  padding: 10px;
  border-bottom: 1px solid var(--el-border-color-light);
}

.el-select-dropdown__footer {
  padding: 10px;
  border-top: 1px solid var(--el-border-color-light);
}

.el-select-dropdown__item {
  font-size: var(--el-font-size-base);
  padding: 0 32px 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-text-color-regular);
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--el-fill-color-light);
}

.el-select-dropdown__item.is-selected {
  color: var(--el-color-primary);
  font-weight: bold;
}

.el-select-dropdown__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
  background-color: unset;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  border-top: none;
  border-right: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--el-color-primary);
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  mask-size: 100% 100%;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask-size: 100% 100%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
  background-color: var(--el-text-color-placeholder);
}

.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.el-select-group__title {
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 12px;
  color: var(--el-color-info);
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

.el-select {
  --el-select-border-color-hover: var(--el-border-color-hover);
  --el-select-disabled-color: var(--el-disabled-text-color);
  --el-select-disabled-border: var(--el-disabled-border-color);
  --el-select-font-size: var(--el-font-size-base);
  --el-select-close-hover-color: var(--el-text-color-secondary);
  --el-select-input-color: var(--el-text-color-placeholder);
  --el-select-multiple-input-color: var(--el-text-color-regular);
  --el-select-input-focus-border-color: var(--el-color-primary);
  --el-select-input-font-size: 14px;
  --el-select-width: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: var(--el-select-width);
}
.el-select__wrapper {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  padding: 4px 12px;
  gap: 6px;
  min-height: 32px;
  line-height: 24px;
  border-radius: var(--el-border-radius-base);
  background-color: var(--el-fill-color-blank);
  transition: var(--el-transition-duration);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-select__wrapper.is-filterable {
  cursor: text;
}

.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-select__wrapper.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-select__wrapper.is-disabled {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-select__wrapper.is-disabled .el-select__selected-item {
  color: var(--el-select-disabled-color);
}

.el-select__wrapper.is-disabled .el-select__caret {
  cursor: not-allowed;
}

.el-select__wrapper.is-disabled .el-tag {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled input {
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled .el-select__prefix,
.el-select__wrapper.is-disabled .el-select__suffix {
  pointer-events: none;
}

.el-select__prefix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
}

.el-select__caret {
  color: var(--el-select-input-color);
  font-size: var(--el-select-input-font-size);
  transition: var(--el-transition-duration);
  transform: rotateZ(0deg);
  cursor: pointer;
}
.el-select__caret.is-reverse {
  transform: rotateZ(180deg);
}

.el-select__clear {
  cursor: pointer;
}
.el-select__clear:hover {
  color: var(--el-select-close-hover-color);
}

.el-select__selection {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 6px;
}
.el-select__selection.is-near {
  margin-left: -8px;
}

.el-select__selection .el-tag {
  cursor: pointer;
  border-color: transparent;
}
.el-select__selection .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-select__selection .el-tag .el-tag__content {
  min-width: 0;
}

.el-select__selected-item {
  display: flex;
  flex-wrap: wrap;
  user-select: none;
}

.el-select__tags-text {
  display: block;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-select__placeholder {
  position: absolute;
  z-index: -1;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--el-input-text-color, var(--el-text-color-regular));
}
.el-select__placeholder.is-transparent {
  user-select: none;
  color: var(--el-text-color-placeholder);
}

.el-select__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  box-shadow: var(--el-box-shadow-light);
}
.el-select__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-border-color-light);
}
.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-select__input-wrapper {
  flex: 1;
}
.el-select__input-wrapper.is-hidden {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  color: var(--el-select-multiple-input-color);
  font-size: inherit;
  font-family: inherit;
  appearance: none;
  height: 24px;
  width: 100%;
  background-color: transparent;
}

.el-select__input-calculator {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  visibility: hidden;
  white-space: pre;
  overflow: hidden;
}

.el-select--large .el-select__wrapper {
  gap: 6px;
  padding: 8px 16px;
  min-height: 40px;
  line-height: 24px;
  font-size: 14px;
}

.el-select--large .el-select__selection {
  gap: 6px;
}
.el-select--large .el-select__selection.is-near {
  margin-left: -8px;
}

.el-select--large .el-select__prefix {
  gap: 6px;
}

.el-select--large .el-select__suffix {
  gap: 6px;
}

.el-select--large .el-select__input {
  height: 24px;
}

.el-select--small .el-select__wrapper {
  gap: 4px;
  padding: 2px 8px;
  min-height: 24px;
  line-height: 20px;
  font-size: 12px;
}

.el-select--small .el-select__selection {
  gap: 4px;
}
.el-select--small .el-select__selection.is-near {
  margin-left: -6px;
}

.el-select--small .el-select__prefix {
  gap: 4px;
}

.el-select--small .el-select__suffix {
  gap: 4px;
}

.el-select--small .el-select__input {
  height: 20px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* 文本主题变量 */
.ele-text {
  --ele-text-heading-weight: normal;
  --ele-text-xxl: calc(var(--el-font-size-extra-large) + 6px);
  --ele-text-xxxl: calc(var(--el-font-size-extra-large) + 34px);
}

.ele-text {
  box-sizing: border-box;
  /* 类型 */
}
.ele-text.is-heading {
  color: var(--el-text-color-primary);
  font-weight: var(--ele-text-heading-weight);
}
.ele-text.is-regular {
  color: var(--el-text-color-regular);
}
.ele-text.is-secondary {
  color: var(--el-text-color-secondary);
}
.ele-text.is-placeholder {
  color: var(--el-text-color-placeholder);
}
.ele-text.is-primary {
  color: var(--el-color-primary);
}
.ele-text.is-success {
  color: var(--el-color-success);
}
.ele-text.is-warning {
  color: var(--el-color-warning);
}
.ele-text.is-danger {
  color: var(--el-color-danger);
}
.ele-text.is-info {
  color: var(--el-color-info);
}
.ele-text {
  /* 尺寸 */
}
.ele-text.is-xs {
  font-size: var(--el-font-size-extra-small);
}
.ele-text.is-sm {
  font-size: var(--el-font-size-small);
}
.ele-text.is-base {
  font-size: var(--el-font-size-base);
}
.ele-text.is-md {
  font-size: var(--el-font-size-medium);
}
.ele-text.is-lg {
  font-size: var(--el-font-size-large);
}
.ele-text.is-xl {
  font-size: var(--el-font-size-extra-large);
}
.ele-text.is-xxl {
  font-size: var(--ele-text-xxl);
}
.ele-text.is-xxxl {
  font-size: var(--ele-text-xxxl);
}
.ele-text {
  /* 其它 */
}
.ele-text.is-delete {
  text-decoration: line-through;
}
.ele-text.is-underline {
  text-decoration: underline;
}
.ele-text.is-underline.is-delete {
  text-decoration: line-through underline;
}
.ele-text.is-strong {
  font-weight: bold;
}
.ele-text.is-italic {
  font-style: italic;
}
.ele-text {
  /* 图标 */
}
.ele-text.is-icon > .el-icon {
  vertical-align: -2px;
}@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
  transition: none !important;
}

#nprogress .bar {
  background: var(--el-color-primary);
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px var(--el-color-primary), 0 0 5px var(--el-color-primary);
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: var(--el-color-primary);
  border-left-color: var(--el-color-primary);
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 错误状态 */
#nprogress.is-error {
  --el-color-primary: var(--el-color-danger);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 圆角主题(css-var) */
/** 圆角主题(css-var 模式) */
/** 圆角主题 */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.rounded .ele-admin-layout {
  --ele-header-menu-height: 38px;
  --ele-header-tool-height: 38px;
  --ele-header-tool-radius: var(--el-border-radius-base);
  --ele-header-primary-active-bg: rgba(255, 255, 255, 0.24);
}
html.rounded .ele-admin-layout {
  --ele-sidebar-tool-height: 38px;
}
html.rounded .ele-alert {
  --ele-alert-radius: 8px;
  --ele-alert-close-hover-bg: hsla(0, 0%, 60%, 0.15);
}
html.rounded .ele-alert.is-dark {
  --ele-alert-dark-close-hover-bg: rgba(255, 255, 255, 0.2);
}
html.rounded .el-autocomplete__popper {
  --ele-autocomplete-padding: 4px;
  --ele-autocomplete-item-padding: 0 12px;
  --ele-autocomplete-item-radius: var(--el-border-radius-small);
}
html.rounded .el-cascader__dropdown {
  --ele-cascader-menu-padding: 6px;
  --ele-cascader-item-padding: 0 12px;
  --ele-cascader-item-radius: var(--el-border-radius-small);
}
html.rounded .el-date-picker,
html.rounded .el-date-range-picker {
  --ele-datepicker-cell-radius: var(--el-border-radius-small);
  --ele-datepicker-year-radius: var(--el-border-radius-base);
  --ele-datepicker-sidebar-padding: 6px;
  --ele-datepicker-shortcut-height: 28px;
  --ele-datepicker-shortcut-padding: 0 8px;
  --ele-datepicker-shortcut-margin: 4px;
  --ele-datepicker-shortcut-radius: var(--el-border-radius-small);
}
html.rounded .el-time-panel,
html.rounded .el-time-range-picker {
  --ele-timepicker-item-radius: var(--el-border-radius-small);
}
html.rounded .el-descriptions {
  --ele-descriptions-radius: 8px;
}
html.rounded .el-message-box {
  --ele-message-box-radius: 8px;
  --ele-message-box-header-font-weight: 500;
  --ele-message-box-icon-hover-bg: var(--el-fill-color-light);
}
html.rounded .el-notification {
  --ele-notification-radius: 8px;
  --ele-notification-close-hover-bg: var(--el-fill-color-light);
}
html.rounded .el-popper {
  --ele-popper-radius: 8px;
}
html.rounded .el-select__popper {
  --ele-select-padding: 4px;
  --ele-select-item-padding: 0 12px;
  --ele-select-item-radius: var(--el-border-radius-small);
}
html.rounded .el-tag {
  --ele-tag-close-hover-bg: var(--el-color-primary-light-8);
  --ele-tag-info-close-hover-bg: hsla(0, 0%, 60%, 0.25);
  --ele-tag-success-close-hover-bg: var(--el-color-success-light-8);
  --ele-tag-warning-close-hover-bg: var(--el-color-warning-light-8);
  --ele-tag-danger-close-hover-bg: var(--el-color-error-light-8);
  --ele-tag-dark-close-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tag-dark-info-close-hover-bg: hsla(0, 0%, 60%, 0.25);
  --ele-tag-dark-success-close-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tag-dark-warning-close-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tag-dark-danger-close-hover-bg: rgba(255, 255, 255, 0.2);
  --ele-tag-plain-close-hover-bg: var(--el-color-primary-light-8);
  --ele-tag-plain-info-close-hover-bg: hsla(0, 0%, 60%, 0.25);
  --ele-tag-plain-success-close-hover-bg: var(--el-color-success-light-8);
  --ele-tag-plain-warning-close-hover-bg: var(--el-color-warning-light-8);
  --ele-tag-plain-danger-close-hover-bg: var(--el-color-error-light-8);
}
html.rounded .el-tree {
  --ele-tree-item-padding: 0 12px;
  --ele-tree-item-radius: var(--el-border-radius-small);
  --ele-tree-expand-hover-bg: hsla(0, 0%, 60%, 0.15);
}
html.rounded .el-tree-select__popper {
  --ele-tree-select-padding: 4px;
}
html.rounded .ele-message {
  --ele-message-radius: 8px;
  --ele-message-close-hover-bg: hsla(0, 0%, 60%, 0.15);
}
html.rounded .ele-card {
  --ele-card-radius: 8px;
  --ele-card-header-font-weight: 500;
}
html.rounded .ele-data-table {
  --ele-table-radius: var(--el-border-radius-base);
  --ele-table-th-font-weight: 500;
  --ele-table-lg-radius: 8px;
  --ele-table-sm-radius: var(--el-border-radius-small);
}
html.rounded .ele-table-filter-popper {
  --ele-table-filter-padding: 4px;
  --ele-table-filter-item-padding: 0 12px;
  --ele-table-filter-item-radius: var(--el-border-radius-small);
}
html.rounded .ele-drawer {
  --ele-drawer-icon-hover-bg: var(--el-fill-color-light);
  --ele-drawer-header-font-weight: 500;
}
html.rounded .ele-dropdown {
  --ele-dropdown-padding: 4px;
  --ele-dropdown-item-padding: 0 12px;
  --ele-dropdown-item-radius: var(--el-border-radius-small);
  --ele-dropdown-sm-padding: 2px;
  --ele-dropdown-sm-item-padding: 0 10px;
  --ele-dropdown-lg-padding: 6px;
  --ele-dropdown-lg-item-padding: 0 14px;
}
html.rounded .ele-file-list-group {
  --ele-file-item-radius: 8px;
}
html.rounded .ele-icon-select-popper {
  --ele-icon-menus-padding: 12px 4px;
  --ele-icon-menu-radius: var(--el-border-radius-small);
  --ele-icon-menu-hover-color: var(--el-text-color-primary);
  --ele-icon-menu-hover-bg: var(--el-fill-color-light);
  --ele-icon-menu-active-line: 0;
}
html.rounded .ele-menu {
  --ele-menu-arrow-margin: 0 -8px 0 6px;
  --ele-menu-padding: 2px 0;
  --ele-menu-item-padding: 6px;
  --ele-menu-item-radius: var(--el-border-radius-base);
  --ele-menu-item-hover-color: var(--el-text-color-primary);
  --ele-menu-item-hover-bg: var(--el-fill-color-light);
  --ele-menu-item-focus-bg: var(--el-fill-color-light);
  --ele-menu-item-active-line: 0;
}
html.rounded .ele-menu.el-menu--horizontal {
  --ele-menu-horizontal-padding: 8px 6px;
  --ele-menu-horizontal-height: 40px;
  --ele-menu-horizontal-item-padding: 12px;
  --ele-menu-horizontal-item-margin: 4px;
  --ele-menu-horizontal-item-radius: var(--el-border-radius-base);
  --ele-menu-horizontal-hover-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-horizontal-focus-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-horizontal-active-bg: var(--el-color-primary-light-9);
  --ele-menu-horizontal-arrow-margin: 0 -4px 0 4px;
  --ele-menu-horizontal-line-size: 0;
  --ele-menu-horizontal-dark-hover-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-horizontal-dark-focus-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-horizontal-dark-active-bg: var(--el-color-primary);
}
html.rounded .ele-menu > .el-menu--popup {
  --ele-menu-popup-radius: 8px;
  --ele-menu-popup-item-padding: 12px;
}
html.rounded .ele-menu.ele-menu-colorful {
  --ele-menu-colorful-icon-radius: var(--el-border-radius-base);
  --ele-menu-colorful-icon-size: 22px;
}
html.rounded .ele-menu.ele-menu-dark {
  --ele-menu-dark-hover-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-dark-focus-bg: rgba(255, 255, 255, 0.1);
}
html.rounded .ele-modal {
  --ele-modal-radius: 8px;
  --ele-modal-header-font-weight: 500;
  --ele-modal-header-padding: 18px 20px 12px 20px;
  --ele-modal-header-border: none;
  --ele-modal-icon-hover-bg: var(--el-fill-color-light);
  --ele-modal-body-padding: 16px 22px 24px 22px;
  --ele-modal-form-body-padding: 16px 22px 8px 20px;
  --ele-modal-footer-padding: 8px 20px 18px 20px;
  --ele-modal-footer-border: none;
}
html.rounded .ele-pagination {
  --ele-pagination-radius: var(--el-border-radius-base);
  --ele-pagination-active-color: var(--el-color-primary);
  --ele-pagination-active-bg: none;
  --ele-pagination-active-border: 1px solid var(--el-color-primary);
  --ele-pagination-sm-radius: var(--el-border-radius-base);
  --ele-pagination-lg-radius: 8px;
}
html.rounded .ele-tool-column {
  --ele-tool-column-body-padding: 6px 4px;
  --ele-tool-column-item-padding: 10px;
  --ele-tool-column-item-radius: var(--el-border-radius-small);
  --ele-tool-column-btn-hover-bg: var(--el-color-primary-light-8);
  --ele-tool-column-btn-active-bg: var(--el-color-primary-light-7);
}
html.rounded .ele-segmented {
  --ele-segmented-radius: var(--el-border-radius-small);
}
html.rounded .ele-segmented.is-large {
  --ele-segmented-large-radius: var(--el-border-radius-base);
}
html.rounded .ele-tab-bar {
  --ele-tab-bar-active-font-weight: 500;
}
html.rounded .ele-table {
  --ele-table-radius: var(--el-border-radius-base);
  --ele-table-th-font-weight: 500;
  --ele-table-lg-radius: 8px;
  --ele-table-sm-radius: var(--el-border-radius-small);
}
html.rounded .ele-tabs-wrap {
  --ele-tab-close-size: 18px;
  --ele-tab-close-radius: var(--el-border-radius-small);
  --ele-tab-close-hover-color: var(--el-text-color-primary);
  --ele-tab-close-hover-bg: hsla(0, 0%, 60%, 0.15);
  --ele-tab-active-close-hover-color: var(--el-text-color-primary);
  --ele-tab-active-close-hover-bg: hsla(0, 0%, 60%, 0.15);
  --ele-tab-sm-close-size: 14px;
  --ele-tab-lg-close-size: 20px;
  --ele-tab-simple-radius: 10px 10px 0px 0px;
  --ele-tab-simple-active-line: 0px;
  --ele-tab-simple-line-display: none;
  --ele-tab-simple-angle-size: 12px;
  --ele-tab-simple-angle-display: flex;
  --ele-tab-simple-tool-hover-bg: transparent;
  --ele-tab-button-radius: 8px;
}
html.rounded .ele-text {
  --ele-text-heading-weight: 500;
}
html.rounded .ele-toolbar {
  --ele-toolbar-radius: 8px;
}
html.rounded .el-popper {
  --ele-popper-radius: 8px;
}
html.rounded .ele-popover {
  --ele-popover-title-padding: 13px 16px 0 16px;
  --ele-popover-title-border: none;
}
html.rounded .ele-tree-select-popper {
  --ele-tree-select-padding: 4px;
}
html.rounded .ele-tree-table-wrapper {
  --ele-table-radius: var(--el-border-radius-base);
  --ele-table-th-font-weight: 500;
  --ele-table-lg-radius: 8px;
  --ele-table-sm-radius: var(--el-border-radius-small);
}
html.rounded .ele-upload-list {
  --ele-upload-list-file-tool-hover-color: var(--el-text-color-primary);
  --ele-upload-list-file-tool-hover-bg: var(--el-fill-color-light);
}
html.rounded .ele-virtual-table {
  --ele-table-radius: var(--el-border-radius-base);
  --ele-table-th-font-weight: 500;
  --ele-table-lg-radius: 8px;
  --ele-table-sm-radius: var(--el-border-radius-small);
}
html.rounded .ele-table-filter-popper {
  --ele-table-filter-padding: 4px;
  --ele-table-filter-item-padding: 0 12px;
  --ele-table-filter-item-radius: var(--el-border-radius-small);
}

html.rounded {
  --el-border-radius-base: 6px;
  --el-border-radius-small: 4px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 暗黑主题(css-var) */
/** 暗黑主题(css-var) */
html.dark {
  color-scheme: dark;
  --el-color-primary: #0052d9;
  --el-color-primary-light-3: rgb(7, 65, 159);
  --el-color-primary-light-5: rgb(12, 53, 121);
  --el-color-primary-light-7: rgb(17, 41, 82);
  --el-color-primary-light-8: rgb(19, 36, 63);
  --el-color-primary-light-9: rgb(22, 30, 43);
  --el-color-primary-dark-2: rgb(51, 117, 225);
  --el-color-success: #49aa19;
  --el-color-success-light-3: rgb(58, 126, 25);
  --el-color-success-light-5: rgb(49, 97, 25);
  --el-color-success-light-7: rgb(39, 68, 24);
  --el-color-success-light-8: rgb(34, 53, 24);
  --el-color-success-light-9: rgb(29, 39, 24);
  --el-color-success-dark-2: rgb(109, 187, 71);
  --el-color-warning: #d89614;
  --el-color-warning-light-3: rgb(158, 112, 21);
  --el-color-warning-light-5: rgb(120, 87, 22);
  --el-color-warning-light-7: rgb(82, 62, 23);
  --el-color-warning-light-8: rgb(62, 49, 23);
  --el-color-warning-light-9: rgb(43, 37, 24);
  --el-color-warning-dark-2: rgb(224, 171, 67);
  --el-color-danger: #dc4446;
  --el-color-danger-light-3: rgb(161, 55, 56);
  --el-color-danger-light-5: rgb(122, 46, 47);
  --el-color-danger-light-7: rgb(83, 37, 38);
  --el-color-danger-light-8: rgb(63, 33, 33);
  --el-color-danger-light-9: rgb(44, 28, 29);
  --el-color-danger-dark-2: rgb(227, 105, 107);
  --el-color-error: #dc4446;
  --el-color-error-light-3: rgb(161, 55, 56);
  --el-color-error-light-5: rgb(122, 46, 47);
  --el-color-error-light-7: rgb(83, 37, 38);
  --el-color-error-light-8: rgb(63, 33, 33);
  --el-color-error-light-9: rgb(44, 28, 29);
  --el-color-error-dark-2: rgb(227, 105, 107);
  --el-color-info: #8b8b8b;
  --el-color-info-light-3: rgb(105, 105, 105);
  --el-color-info-light-5: rgb(82, 82, 82);
  --el-color-info-light-7: rgb(59, 59, 59);
  --el-color-info-light-8: rgb(47, 47, 47);
  --el-color-info-light-9: rgb(36, 36, 36);
  --el-color-info-dark-2: rgb(162, 162, 162);
  --el-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.8);
  --el-box-shadow-light: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --el-box-shadow-lighter: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --el-box-shadow-dark: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --el-bg-color-page: #0f0f0f;
  --el-bg-color: #181818;
  --el-bg-color-overlay: #1f1f1f;
  --el-text-color-primary: #E8E8E8;
  --el-text-color-regular: #DCDCDC;
  --el-text-color-secondary: #747474;
  --el-text-color-placeholder: #5D5D5D;
  --el-text-color-disabled: #595959;
  --el-border-color-darker: #555555;
  --el-border-color-dark: #494949;
  --el-border-color: #424242;
  --el-border-color-light: #363636;
  --el-border-color-lighter: #303030;
  --el-border-color-extra-light: #282828;
  --el-fill-color-darker: #474747;
  --el-fill-color-dark: #383838;
  --el-fill-color: #303030;
  --el-fill-color-light: #282828;
  --el-fill-color-lighter: #232323;
  --el-fill-color-extra-light: #1A1A1A;
  --el-fill-color-blank: #181818;
  --el-mask-color: rgba(20, 20, 20, 0.8);
  --el-mask-color-extra-light: rgba(20, 20, 20, 0.6);
}

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);
  --el-fill-color-blank: var(--el-card-bg-color);
}

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;
}

/** 暗黑主题(css-var 模式) */
/** 暗黑主题 */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.dark .ele-admin-layout {
  --ele-header-shadow: 0 0 0 0.8px var(--el-border-color-extra-light);
  --ele-header-tool-hover-bg: rgba(255, 255, 255, 0.05);
  --ele-header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05);
  --ele-header-dark-bg: #1f1f1f;
  --ele-header-dark-shadow: var(--ele-header-shadow);
  --ele-header-ghost-bg: hsla(0, 0%, 32%, 0.4);
}
html.dark .ele-admin-layout {
  --ele-sidebar-dark-bg: #1f1f1f;
  --ele-sidebar-shadow: 0 0 0 0.8px var(--el-border-color-extra-light);
  --ele-sidebar-dark-shadow: var(--ele-sidebar-shadow);
}
html.dark .ele-admin-layout {
  --ele-menu-thumb-color: #484848;
  --ele-menu-thumb-hover-color: #5b5b5b;
}
html.dark {
  --ele-scrollbar-color: #484848;
  --ele-scrollbar-hover-color: #5b5b5b;
}
html.dark .el-popper {
  --ele-popper-bg: #202020;
  --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
html.dark .el-popper.is-dark {
  --ele-tooltip-bg: #2a2a2a;
  --ele-tooltip-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
  --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
html.dark .el-tag {
  --ele-tag-info-bg: var(--el-color-info-light-8);
}
html.dark .ele-card {
  --ele-card-border: 1px solid var(--el-border-color-extra-light);
  --ele-card-shadow: var(--el-box-shadow-light);
}
html.dark .ele-data-table {
  --ele-table-icon-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
}
html.dark .ele-menu {
  --ele-menu-child-bg: rgba(255, 255, 255, 0.04);
}
html.dark .ele-menu.ele-menu-colorful {
  --ele-menu-colorful-dot-color: #5a5a5a;
  --ele-menu-colorful-dot-hover-color: #8b8b8b;
}
html.dark .ele-menu.ele-menu-dark {
  --ele-menu-dark-bg: #1f1f1f;
  --ele-menu-dark-child-bg: #141414;
}
html.dark .ele-menu > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-thumb-color: #484848;
  --ele-menu-thumb-hover-color: #5b5b5b;
}
html.dark .ele-segmented {
  --ele-segmented-bg: var(--el-bg-color-page);
  --ele-segmented-hover-bg: rgba(255, 255, 255, 0.05);
}
html.dark .ele-table {
  --ele-table-icon-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
}
html.dark .ele-tabs-wrap {
  --ele-tab-scroll-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-tab-scroll-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-tab-simple-hover-bg: rgba(255, 255, 255, 0.05);
  --ele-tab-indicator-dot-color: #5a5a5a;
  --ele-tab-indicator-dot-hover-color: #8b8b8b;
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-extra-light) inset;
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color-lighter) inset;
}
html.dark .ele-tool {
  --ele-tool-hover-bg: rgba(255, 255, 255, 0.05);
}
html.dark .el-popper {
  --ele-popper-bg: #202020;
  --ele-popper-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
html.dark .el-popper.is-dark,
html.dark .ele-tooltip {
  --ele-tooltip-bg: #2a2a2a;
  --ele-tooltip-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
  --ele-tooltip-arrow-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
html.dark .ele-tree-table-wrapper {
  --ele-table-icon-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
}
html.dark .ele-virtual-table {
  --ele-table-icon-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-table-fixed-left-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.88);
  --ele-table-fixed-right-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.88);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 透明主题(css-var) */
/** 透明主题(css-var 模式) */
/** 透明主题 */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.is-transparent .ele-admin-layout {
  --ele-layout-bg: transparent;
}
html.is-transparent .ele-admin-layout {
  --ele-header-bg: var(--ele-skin-bg-header);
  --ele-header-shadow: 0 0 0 0.8px #fff inset, 0 -3px 3px 0 rgba(255, 255, 255, 0.98) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
html.is-transparent .ele-admin-layout {
  --ele-sidebar-bg: var(--ele-skin-bg-sidebar);
  --ele-sidebar-mobile-bg: var(--el-bg-color-overlay);
  --ele-sidebar-shadow: -0.8px 0 0 0 var(--el-border-color-extra-light), 0 0 0 0.8px rgba(255, 255, 255, 0.48) inset, -3px 3px 3px 0 rgba(255, 255, 255, 0.8) inset, 2px 1px 2px 0 rgba(0, 0, 0, 0.04);
  --ele-sidebar-divider-shadow: 0.8px 0 0 0 var(--el-border-color-extra-light), 0 0 0 0.8px rgba(255, 255, 255, 0.4) inset, 3px 3px 3px 0 rgba(255, 255, 255, 0.8) inset, -2px 1px 2px 0 rgba(0, 0, 0, 0.04);
}
html.is-transparent .ele-admin-layout {
  --ele-menu-thumb-color: hsla(0, 0%, 68%, 0.4);
  --ele-menu-thumb-hover-color: hsla(0, 0%, 68%, 0.68);
}
html.is-transparent .ele-backtop {
  --ele-backtop-bg: var(--ele-skin-bg-card);
}
html.is-transparent {
  --ele-scrollbar-color: hsla(0, 0%, 68%, 0.4);
  --ele-scrollbar-hover-color: hsla(0, 0%, 68%, 0.68);
}
html.is-transparent .el-checkbox {
  --ele-checkbox-bg: transparent;
}
html.is-transparent .el-textarea {
  --ele-textarea-count-bg: transparent;
  --ele-textarea-count-backdrop-filter: blur(18px);
}
html.is-transparent .el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
}
html.is-transparent .el-popper.is-dark {
  --ele-tooltip-bg: var(--ele-skin-bg-tooltip);
}
html.is-transparent .el-radio {
  --ele-radio-bg: transparent;
}
html.is-transparent .ele-message {
  --ele-message-bg: var(--el-bg-color-overlay);
}
html.is-transparent .ele-bottom-bar {
  --ele-bottom-bar-bg: var(--ele-skin-bg-card);
}
html.is-transparent .ele-card {
  --ele-card-bg: var(--ele-skin-bg-card);
  --ele-card-border: 1px solid #fff;
  --ele-card-none-border: 1px solid #fff;
  --ele-card-none-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --ele-card-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, var(--el-box-shadow-lighter);
  --ele-card-hover-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, var(--el-box-shadow);
}
html.is-transparent .ele-data-table {
  --ele-table-tr-bg: transparent;
  --ele-table-fixed-backdrop-filter: blur(18px);
}
html.is-transparent .ele-drawer {
  --ele-drawer-bg: var(--el-bg-color-overlay);
}
html.is-transparent .ele-menu {
  --ele-menu-bg: transparent;
}
html.is-transparent .ele-menu > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-thumb-color: hsla(0, 0%, 68%, 0.4);
  --ele-menu-thumb-hover-color: hsla(0, 0%, 68%, 0.68);
}
html.is-transparent .ele-modal {
  --ele-modal-bg: var(--el-bg-color-overlay);
}
html.is-transparent .ele-pro-table {
  --ele-pro-table-full-bg: var(--el-bg-color-overlay);
}
html.is-transparent .ele-tool-column {
  --ele-tool-column-input-bg: var(--el-fill-color-lighter);
}
html.is-transparent .ele-segmented {
  --ele-segmented-bg: var(--el-fill-color-light);
}
html.is-transparent .ele-table {
  --ele-table-tr-bg: transparent;
  --ele-table-fixed-backdrop-filter: blur(18px);
}
html.is-transparent .ele-table-select-popper {
  --ele-table-select-tr-bg: transparent;
}
html.is-transparent .ele-tabs-wrap {
  --ele-tab-bg: var(--ele-skin-bg-card);
  --ele-tab-button-bg: var(--ele-skin-bg-card);
  --ele-tab-button-shadow: 0 0 0 0.8px #fff inset, 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --ele-tab-button-active-shadow: 0 0 0 0.8px #fff inset, 0 3px 3px 0 rgba(255, 255, 255, 0.98) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
html.is-transparent .el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
}
html.is-transparent .el-popper.is-dark,
html.is-transparent .ele-tooltip {
  --ele-tooltip-bg: var(--ele-skin-bg-tooltip);
}
html.is-transparent .ele-tree-table-wrapper {
  --ele-table-tr-bg: transparent;
  --ele-table-fixed-backdrop-filter: blur(18px);
}
html.is-transparent .ele-viewer {
  --ele-viewer-bg: radial-gradient(var(--el-text-color-placeholder) 8%, transparent 8%) center/16px 16px repeat;
}
html.is-transparent .ele-virtual-table {
  --ele-table-tr-bg: transparent;
  --ele-table-fixed-backdrop-filter: blur(18px);
}
html.is-transparent {
  --ele-skin-bg-wallpaper: transparent;
  --ele-skin-bg-header: hsla(0, 0%, 60%, 0.2);
  --ele-skin-bg-sidebar: hsla(0, 0%, 60%, 0.2);
  --ele-skin-bg-card: hsla(0, 0%, 60%, 0.2);
  --ele-skin-bg-overlay: hsla(0, 0%, 60%, 0.4);
  --ele-skin-bg-tooltip: hsla(0, 0%, 18%, 0.8);
}
html.is-transparent {
  --el-border-color-darker: rgba(0, 0, 0, 0.18);
  --el-border-color-dark: rgba(0, 0, 0, 0.16);
  --el-border-color: rgba(0, 0, 0, 0.14);
  --el-border-color-light: rgba(0, 0, 0, 0.12);
  --el-border-color-lighter: rgba(0, 0, 0, 0.1);
  --el-border-color-extra-light: rgba(0, 0, 0, 0.08);
  --el-fill-color-darker: hsla(0, 0%, 60%, 0.28);
  --el-fill-color-dark: hsla(0, 0%, 60%, 0.24);
  --el-fill-color: hsla(0, 0%, 60%, 0.2);
  --el-fill-color-light: hsla(0, 0%, 60%, 0.16);
  --el-fill-color-lighter: hsla(0, 0%, 60%, 0.12);
  --el-fill-color-extra-light: hsla(0, 0%, 60%, 0.08);
  --el-fill-color-blank: transparent;
  --el-bg-color: hsla(0, 0%, 100%, 0.88);
  --el-bg-color-page: hsla(0, 0%, 60%, 0.12);
  --el-bg-color-overlay: var(--ele-skin-bg-overlay);
}
html.is-transparent body {
  background: var(--ele-skin-bg-wallpaper);
}

html.is-transparent.dark .ele-admin-layout {
  --ele-header-shadow: 0 0 0 0.8px var(--el-border-color-light), 0 -3px 3px 0 rgba(255, 255, 255, 0.08) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
html.is-transparent.dark .ele-admin-layout {
  --ele-sidebar-shadow: 0 0 0 0.8px var(--el-border-color-extra-light), -3px 3px 3px 0 rgba(255, 255, 255, 0.06) inset, 2px 1px 2px 0 rgba(0, 0, 0, 0.04);
  --ele-sidebar-divider-shadow: 0.8px 0 0 0 rgba(255, 255, 255, 0.08), -0.8px 0 0 0 var(--el-border-color-extra-light), 0 -0.8px 0 0 var(--el-border-color-extra-light), 0 0.8px 0 0 var(--el-border-color-extra-light), 3px 3px 3px 0 rgba(255, 255, 255, 0.06) inset, -2px 1px 2px 0 rgba(0, 0, 0, 0.04);
}
html.is-transparent.dark .ele-card {
  --ele-card-border: 1px solid var(--el-border-color-light);
  --ele-card-none-border: 1px solid var(--el-border-color-lighter);
  --ele-card-none-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --ele-card-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, var(--el-box-shadow-lighter);
  --ele-card-hover-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, var(--el-box-shadow);
}
html.is-transparent.dark .ele-tabs-wrap {
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-light) inset, 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color) inset, 0 3px 3px 0 rgba(255, 255, 255, 0.08) inset, 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
html.is-transparent.dark {
  --el-border-color-darker: rgba(255, 255, 255, 0.3);
  --el-border-color-dark: rgba(255, 255, 255, 0.26);
  --el-border-color: rgba(255, 255, 255, 0.22);
  --el-border-color-light: rgba(255, 255, 255, 0.18);
  --el-border-color-lighter: rgba(255, 255, 255, 0.14);
  --el-border-color-extra-light: rgba(255, 255, 255, 0.1);
  --el-bg-color: hsla(0, 0%, 0%, 0.68);
  --el-text-color-primary: rgba(255, 255, 255, 0.9);
  --el-text-color-regular: rgba(255, 255, 255, 0.85);
  --el-text-color-secondary: rgba(255, 255, 255, 0.4);
  --el-text-color-placeholder: rgba(255, 255, 255, 0.3);
  --el-text-color-disabled: rgba(255, 255, 255, 0.28);
}

/* 主题抽屉常用布局封面修改 */
html.is-transparent .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark,
html.ele-theme-simple .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark,
html.ele-theme-simple-dark .ele-setting-layout-list .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark {
  background: var(--el-bg-color);
}
html.is-transparent .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + div,
html.ele-theme-simple .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + div,
html.ele-theme-simple-dark .ele-setting-layout-list .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + div {
  border-left: 1px solid var(--el-border-color-lighter);
}
html.is-transparent .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + .ele-setting-layout-cover-bg-light:not(.ele-setting-layout-cover-border-lighter),
html.ele-theme-simple .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + .ele-setting-layout-cover-bg-light:not(.ele-setting-layout-cover-border-lighter),
html.ele-theme-simple-dark .ele-setting-layout-list .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-dark + .ele-setting-layout-cover-bg-light:not(.ele-setting-layout-cover-border-lighter) {
  border-top: 1px solid var(--el-border-color-lighter);
}
html.is-transparent .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-primary,
html.ele-theme-simple .ele-setting-layout-list:not(.ele-setting-skin-list) .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-primary,
html.ele-theme-simple-dark .ele-setting-layout-list .ele-setting-layout-item-cover .ele-setting-layout-cover-bg-primary {
  background: var(--el-bg-color);
  border-bottom: 1px solid var(--el-border-color-lighter);
}

html.is-transparent .ele-setting-layout-list .ele-setting-layout-item-cover {
  background: var(--el-fill-color-extra-light);
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 简约主题(css-var 模式) */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.ele-theme-simple .el-popper {
  --ele-popper-arrow-bg: transparent;
  --ele-popper-arrow-shadow: none;
}
html.ele-theme-simple .el-popper.is-dark {
  --ele-tooltip-color: var(--el-text-color-primary);
  --ele-tooltip-padding: 4px 12px;
  --ele-tooltip-bg: var(--el-bg-color-overlay);
  --ele-tooltip-shadow: var(--ele-popper-shadow);
  --ele-tooltip-arrow-bg: transparent;
  --ele-tooltip-arrow-shadow: none;
}
html.ele-theme-simple .ele-card {
  --ele-card-radius: 12px;
}
html.ele-theme-simple .ele-modal {
  --ele-modal-radius: 12px;
}
html.ele-theme-simple .el-popper {
  --ele-popper-arrow-bg: transparent;
  --ele-popper-arrow-shadow: none;
}
html.ele-theme-simple .el-popper.is-dark,
html.ele-theme-simple .ele-tooltip {
  --ele-tooltip-color: var(--el-text-color-primary);
  --ele-tooltip-padding: 4px 12px;
  --ele-tooltip-bg: var(--el-bg-color-overlay);
  --ele-tooltip-shadow: var(--ele-popper-shadow);
  --ele-tooltip-arrow-bg: transparent;
  --ele-tooltip-arrow-shadow: none;
}
html.ele-theme-simple .ele-tooltip.is-light {
  --ele-tooltip-light-arrow-bg: transparent;
  --ele-tooltip-light-arrow-shadow: none;
}
html.ele-theme-simple {
  --el-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 0.6px var(--el-border-color-extra-light);
  --el-box-shadow-light: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 0.6px var(--el-border-color-extra-light);
  --el-box-shadow-lighter: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 0.6px var(--el-border-color-extra-light);
}
html.ele-theme-simple .el-overlay > .el-overlay-dialog > .el-dialog {
  --el-dialog-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
}
html.ele-theme-simple body {
  background: repeating-linear-gradient(103deg, #e5f4fc 3%, #eaf4fc 10%, #ece5f9 30%, #eaf5fb 50%);
}
html.ele-theme-simple .ele-pro-layout {
  --ele-layout-bg: transparent;
  --ele-layout-button-tab-page-pt: 12px;
  --ele-header-bg: transparent;
  --ele-header-height: 52px;
  --ele-header-line-color: transparent;
  --ele-header-shadow: none;
  --ele-header-ghost-bg: transparent;
  --ele-sidebar-bg: transparent;
  --ele-sidebar-shadow: none;
  --ele-sidebar-mobile-bg: #e9edf7;
  --ele-sidebar-ghost-bg: transparent;
  --ele-sidebar-collapse-width: 60px;
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-header, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-header {
  backdrop-filter: blur(48px);
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-side, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-side {
  --el-fill-color-light: var(--ele-header-tool-hover-bg);
  --ele-header-line-color: rgba(0, 0, 0, 0.04);
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar .ele-menu {
  --ele-menu-child-bg: transparent;
  --ele-menu-item-active-bg: linear-gradient(160deg, var(--el-color-primary-light-7) -8%, var(--el-color-primary-light-9) 28%, #fff 36%, var(--el-color-primary-light-9) 66%, var(--el-color-primary-light-7) 126%);
  --ele-menu-arrow-size: 12px;
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox {
  backdrop-filter: blur(80px);
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox .ele-menu, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox .ele-menu {
  --ele-menu-item-active-bg: linear-gradient(160deg, var(--el-color-primary-light-7) -8%, var(--el-color-primary-light-9) 28%, #fff 36%, var(--el-color-primary-light-9) 66%, var(--el-color-primary-light-7) 126%);
  --ele-menu-compact-item-padding: 10px 0;
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  backdrop-filter: blur(8px);
  --ele-tab-height: 38px;
  --ele-tab-button-padding: 4px;
  --ele-tab-button-space: 12px;
}
html.ele-theme-simple .ele-pro-layout > .ele-admin-header.is-ghost + .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:first-child, html.ele-theme-simple .ele-pro-layout > .ele-admin-main > .ele-admin-header.is-ghost + .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:first-child {
  padding-top: 6px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 简约主题暗黑(css-var 模式) */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.ele-theme-simple-dark .ele-admin-layout {
  --ele-menu-thumb-color: #2d313a;
  --ele-menu-thumb-hover-color: #41444a;
}
html.ele-theme-simple-dark {
  --ele-scrollbar-color: #2d313a;
  --ele-scrollbar-hover-color: #41444a;
}
html.ele-theme-simple-dark .el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
  --ele-popper-arrow-bg: transparent;
  --ele-popper-arrow-shadow: none;
}
html.ele-theme-simple-dark .el-popper.is-dark {
  --ele-tooltip-padding: 4px 12px;
  --ele-tooltip-bg: var(--el-bg-color-overlay);
  --ele-tooltip-shadow: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --ele-tooltip-arrow-bg: transparent;
  --ele-tooltip-arrow-shadow: none;
}
html.ele-theme-simple-dark .ele-card {
  --ele-card-radius: 12px;
}
html.ele-theme-simple-dark .ele-drawer {
  --ele-drawer-bg: var(--el-bg-color-overlay);
}
html.ele-theme-simple-dark .ele-image-viewer {
  --ele-image-viewer-tool-bg: hsla(228, 16%, 32%, 0.6);
  --ele-image-viewer-tool-hover-bg: hsla(228, 16%, 32%, 0.8);
  --ele-image-viewer-tool-action-hover-bg: hsla(228, 16%, 32%, 0.4);
}
html.ele-theme-simple-dark .ele-menu > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-thumb-color: #2d313a;
  --ele-menu-thumb-hover-color: #41444a;
}
html.ele-theme-simple-dark .ele-modal {
  --ele-modal-bg: var(--el-bg-color-overlay);
  --ele-modal-radius: 12px;
}
html.ele-theme-simple-dark .ele-segmented {
  --ele-segmented-bg: var(--el-border-color-lighter);
}
html.ele-theme-simple-dark .ele-table-select-popper {
  --ele-table-select-tr-bg: #101622;
}
html.ele-theme-simple-dark .el-popper {
  --ele-popper-bg: var(--el-bg-color-overlay);
  --ele-popper-arrow-bg: transparent;
  --ele-popper-arrow-shadow: none;
}
html.ele-theme-simple-dark .el-popper.is-dark,
html.ele-theme-simple-dark .ele-tooltip {
  --ele-tooltip-padding: 4px 12px;
  --ele-tooltip-bg: var(--el-bg-color-overlay);
  --ele-tooltip-shadow: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --ele-tooltip-arrow-bg: transparent;
  --ele-tooltip-arrow-shadow: none;
}
html.ele-theme-simple-dark .ele-tooltip.is-light {
  --ele-tooltip-light-shadow: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --ele-tooltip-light-arrow-bg: transparent;
  --ele-tooltip-light-arrow-shadow: none;
}
html.ele-theme-simple-dark .ele-upload-list {
  --ele-upload-list-tool-bg: hsla(228, 16%, 32%, 0.8);
  --ele-upload-list-tool-hover-bg: hsla(228, 16%, 32%, 0.8);
  --ele-upload-list-progress-tool-bg: hsla(228, 16%, 32%, 0.4);
  --ele-upload-list-progress-tool-hover-bg: hsla(228, 16%, 32%, 0.8);
}
html.ele-theme-simple-dark .ele-viewer {
  --ele-viewer-bg: radial-gradient(#3c4e6c 8%, #101622 8%) center/16px 16px repeat;
}
html.ele-theme-simple-dark {
  --el-color-info: #336fc3;
  --el-color-info-light-3: #2a548f;
  --el-color-info-light-5: #24426c;
  --el-color-info-light-7: #1d2f49;
  --el-color-info-light-8: #1a2637;
  --el-color-info-light-9: #171d26;
  --el-color-info-dark-2: #5c8ccf;
  --el-border-color-darker: #3f4f67;
  --el-border-color-dark: #36465e;
  --el-border-color: #2e3c51;
  --el-border-color-light: #2b3749;
  --el-border-color-lighter: #282c42;
  --el-border-color-extra-light: #171b29;
  --el-fill-color-darker: #3f4461;
  --el-fill-color-dark: #32364f;
  --el-fill-color: #282c42;
  --el-fill-color-light: #1f2533;
  --el-fill-color-lighter: #181f2f;
  --el-fill-color-extra-light: #171b29;
  --el-bg-color: #101622;
  --el-bg-color-page: #06080d;
  --el-bg-color-overlay: linear-gradient(180deg, #171b29, #101622);
  --el-box-shadow: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --el-box-shadow-light: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
  --el-box-shadow-lighter: 0 0 12px 18px rgba(0, 0, 0, 0.08), 0 0 0 1px #282c42;
}
html.ele-theme-simple-dark body {
  background: linear-gradient(270deg, #06080d, #0d121c);
}
html.ele-theme-simple-dark .ele-pro-layout {
  --ele-layout-bg: transparent;
  --ele-layout-button-tab-page-pt: 12px;
  --ele-header-bg: transparent;
  --ele-header-height: 52px;
  --ele-header-line-color: transparent;
  --ele-header-shadow: none;
  --ele-header-ghost-bg: transparent;
  --ele-sidebar-bg: transparent;
  --ele-sidebar-shadow: none;
  --ele-sidebar-mobile-bg: #101622;
  --ele-sidebar-ghost-bg: transparent;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-header, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header {
  backdrop-filter: blur(48px);
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-side, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side {
  --el-fill-color-light: var(--ele-header-tool-hover-bg);
  --ele-header-line-color: #171b29;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar .ele-menu {
  --ele-menu-child-bg: transparent;
  --ele-menu-item-active-bg: linear-gradient(160deg, var(--el-color-primary-light-7) -8%, var(--el-color-primary-light-9) 28%, #101622 36%, var(--el-color-primary-light-9) 66%, var(--el-color-primary-light-7) 126%);
  --ele-menu-arrow-size: 12px;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox {
  backdrop-filter: blur(80px);
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox .ele-menu, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox .ele-menu {
  --ele-menu-item-active-bg: linear-gradient(160deg, var(--el-color-primary-light-7) -8%, var(--el-color-primary-light-9) 28%, #101622 36%, var(--el-color-primary-light-9) 66%, var(--el-color-primary-light-7) 126%);
  --ele-menu-compact-item-padding: 10px 0;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  backdrop-filter: blur(8px);
  --ele-tab-height: 38px;
  --ele-tab-button-padding: 4px;
  --ele-tab-button-space: 12px;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-header > .ele-admin-tabs, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header > .ele-admin-tabs, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  --ele-tab-button-bg: #101421;
  --ele-tab-button-hover-bg: #101622;
  --ele-tab-button-active-bg: #101622;
  --ele-tab-button-active-shadow: 0 0 0 0.4px #282c42;
}
html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-header.is-ghost + .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:first-child, html.ele-theme-simple-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header.is-ghost + .ele-admin-body > .ele-admin-wrapper > .ele-admin-content > .ele-page:first-child {
  padding-top: 6px;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 现代主题(css-var 模式) */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.ele-theme-modern .ele-admin-layout {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.6);
  --ele-menu-dark-thumb-hover-color: #fff;
}
html.ele-theme-modern .ele-card {
  --ele-card-radius: 12px;
  --ele-card-none-border: 1px solid var(--el-border-color-extra-light);
  --ele-card-none-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.04);
}
html.ele-theme-modern .ele-menu.ele-menu-dark > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.6);
  --ele-menu-dark-thumb-hover-color: #fff;
}
html.ele-theme-modern .ele-modal {
  --ele-modal-radius: 12px;
}
html.ele-theme-modern .ele-pro-layout {
  padding: 0 8px 8px 0;
  background: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-layout-bg: #fff;
  --ele-layout-button-tab-page-pt: 12px;
  --ele-header-bg: var(--ele-layout-bg);
  --ele-header-height: 46px;
  --ele-header-divider-shadow: none;
  --ele-header-ghost-bg: var(--ele-layout-bg);
  --ele-header-shadow: none;
  --ele-header-primary-bg: var(--el-color-primary-dark-2);
  --ele-header-primary-shadow: none;
  --ele-header-menu-height: 38px;
  --ele-sidebar-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-shadow: none;
  --ele-sidebar-divider-shadow: none;
  --ele-sidebar-dark-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-mobile-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-mobile-dark-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-sidebar-dark-shadow: none;
  --ele-sidebar-dark-divider-shadow: -0.8px 0 0 0 rgba(255, 255, 255, 0.16) inset;
  --ele-sidebar-collapse-width: 56px;
}
html.ele-theme-modern .ele-pro-layout.is-row-direction {
  padding-top: 8px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper {
  background: var(--ele-layout-bg);
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-header {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header {
  --ele-header-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-header-dark-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-header-dark-shadow: none;
  --ele-header-primary-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
  --ele-header-primary-shadow: none;
  --ele-header-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)) center/102% 102%, var(--el-color-primary-dark-2);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-primary > .ele-admin-tabs {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header > .ele-admin-tools, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-header > .ele-admin-tools {
  --ele-header-tool-height: 38px;
  --ele-header-tool-radius: 38px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox .ele-menu {
  --ele-menu-arrow-margin: 0 -8px 0 6px;
  --ele-menu-padding: 2px 0;
  --ele-menu-child-bg: transparent;
  --ele-menu-dark-child-bg: transparent;
  --ele-menu-item-padding: 8px;
  --ele-menu-item-radius: 20px;
  --ele-menu-item-hover-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-item-focus-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-item-active-line: 0;
  --ele-menu-horizontal-padding: 0 6px;
  --ele-menu-horizontal-item-padding: 12px;
  --ele-menu-horizontal-item-margin: 4px;
  --ele-menu-horizontal-item-radius: 20px;
  --ele-menu-horizontal-hover-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-horizontal-focus-bg: rgba(0, 0, 0, 0.04);
  --ele-menu-horizontal-arrow-margin: 0 -4px 0 4px;
  --ele-menu-horizontal-line-size: 0;
  --ele-menu-colorful-icon-radius: 50%;
  --ele-menu-colorful-icon-size: 22px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-dark .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-primary .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu {
  --ele-menu-item-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-item-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-item-active-color: var(--ele-menu-item-color);
  --ele-menu-item-active-bg: #fff;
  --ele-menu-horizontal-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-active-bg: #fff;
  --ele-menu-horizontal-dark-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-dark-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-dark-active-bg: #fff;
  --ele-menu-dark-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-dark-active-bg: #fff;
  --ele-menu-colorful-dot-color: rgba(255, 255, 255, 0.6);
  --ele-menu-colorful-dot-hover-color: #fff;
  --ele-menu-colorful-dot-active-color: var(--el-color-primary);
  --ele-menu-colorful-dark-dot-color: rgba(255, 255, 255, 0.6);
  --ele-menu-colorful-dark-dot-hover-color: #fff;
  --ele-menu-colorful-dark-dot-active-color: var(--el-color-primary);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-primary .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-header.is-primary .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger {
  --el-menu-active-color: var(--el-color-primary);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox {
  --ele-sidebar-divider-shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.16);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox:not(.is-compact) .ele-menu, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox:not(.is-compact) .ele-menu {
  --ele-menu-item-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  --ele-tab-height: 38px;
  --ele-tab-button-padding: 4px;
  --ele-tab-button-space: 12px;
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-lighter) inset, 0 0 4px 1px rgba(0, 0, 0, 0.04);
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color) inset, 0 0 4px 1px rgba(0, 0, 0, 0.04);
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-side + .ele-admin-body > .ele-admin-tabs, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-body:first-child > .ele-admin-tabs, html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper:first-child {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-header + .ele-admin-body > .ele-admin-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html.ele-theme-modern .ele-pro-layout > .ele-admin-main > .ele-admin-header.is-primary > .ele-admin-tabs {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
html.ele-theme-modern .ele-pro-layout.is-top-layout {
  padding-left: 8px;
}
html.ele-theme-modern .ele-pro-layout.is-mobile {
  padding-left: 8px;
}
html.ele-theme-modern .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-modern .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebar {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
html.ele-theme-modern .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox + .ele-admin-sidebar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 现代主题暗黑(css-var 模式) */
/* 布局主题变量 */
/* 警告提示主题变量 */
/* 返回顶部主题变量 */
/* 消息提示主题变量 */
/* ElAutocomplete 主题变量 */
/* ElCascader 主题变量 */
/* ElCheckbox 主题变量 */
/* ElDatepicker 主题变量 */
/* ElDescriptions 主题变量 */
/* ElInput 主题变量 */
/* ElMessageBox 主题变量 */
/* ElNotification 主题变量 */
/* Popper 主题变量 */
/* ElRadio 主题变量 */
/* ElSelect 主题变量 */
/* ElTag 主题变量 */
/* ElTree 主题变量 */
/* ElTreeSelect 主题变量 */
/* El 样式重写主题变量 */
/* 滚动条主题变量 */
/* 滚动条样式 */
/* 美化滚动条样式 */
/* App 主题变量 */
/* 通用下拉选择主题变量 */
/* 底部工具栏主题变量 */
/* 表格操作按钮主题变量 */
/* 卡片主题变量 */
/* 数据表格主题变量 */
/* 表格原始样式变量修改 */
/* 设置单元格圆角 */
/* 空状态样式 */
/* 单元格内组件样式修改 */
/* 表头筛选多选样式 */
/* 抽屉主题变量 */
/* 下拉菜单主题变量 */
/* 文件列表主题变量 */
/* 图标选择主题变量 */
/* 图片预览主题变量 */
/* 加载中主题变量 */
/* 导航菜单主题变量 */
/* 弹窗主题变量 */
/* 页面容器主题变量 */
/* 分页主题变量 */
/* 气泡确认框主题变量 */
/* 高级表格主题变量 */
/* 高级表格高度铺满 */
/* 分段器主题变量 */
/* 分割面板主题变量 */
/* 标签栏主题变量 */
/* 静态表格主题变量 */
/* 静态表格圆角 */
/* 表格下拉选择主题变量 */
/* 标签页主题变量 */
/* 文本主题变量 */
/* 工具按钮主题变量 */
/* 工具栏主题变量 */
/* 文字提示主题变量 */
/* 底层气泡样式 */
/* 树下拉选择主题变量 */
/* 树表格主题变量 */
/* 文件上传主题变量 */
/* 内容预览主题变量 */
/* 虚拟表格主题变量 */
/* 虚拟表格全部容器 */
/* 虚拟表格全部行 */
/* 虚拟表格全部行单元格 */
/* 虚拟表格单元格间距 */
/* 虚拟表格圆角 */
/* 生成主题的 css 变量 */
html.ele-theme-modern-dark .ele-admin-layout {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.6);
  --ele-menu-dark-thumb-hover-color: #fff;
}
html.ele-theme-modern-dark .ele-card {
  --ele-card-radius: 12px;
  --ele-card-none-border: 1px solid var(--el-border-color-extra-light);
  --ele-card-none-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.42);
  --ele-card-shadow: var(--el-box-shadow);
}
html.ele-theme-modern-dark .ele-menu.ele-menu-dark > .el-menu--popup-container > .el-menu--popup {
  --ele-menu-dark-thumb-color: rgba(255, 255, 255, 0.6);
  --ele-menu-dark-thumb-hover-color: #fff;
}
html.ele-theme-modern-dark .ele-modal {
  --ele-modal-radius: 12px;
}
html.ele-theme-modern-dark .ele-pro-layout {
  padding: 0 8px 8px 0;
  background: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-layout-bg: var(--el-bg-color);
  --ele-layout-button-tab-page-pt: 12px;
  --ele-header-bg: var(--ele-layout-bg);
  --ele-header-height: 46px;
  --ele-header-divider-shadow: none;
  --ele-header-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-header-shadow: none;
  --ele-header-primary-bg: var(--el-color-primary-light-5);
  --ele-header-primary-shadow: none;
  --ele-header-menu-height: 38px;
  --ele-sidebar-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-shadow: none;
  --ele-sidebar-divider-shadow: none;
  --ele-sidebar-dark-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-mobile-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-mobile-dark-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-sidebar-dark-shadow: none;
  --ele-sidebar-dark-line-color: -0.8px 0 0 0 rgba(255, 255, 255, 0.16) inset;
  --ele-sidebar-collapse-width: 56px;
}
html.ele-theme-modern-dark .ele-pro-layout.is-row-direction {
  padding-top: 8px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper {
  background: var(--ele-layout-bg);
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header {
  --ele-header-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-header-dark-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-header-dark-shadow: none;
  --ele-header-primary-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
  --ele-header-primary-shadow: none;
  --ele-header-ghost-bg: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)) center/102% 102%, var(--el-color-primary);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-primary > .ele-admin-tabs {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header > .ele-admin-tools, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header > .ele-admin-tools {
  --ele-header-tool-height: 38px;
  --ele-header-tool-radius: 38px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebar .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox .ele-menu {
  --ele-menu-arrow-margin: 0 -8px 0 6px;
  --ele-menu-padding: 2px 0;
  --ele-menu-child-bg: transparent;
  --ele-menu-dark-child-bg: transparent;
  --ele-menu-item-padding: 8px;
  --ele-menu-item-radius: 20px;
  --ele-menu-item-hover-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-item-focus-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-item-active-line: 0;
  --ele-menu-horizontal-padding: 0 6px;
  --ele-menu-horizontal-item-padding: 12px;
  --ele-menu-horizontal-item-margin: 4px;
  --ele-menu-horizontal-item-radius: 20px;
  --ele-menu-horizontal-hover-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-horizontal-focus-bg: rgba(255, 255, 255, 0.1);
  --ele-menu-horizontal-arrow-margin: 0 -4px 0 4px;
  --ele-menu-horizontal-line-size: 0;
  --ele-menu-colorful-icon-radius: 50%;
  --ele-menu-colorful-icon-size: 22px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-dark .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-primary .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu {
  --ele-menu-item-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-item-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-item-active-color: var(--ele-menu-item-color);
  --ele-menu-item-active-bg: #fff;
  --ele-menu-horizontal-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-active-bg: #fff;
  --ele-menu-horizontal-dark-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-dark-focus-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-horizontal-dark-active-bg: #fff;
  --ele-menu-dark-hover-bg: rgba(255, 255, 255, 0.12);
  --ele-menu-dark-active-bg: #fff;
  --ele-menu-colorful-dot-color: rgba(255, 255, 255, 0.6);
  --ele-menu-colorful-dot-hover-color: #fff;
  --ele-menu-colorful-dot-active-color: var(--el-color-primary);
  --ele-menu-colorful-dark-dot-color: rgba(255, 255, 255, 0.6);
  --ele-menu-colorful-dark-dot-hover-color: #fff;
  --ele-menu-colorful-dark-dot-active-color: var(--el-color-primary);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-primary .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-header.is-primary .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebar.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebar.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu .el-menu-item.is-active,
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side .ele-admin-sidebox.is-dark .ele-menu .el-sub-menu.is-active > .el-sub-menu__title.el-tooltip__trigger {
  --el-menu-active-color: var(--el-color-primary);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox {
  --ele-sidebar-divider-shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.16);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-side > .ele-admin-sidebox:not(.is-compact) .ele-menu, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side > .ele-admin-sidebox:not(.is-compact) .ele-menu {
  --ele-menu-item-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs {
  --ele-tab-height: 38px;
  --ele-tab-button-padding: 4px;
  --ele-tab-button-space: 12px;
  --ele-tab-button-shadow: 0 0 0 0.8px var(--el-border-color-extra-light) inset, 0 0 4px 0 rgba(0, 0, 0, 0.42);
  --ele-tab-button-active-shadow: 0 0 0 0.8px var(--el-border-color-lighter) inset, 0 0 4px 0 rgba(0, 0, 0, 0.42);
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-side + .ele-admin-body > .ele-admin-tabs, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body:first-child > .ele-admin-tabs, html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper:first-child {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header + .ele-admin-body > .ele-admin-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html.ele-theme-modern-dark .ele-pro-layout > .ele-admin-main > .ele-admin-header.is-primary > .ele-admin-tabs {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
html.ele-theme-modern-dark .ele-pro-layout.is-top-layout {
  padding-left: 8px;
}
html.ele-theme-modern-dark .ele-pro-layout.is-mobile {
  padding-left: 8px;
}
html.ele-theme-modern-dark .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox, html.ele-theme-modern-dark .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebar {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
html.ele-theme-modern-dark .ele-pro-layout.is-mobile > .ele-admin-side > .ele-admin-sidebox + .ele-admin-sidebar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/** ElementPlus样式变量修改(影响所有scss) */
/* 生成 css 变量名 */
/* 获取 css 变量值 */
/* 获取 css 变量名 */
/* 生成 css 变量 */
/* 生成组件 css 变量 */
/* 获取 element 的 css 变量值 */
/* 获取 element 的 css 变量值带默认值 */
/* 获取 element 的 css 变量名 */
/* 生成 not 选择器 */
/* Element Chalk Variables */
/** ElementPlus样式变量修改(影响所有scss) */
/** 默认主题 */
/** 全局样式 */
/** 路由切换动画 */
/* 执行动画时隐藏页脚 */
.fade-enter-active + .ele-footer,
.fade-leave-active + .ele-footer,
.slide-bottom-enter-active + .ele-footer,
.slide-bottom-leave-active + .ele-footer,
.slide-right-leave-active + .ele-footer,
.slide-right-enter-active + .ele-footer,
.zoom-in-enter-active + .ele-footer,
.zoom-in-leave-active + .ele-footer,
.zoom-out-leave-active + .ele-footer,
.zoom-out-enter-active + .ele-footer {
  visibility: hidden;
}
.fade-enter-active *,
.fade-leave-active *,
.slide-bottom-enter-active *,
.slide-bottom-leave-active *,
.slide-right-leave-active *,
.slide-right-enter-active *,
.zoom-in-enter-active *,
.zoom-in-leave-active *,
.zoom-out-leave-active *,
.zoom-out-enter-active * {
  pointer-events: none !important;
}

/* 渐变 */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease-in-out;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

/* 底部消退 */
.slide-bottom-enter-active,
.slide-bottom-leave-active {
  transition: opacity 0.2s ease-out, transform 0.25s ease-out;
}

.slide-bottom-enter-from {
  opacity: 0;
  transform: translateY(-10%);
}

.slide-bottom-leave-to {
  opacity: 0;
  transform: translateY(10%);
}

/* 右侧消退 */
.slide-right-leave-active,
.slide-right-enter-active {
  transition: opacity 0.2s ease-out, transform 0.25s ease-out;
}

.slide-right-enter-from {
  opacity: 0;
  transform: translateX(-60px);
}

.slide-right-leave-to {
  opacity: 0;
  transform: translateX(60px);
}

/* 放大渐变 */
.zoom-in-enter-active,
.zoom-in-leave-active {
  transition: opacity 0.2s ease-out, transform 0.25s ease-out;
}

.zoom-in-enter-from {
  opacity: 0;
  transform: scale(0.8);
}

.zoom-in-leave-to {
  opacity: 0;
  transform: scale(1.2);
}

/* 缩小渐变 */
.zoom-out-leave-active,
.zoom-out-enter-active {
  transition: opacity 0.2s ease-out, transform 0.25s ease-out;
}

.zoom-out-enter-from {
  opacity: 0;
  transform: scale(1.2);
}

.zoom-out-leave-to {
  opacity: 0;
  transform: scale(0.8);
}

/** 布局样式 */
/* 全局页脚 */
.ele-footer {
  padding: 16px 0;
  text-align: center;
}
.ele-footer a {
  transition: color 0.2s;
  --el-text-color-regular: var(--el-text-color-placeholder);
}
.ele-footer > div + div {
  margin-top: 8px;
  word-break: break-all;
}

/* 退出内容全屏按钮 */
.ele-layout-fullscreen-icon {
  width: 28px;
  height: 28px;
  color: #fff;
  font-size: 15px;
  border-radius: 0 0 0 100%;
  background: hsla(0, 0%, 40%, 0.8);
  box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.6);
  justify-content: flex-end;
  align-items: flex-start;
  padding: 4px 4px 0 0;
  box-sizing: border-box;
  transition: all 0.3s;
  z-index: 180;
  position: fixed;
  top: 0;
  right: 0;
  cursor: pointer;
}
.ele-layout-fullscreen-icon:hover {
  background: hsla(0, 0%, 60%, 0.8);
}

/* 顶栏暗黑主题切换开关 */
.ele-dark-switch {
  padding: 0 6px;
  position: relative;
}
.ele-dark-switch .el-switch {
  height: 22px;
  line-height: 22px;
  position: static;
}
.ele-dark-switch .el-switch .el-switch__core {
  --el-switch-off-color: var(--el-border-color-extra-light);
  --el-switch-on-color: var(--el-fill-color);
  height: 22px;
  border-radius: 11px;
  border: 1px solid var(--el-border-color);
}
.ele-dark-switch .el-switch .el-switch__core .el-switch__action {
  color: var(--el-text-color-regular);
  background: var(--el-bg-color);
  width: 18px;
  height: 18px;
  font-size: 12px;
  left: 1.35px;
}
.ele-dark-switch .el-switch.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 19.35px);
}
.ele-dark-switch .el-switch::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* 暗色和主色顶栏下暗黑主题切换开关颜色调整 */
.ele-admin-header.is-dark .ele-dark-switch .el-switch .el-switch__core,
.ele-admin-header.is-primary .ele-dark-switch .el-switch .el-switch__core {
  border: none;
  background: rgba(255, 255, 255, 0.38);
}
.ele-admin-header.is-dark .ele-dark-switch .el-switch .el-switch__core .el-switch__action,
.ele-admin-header.is-primary .ele-dark-switch .el-switch .el-switch__core .el-switch__action {
  left: 2.65px;
}
.ele-admin-header.is-dark .ele-dark-switch .el-switch.is-checked .el-switch__core .el-switch__action,
.ele-admin-header.is-primary .ele-dark-switch .el-switch.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 20px);
}

.ele-admin-header.is-dark .ele-dark-switch .el-switch .el-switch__core {
  background: rgba(255, 255, 255, 0.2);
}

/* 主色顶栏 logo 增加白色滤镜 */
.ele-admin-header.is-primary .ele-admin-logo img {
  filter: contrast(0%) brightness(1000%);
}

/* 卡片风格布局 */
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-header {
  border-radius: 8px;
  margin: 16px 16px 0 16px;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-header.show-divider {
  border-radius: 8px 8px 0 0;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-tabs:not(.is-button) {
  border-radius: 0 0 8px 8px;
  width: calc(100% - 32px);
  margin-right: auto;
  margin-left: auto;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-admin-iframe-wrap {
  left: 16px;
  right: 16px;
  bottom: 16px;
  border-radius: 8px;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-body > .ele-admin-wrapper > .ele-bottom-bar {
  border-radius: 8px;
  width: calc(100% - 32px);
  margin-right: auto;
  margin-left: auto;
  bottom: 16px;
}
.layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-header.is-primary > .ele-admin-tabs.is-simple, .layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-header.is-primary > .ele-admin-tabs.is-indicator, .layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-header.is-primary > .ele-admin-tabs.is-simple, .layout-card-style.ele-admin-layout.ele-pro-layout > .ele-admin-main > .ele-admin-header.is-primary > .ele-admin-tabs.is-indicator {
  --ele-tab-simple-active-bg: var(--ele-layout-bg);
}
.layout-card-style.ele-admin-layout.ele-pro-layout.layout-mix-card-style > .ele-admin-side > .ele-admin-sidebox.show-divider {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.layout-card-style.ele-admin-layout.ele-pro-layout.layout-mix-card-style > .ele-admin-side > .ele-admin-sidebox + .ele-admin-sidebar {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.layout-card-style.ele-admin-layout.ele-pro-layout.layout-mix-card-style > .ele-admin-side > .ele-admin-sidebar:first-child {
  margin-left: 16px;
}

/* 主题抽屉去掉遮罩层 */
body .ele-setting-drawer {
  background: none;
  pointer-events: none;
}
body .ele-setting-drawer > .el-drawer {
  pointer-events: auto;
  overflow: visible;
}
body .ele-setting-drawer .ele-drawer-close::after {
  content: "";
  position: absolute;
  top: calc(50vh - 18px);
  left: -36px;
  width: 36px;
  height: 36px;
  border-radius: 8px 0 0 8px;
  background-color: var(--el-color-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M10 10 38 38M10 38 38 10' stroke='%23FFF' stroke-width='4'/%3E%3C/svg%3E");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-color 0.2s;
}
body .ele-setting-drawer .ele-drawer-close:hover::after {
  background-color: var(--el-color-primary-light-3);
}

/* 顶栏菜单搜索 */
.ele-layout-menu-search {
  width: 148px;
  margin-right: 6px;
  --ele-input-radius: 32px;
}
.ele-layout-menu-search .el-select__suffix > .el-icon.el-select__icon {
  width: auto;
  height: 15px;
  padding: 0 2px;
  font-size: 12px;
  font-style: normal;
  color: var(--el-text-color-placeholder);
  border-radius: var(--el-border-radius-base);
  border: 1px solid var(--el-border-color-light);
  background: var(--el-fill-color-light);
  transform: none;
}

.ele-layout-menu-search-item {
  width: 100%;
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.ele-layout-menu-search-item > img, .ele-layout-menu-search-item > .ele-layout-menu-search-item-icon {
  font-size: 16px;
  margin-right: 12px;
  transition: color 0.2s;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-body {
  flex: 1;
  overflow: hidden;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color 0.2s;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-path {
  font-size: var(--el-font-size-extra-small);
  color: var(--el-text-color-secondary);
  margin-left: 6px;
  transition: color 0.2s;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-text {
  font-size: var(--el-font-size-extra-small);
  color: var(--el-text-color-placeholder);
  margin-top: 8px;
  transition: color 0.2s;
}
.ele-layout-menu-search-item .ele-layout-menu-search-item-suffix {
  font-size: var(--el-font-size-small);
  margin: 16px 0 0 -10px;
  visibility: hidden;
}

.ele-layout-menu-search-popper {
  min-width: 336px;
  padding: 8px 0;
  --ele-select-item-height: 58px;
  --ele-select-item-radius: var(--el-border-radius-base);
  --ele-select-item-margin: 6px;
  --ele-select-padding: 0 8px;
}
.ele-layout-menu-search-popper .el-select-dropdown__wrap {
  max-height: 506px;
}
.ele-layout-menu-search-popper .el-select-dropdown__item {
  border: 1px solid var(--el-border-color-light);
}
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering {
  background: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-5);
}
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering > .ele-layout-menu-search-item {
  color: var(--el-color-primary);
}
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering > .ele-layout-menu-search-item .ele-layout-menu-search-item-text,
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering > .ele-layout-menu-search-item .ele-layout-menu-search-item-path {
  color: var(--el-color-primary-light-5);
}
.ele-layout-menu-search-popper .el-select-dropdown__item.is-hovering > .ele-layout-menu-search-item .ele-layout-menu-search-item-suffix {
  visibility: visible;
}

.ele-admin-header.is-primary .ele-layout-menu-search,
.ele-admin-header.is-dark .ele-layout-menu-search {
  --ele-input-border: 1px solid rgba(255, 255, 255, 0.6);
  --ele-input-hover-border: 1px solid #fff;
  --ele-input-focus-border: 1px solid #fff;
  --ele-input-focus-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
  --el-text-color-placeholder: rgba(255, 255, 255, 0.68);
  --el-text-color-regular: #fff;
  --el-fill-color-light: rgba(255, 255, 255, 0.08);
  --el-border-color-light: rgba(255, 255, 255, 0.48);
}

/* 主题配置提示 */
.ele-theme-setting-tip {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  pointer-events: none;
}
.ele-theme-setting-tip > div {
  position: absolute;
  top: 36px;
  right: -10px;
  height: 34px;
  width: 152px;
  border-radius: 8px;
  box-sizing: border-box;
  background: var(--el-bg-color);
  box-shadow: var(--el-box-shadow-light);
  line-height: 18px;
  font-size: 13px;
  color: var(--el-text-color-primary);
  padding: 8px 8px 0 14px;
}
.ele-theme-setting-tip > div > svg {
  position: absolute;
  inset: 0;
}

* {
  outline: none;
}

html {
  overflow: auto;
  height: 100%;
}

body {
  margin: 0;
  line-height: 1.58;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  font-family: var(--el-font-family);
  background: var(--el-bg-color-page);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

/* 关闭响应式 */
body.ele-body-limited {
  min-width: 1200px;
}

/* 色弱模式 */
.ele-admin-weak {
  filter: invert(0.8) brightness(1.2) contrast(1.6);
  --el-overlay-color-lighter: rgba(222, 222, 222, 0.6);
}
.ele-admin-weak.dark {
  filter: invert(0.8) contrast(1.92);
}

/* 按钮加图标减少间距 */
.ele-btn-icon.el-button,
.ele-btn-icon.el-button.is-round {
  padding-left: 12px;
  padding-right: 12px;
}
.ele-btn-icon.el-button > .el-icon,
.ele-btn-icon.el-button.is-round > .el-icon {
  margin-left: -2px;
  margin-right: -2px;
}
.ele-btn-icon.el-button.el-button--small,
.ele-btn-icon.el-button.is-round.el-button--small {
  padding-left: 6px;
  padding-right: 6px;
}
.ele-btn-icon.el-button.el-button--large,
.ele-btn-icon.el-button.is-round.el-button--large {
  padding-left: 16px;
  padding-right: 16px;
}

/* 级联选择器增加高度 */
.ele-popper-higher .el-cascader-menu__wrap.el-scrollbar__wrap {
  height: 280px;
}

/* 间距组件样式优化 */
.el-space--horizontal > .el-space__item:last-child {
  margin-right: 0 !important;
}

.el-space--vertical > .el-space__item:last-child {
  padding-bottom: 0 !important;
}

/* 小屏幕时分页去掉一些组件 */
@media screen and (max-width: 767.99px) {
  .ele-pro-table .el-pagination .el-pagination__sizes,
  .ele-pro-table .el-pagination .el-pagination__jump {
    display: none;
  }
}
/* 表单验证气泡形式 */
.pro-form-error-popper.el-form-item > .el-form-item__content > .el-form-item__error {
  position: absolute;
  left: 0;
  top: auto;
  bottom: calc(100% + 3px);
  width: max-content;
  color: #fff;
  font-size: 12px;
  background: var(--el-color-danger);
  transition: all 0.2s;
  padding: 4px 6px;
  border-radius: 3px;
  z-index: 999;
  transform: none;
}
.pro-form-error-popper.el-form-item > .el-form-item__content > .el-form-item__error:after {
  content: "";
  border: 4px solid transparent;
  border-top-color: var(--el-color-danger);
  position: absolute;
  left: 8px;
  bottom: -7px;
}

/* 主题切换过渡 */
::view-transition-old(root),
::view-transition-new(root),
::view-transition-old(body),
::view-transition-new(body) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-new(root),
html.dark::view-transition-old(root),
html.ele-admin-weak::view-transition-old(root),
html.dark.ele-admin-weak::view-transition-new(root),
::view-transition-new(body) {
  z-index: 1;
}

::view-transition-old(root),
html.dark::view-transition-new(root),
html.ele-admin-weak::view-transition-new(root),
html.dark.ele-admin-weak::view-transition-old(root),
::view-transition-old(body) {
  z-index: 2147483646;
}

html.disabled-transition,
html.disabled-transition body,
html.disabled-transition :not(.view-transition-trigger) * {
  transition: none !important;
}

html.disabled-transition {
  background: var(--el-color-primary);
}