@charset "UTF-8";
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 15, 118, 110;
  --el-color-success-rgb: 103, 194, 58;
  --el-color-warning-rgb: 230, 162, 60;
  --el-color-danger-rgb: 245, 108, 108;
  --el-color-error-rgb: 245, 108, 108;
  --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: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  --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: 4px;
  --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: #0f766e;
  --el-color-primary-light-3: rgb(87, 159, 154);
  --el-color-primary-light-5: rgb(135, 187, 183);
  --el-color-primary-light-7: rgb(183, 214, 212);
  --el-color-primary-light-8: rgb(207, 228, 226);
  --el-color-primary-light-9: rgb(231, 241, 241);
  --el-color-primary-dark-2: rgb(12, 94, 88);
  --el-color-success: #67c23a;
  --el-color-success-light-3: rgb(149, 212, 117);
  --el-color-success-light-5: rgb(179, 225, 157);
  --el-color-success-light-7: rgb(209, 237, 196);
  --el-color-success-light-8: rgb(225, 243, 216);
  --el-color-success-light-9: rgb(240, 249, 235);
  --el-color-success-dark-2: rgb(82, 155, 46);
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: rgb(238, 190, 119);
  --el-color-warning-light-5: rgb(243, 209, 158);
  --el-color-warning-light-7: rgb(248, 227, 197);
  --el-color-warning-light-8: rgb(250, 236, 216);
  --el-color-warning-light-9: rgb(253, 246, 236);
  --el-color-warning-dark-2: rgb(184, 130, 48);
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: rgb(248, 152, 152);
  --el-color-danger-light-5: rgb(250, 182, 182);
  --el-color-danger-light-7: rgb(252, 211, 211);
  --el-color-danger-light-8: rgb(253, 226, 226);
  --el-color-danger-light-9: rgb(254, 240, 240);
  --el-color-danger-dark-2: rgb(196, 86, 86);
  --el-color-error: #f56c6c;
  --el-color-error-light-3: rgb(248, 152, 152);
  --el-color-error-light-5: rgb(250, 182, 182);
  --el-color-error-light-7: rgb(252, 211, 211);
  --el-color-error-light-8: rgb(253, 226, 226);
  --el-color-error-light-9: rgb(254, 240, 240);
  --el-color-error-dark-2: rgb(196, 86, 86);
  --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: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --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.7);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
: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;
  }
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-slider-captcha[data-v-59fabcdf] {
  width: 100%;
  position: relative;
}
.zs-slider-captcha[data-v-59fabcdf] #tianai-captcha-parent {
  box-shadow: none;
}
.zs-slider-captcha__container[data-v-59fabcdf] {
  width: 100%;
  border: 1px solid var(--zs-border, #dce5e1);
  border-radius: var(--zs-radius-sm, 8px);
  background: var(--zs-surface-muted, #edf3f0);
}
.zs-slider-captcha__status[data-v-59fabcdf] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 220px;
  color: var(--zs-text-muted, #60706c);
  font-size: 14px;
  border: 1px dashed var(--zs-border, #dce5e1);
  border-radius: var(--zs-radius-sm, 8px);
}
.zs-slider-captcha__status--error[data-v-59fabcdf] {
  color: var(--zs-danger, #c94b45);
  border-color: var(--zs-danger, #c94b45);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-slider-captcha__dialog.el-dialog {
  border-radius: 14px;
}
.zs-slider-captcha__dialog.el-dialog .el-dialog__header {
  display: none;
}
.zs-slider-captcha__dialog.el-dialog .el-dialog__body {
  padding: 24px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.metric-list[data-v-43c5e905] {
  display: flex;
  flex-direction: column;
}
.metric-row[data-v-43c5e905] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--zs-border);
}
.metric-row[data-v-43c5e905]:last-child {
  border-bottom: 0;
}
.metric-label[data-v-43c5e905] {
  font-size: 14px;
  color: var(--zs-text);
}
.metric-value[data-v-43c5e905] {
  font-size: 16px;
  font-weight: 700;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.alert-list[data-v-a735d7c8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.alert-item[data-v-a735d7c8] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: background var(--zs-motion-base) var(--zs-ease), border-color var(--zs-motion-base) var(--zs-ease);
}
.dot[data-v-a735d7c8] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 6px;
  flex-shrink: 0;
}
.alert-text[data-v-a735d7c8] {
  flex: 1;
  min-width: 0;
}
.alert-title[data-v-a735d7c8] {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.alert-desc[data-v-a735d7c8] {
  font-size: 12px;
  color: var(--zs-text-muted);
  margin-top: 2px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-dashboard-hero[data-v-5696ace7] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  border-radius: var(--zs-radius-lg);
  padding: 24px 28px;
  color: var(--zs-text);
  background: linear-gradient(135deg, color-mix(in srgb, var(--zs-brand) 96%, transparent) 0%, color-mix(in srgb, var(--zs-brand-strong) 92%, transparent) 100%);
  border: 1px solid color-mix(in srgb, var(--zs-brand-strong) 60%, transparent);
  box-shadow: var(--zs-shadow-sm);
}
.zs-dashboard-hero[data-v-5696ace7]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.hero-meta[data-v-5696ace7] {
  flex: 1;
  min-width: 0;
  color: #fff;
}
.hero-title[data-v-5696ace7] {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0;
}
.hero-subtitle[data-v-5696ace7] {
  margin-top: 8px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.5;
  max-width: 56ch;
}
.hero-badges[data-v-5696ace7] {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.hero-side[data-v-5696ace7] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  flex-shrink: 0;
}
.hero-highlights[data-v-5696ace7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hero-highlight[data-v-5696ace7] {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
}
.hero-highlight-label[data-v-5696ace7] {
  font-weight: 500;
}
.hero-highlight-value[data-v-5696ace7] {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.hero-actions[data-v-5696ace7] {
  display: flex;
  gap: 8px;
}
.hero-action[data-v-5696ace7] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: var(--zs-radius-sm);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  transition: background var(--zs-motion-base) var(--zs-ease);
}
.hero-action[data-v-5696ace7]:hover {
  background: rgba(255, 255, 255, 0.18);
}
.hero-action.is-primary[data-v-5696ace7] {
  background: #fff;
  color: var(--zs-brand-strong);
  border-color: #fff;
}
.hero-action.is-primary[data-v-5696ace7]:hover {
  background: rgba(255, 255, 255, 0.92);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.health-list[data-v-d5d80f8d] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.health-row[data-v-d5d80f8d] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.health-head[data-v-d5d80f8d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.health-label[data-v-d5d80f8d] {
  font-size: 14px;
  color: var(--zs-text);
}
.health-value[data-v-d5d80f8d] {
  font-size: 12px;
  color: var(--zs-text);
  font-weight: 600;
}
.health-track[data-v-d5d80f8d] {
  background: var(--zs-surface-muted);
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.health-bar[data-v-d5d80f8d] {
  height: 100%;
  border-radius: 4px;
  transition: width 0.4s ease;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.funnel-list[data-v-9ebe14e1] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.funnel-row[data-v-9ebe14e1] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.funnel-head[data-v-9ebe14e1] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.funnel-label[data-v-9ebe14e1] {
  font-size: 14px;
  color: var(--zs-text);
}
.funnel-value[data-v-9ebe14e1] {
  font-size: 16px;
  font-weight: 700;
}
.funnel-track[data-v-9ebe14e1] {
  height: 8px;
  border-radius: 4px;
  background: var(--zs-surface-muted);
  overflow: hidden;
}
.funnel-bar[data-v-9ebe14e1] {
  height: 100%;
  border-radius: 4px;
  transition: width 0.4s ease;
}
.funnel-conversion[data-v-9ebe14e1] {
  font-size: 11px;
  color: var(--zs-text-muted);
  text-align: right;
  margin-top: 2px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.card[data-v-cd20cf8e] {
  background: var(--zs-surface);
  border: 1px solid var(--zs-border);
  border-radius: var(--zs-radius-lg);
  box-shadow: var(--zs-shadow-sm);
  padding: 16px;
  transition: background var(--zs-motion-base) var(--zs-ease), border-color var(--zs-motion-base) var(--zs-ease);
}
.kpi-card[data-v-cd20cf8e] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-height: 96px;
}
.kpi-icon[data-v-cd20cf8e] {
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.kpi-text[data-v-cd20cf8e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.kpi-label[data-v-cd20cf8e] {
  font-size: 14px;
  color: var(--zs-text-muted);
}
.kpi-value[data-v-cd20cf8e] {
  font-size: 24px;
  font-weight: 700;
  color: var(--zs-text);
  line-height: 1.2;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.kpi-value .unit[data-v-cd20cf8e] {
  font-size: 14px;
  font-weight: 500;
  color: var(--zs-text-muted);
}
.kpi-change[data-v-cd20cf8e] {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.kpi-change.is-up[data-v-cd20cf8e] {
  color: #4caf50;
}
.kpi-change.is-down[data-v-cd20cf8e] {
  color: #f44336;
}
.kpi-change .arrow[data-v-cd20cf8e] {
  font-weight: 700;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.leaderboard[data-v-26a37260] {
  width: 100%;
}
.lb-list[data-v-26a37260] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.lb-row[data-v-26a37260] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--zs-border);
}
.lb-row[data-v-26a37260]:last-child {
  border-bottom: 0;
}
.lb-rank[data-v-26a37260] {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--zs-text-muted);
  background: var(--zs-surface-muted);
  flex-shrink: 0;
}
.lb-rank.rank-1[data-v-26a37260] {
  background: #f4c542;
  color: #5a3f00;
}
.lb-rank.rank-2[data-v-26a37260] {
  background: #b8c2cc;
  color: #1f2937;
}
.lb-rank.rank-3[data-v-26a37260] {
  background: #d2956f;
  color: #4a1d00;
}
.lb-info[data-v-26a37260] {
  flex: 1;
  min-width: 0;
}
.lb-name[data-v-26a37260] {
  font-size: 14px;
  font-weight: 700;
  color: var(--zs-text);
}
.lb-meta[data-v-26a37260] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 2px;
  font-size: 12px;
  color: var(--zs-text-muted);
}
.lb-metric[data-v-26a37260] {
  font-weight: 600;
  color: var(--zs-text);
}
.lb-rating[data-v-26a37260] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-weight: 600;
  color: #f4c542;
}
.lb-ratio[data-v-26a37260] {
  color: var(--zs-brand);
  font-weight: 600;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.chart[data-v-3374369f] {
  width: 100%;
  height: 240px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.card[data-v-a678a424] {
  background: var(--zs-surface);
  border: 1px solid var(--zs-border);
  border-radius: var(--zs-radius-lg);
  box-shadow: var(--zs-shadow-sm);
  padding: 16px;
  transition: background var(--zs-motion-base) var(--zs-ease), border-color var(--zs-motion-base) var(--zs-ease);
}
.section-header[data-v-a678a424] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.section-title[data-v-a678a424] {
  font-size: 16px;
  font-weight: 700;
  color: var(--zs-text);
  line-height: 1.4;
}
.section-subtitle[data-v-a678a424] {
  font-size: 12px;
  color: var(--zs-text-muted);
  margin-top: 2px;
}
.section-extra[data-v-a678a424] {
  flex-shrink: 0;
}
.section-body[data-v-a678a424] {
  width: 100%;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.shortcut-grid[data-v-48ff76f5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.shortcut-btn[data-v-48ff76f5] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--zs-surface-muted);
  color: var(--zs-brand);
  border: 1px solid var(--zs-border);
  border-radius: var(--zs-radius-sm);
  padding: 12px 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--zs-motion-base) var(--zs-ease), color var(--zs-motion-base) var(--zs-ease), border-color var(--zs-motion-base) var(--zs-ease);
  text-align: left;
  width: 100%;
}
.shortcut-btn[data-v-48ff76f5]:hover {
  background: var(--zs-brand);
  color: var(--zs-surface);
  border-color: var(--zs-brand);
}
.shortcut-icon[data-v-48ff76f5] {
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
}
.shortcut-label[data-v-48ff76f5] {
  flex: 1;
  min-width: 0;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.step-stats[data-v-aeec4cbd] {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
}
.step-stats__item[data-v-aeec4cbd] {
  position: relative;
  flex: 1;
  border-top: 3px solid;
  padding: 8px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.step-stats__count[data-v-aeec4cbd] {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.step-stats__label[data-v-aeec4cbd] {
  font-size: 12px;
  color: var(--zs-text-muted);
  line-height: 1.4;
}
.step-stats__connector[data-v-aeec4cbd] {
  position: absolute;
  top: 50%;
  right: -10px;
  width: 20px;
  height: 1px;
  background: var(--zs-border);
  pointer-events: none;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.chart[data-v-a76b3ae5] {
  width: 100%;
  height: 240px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-form {
  --el-form-label-font-size: var(--el-font-size-base);
  --el-form-inline-content-width: 220px;
}
.el-form--inline .el-form-item {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 32px;
}
.el-form--inline .el-form-item:last-child {
  margin-right: 0;
}
.el-form--inline.el-form--label-top {
  display: flex;
  flex-wrap: wrap;
}
.el-form--inline.el-form--label-top .el-form-item {
  display: block;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-button {
  --el-button-font-weight: var(--el-font-weight-primary);
  --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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-form-item {
  display: flex;
  --font-size: 14px;
  margin-bottom: 18px;
}
.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item .el-input__validateIcon {
  display: none;
}
.el-form-item--large {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 22px;
}
.el-form-item--large .el-form-item__label {
  height: 40px;
  line-height: 40px;
}

.el-form-item--large .el-form-item__content {
  line-height: 40px;
}

.el-form-item--large .el-form-item__error {
  padding-top: 4px;
}

.el-form-item--default {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--default .el-form-item__label {
  height: 32px;
  line-height: 32px;
}

.el-form-item--default .el-form-item__content {
  line-height: 32px;
}

.el-form-item--default .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--small {
  --font-size: 12px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--small .el-form-item__label {
  height: 24px;
  line-height: 24px;
}

.el-form-item--small .el-form-item__content {
  line-height: 24px;
}

.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--label-left .el-form-item__label {
  text-align: left;
  justify-content: flex-start;
}

.el-form-item--label-right .el-form-item__label {
  text-align: right;
  justify-content: flex-end;
}

.el-form-item--label-top {
  display: block;
}
.el-form-item--label-top .el-form-item__label {
  display: block;
  width: fit-content;
  height: auto;
  text-align: left;
  margin-bottom: 8px;
  line-height: 22px;
  padding-right: 0;
}

.el-form-item__label-wrap {
  display: flex;
}

.el-form-item__label {
  display: inline-flex;
  align-items: flex-start;
  flex: 0 0 auto;
  font-size: var(--el-form-label-font-size);
  color: var(--el-text-color-regular);
  height: 32px;
  line-height: 32px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

.el-form-item__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  line-height: 32px;
  position: relative;
  font-size: var(--font-size);
  min-width: 0;
}
.el-form-item__content .el-input-group {
  vertical-align: top;
}

.el-form-item__error {
  color: var(--el-color-danger);
  font-size: 12px;
  line-height: 1;
  padding-top: 2px;
  position: absolute;
  top: 100%;
  left: 0;
}
.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
  content: "*";
  color: var(--el-color-danger);
  margin-right: 4px;
}
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after {
  content: "*";
  color: var(--el-color-danger);
  margin-left: 4px;
}

.el-form-item.is-error .el-form-item__content .el-input__wrapper, .el-form-item.is-error .el-form-item__content .el-input__wrapper:hover, .el-form-item.is-error .el-form-item__content .el-input__wrapper:focus, .el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:hover,
.el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,
.el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,
.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus,
.el-form-item.is-error .el-form-item__content :not(.el-input-otp--underlined) .el-input-otp__input-field,
.el-form-item.is-error .el-form-item__content :not(.el-input-otp--underlined) .el-input-otp__input-field:hover,
.el-form-item.is-error .el-form-item__content :not(.el-input-otp--underlined) .el-input-otp__input-field:focus,
.el-form-item.is-error .el-form-item__content :not(.el-input-otp--underlined) .el-input-otp__input-field.is-focus {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-form-item.is-error .el-form-item__content .el-input-otp--underlined .el-input-otp__input-field::after, .el-form-item.is-error .el-form-item__content .el-input-otp--underlined .el-input-otp__input-field:hover::after, .el-form-item.is-error .el-form-item__content .el-input-otp--underlined .el-input-otp__input-field:focus::after, .el-form-item.is-error .el-form-item__content .el-input-otp--underlined .el-input-otp__input-field.is-focus::after {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__wrapper {
  box-shadow: 0 0 0 1px transparent inset;
}
.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__validateIcon,
.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__validateIcon {
  display: none;
}
.el-form-item.is-error .el-form-item__content .el-input__validateIcon {
  color: var(--el-color-danger);
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-flex;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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 {
  cursor: auto;
  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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-input-number {
  position: relative;
  display: inline-flex;
  width: 150px;
  line-height: 30px;
  vertical-align: middle;
}
.el-input-number .el-input__wrapper {
  padding-left: 42px;
  padding-right: 42px;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  text-align: center;
  line-height: 1;
}
.el-input-number .el-input__inner::-webkit-inner-spin-button, .el-input-number .el-input__inner::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.el-input-number.is-left .el-input__inner {
  text-align: left;
}

.el-input-number.is-right .el-input__inner {
  text-align: right;
}

.el-input-number.is-center .el-input__inner {
  text-align: center;
}

.el-input-number__increase, .el-input-number__decrease {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  position: absolute;
  z-index: 1;
  top: 1px;
  bottom: 1px;
  width: 32px;
  background: var(--el-fill-color-light);
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: 13px;
  user-select: none;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: var(--el-color-primary);
}
.el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper, .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset;
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
  border-left: var(--el-border);
}

.el-input-number__decrease {
  left: 1px;
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  border-right: var(--el-border);
}

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

.el-input-number--large {
  width: 180px;
  line-height: 38px;
}
.el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease {
  width: 40px;
  font-size: 14px;
}

.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper {
  padding-right: 47px;
}

.el-input-number--large .el-input--large .el-input__wrapper {
  padding-left: 47px;
  padding-right: 47px;
}

.el-input-number--small {
  width: 120px;
  line-height: 22px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 24px;
  font-size: 12px;
}

.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper {
  padding-right: 31px;
}

.el-input-number--small .el-input--small .el-input__wrapper {
  padding-left: 31px;
  padding-right: 31px;
}

.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.9);
}

.el-input-number.is-without-controls .el-input__wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__wrapper {
  padding-left: 15px;
  padding-right: 42px;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  --el-input-number-controls-height: 15px;
  height: var(--el-input-number-controls-height);
  line-height: var(--el-input-number-controls-height);
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  bottom: auto;
  left: auto;
  border-radius: 0 var(--el-border-radius-base) 0 0;
  border-bottom: var(--el-border);
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: var(--el-border);
  border-radius: 0 0 var(--el-border-radius-base) 0;
}

.el-input-number.is-controls-right[class*=large] [class*=increase],
.el-input-number.is-controls-right[class*=large] [class*=decrease] {
  --el-input-number-controls-height: 19px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase],
.el-input-number.is-controls-right[class*=small] [class*=decrease] {
  --el-input-number-controls-height: 11px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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;
  }
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-image__error, .el-image__placeholder, .el-image__wrapper, .el-image__inner {
  width: 100%;
  height: 100%;
}

.el-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.el-image__inner {
  vertical-align: top;
  opacity: 1;
}
.el-image__inner.is-loading {
  opacity: 0;
}

.el-image__wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

.el-image__placeholder {
  background: var(--el-fill-color-light);
}

.el-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  vertical-align: middle;
}

.el-image__preview {
  cursor: pointer;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-edu__form[data-v-7aced599] .el-form-item {
  margin-bottom: 0;
}
.zs-edu__form[data-v-7aced599] .el-form-item__label {
  padding: 0 0 6px;
  font-size: var(--zc-fs-xs, 12px);
  font-weight: 500;
  line-height: 1.3;
  color: var(--zc-text-secondary, #57534e);
}
.zs-edu__zone[data-v-7aced599] {
  padding: 0;
}
.zs-edu__zone + .zs-edu__zone[data-v-7aced599] {
  margin-top: var(--zc-space-7, 32px);
}
.zs-edu__zone-head[data-v-7aced599] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: var(--zc-space-3, 12px);
  margin-bottom: var(--zc-space-4, 16px);
  border-bottom: 1px dashed var(--zc-border-subtle, #f5f5f4);
}
.zs-edu__zone-head-main[data-v-7aced599] {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.zs-edu__zone-eyebrow[data-v-7aced599] {
  font-family: var(--zc-font-display, Georgia, serif);
  font-size: 11px;
  font-weight: 600;
  color: var(--zc-text-muted, #78716c);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.zs-edu__zone-title[data-v-7aced599] {
  margin: 0;
  font-family: var(--zc-font-display, Georgia, serif);
  font-size: var(--zc-fs-base, 16px);
  font-weight: 600;
  color: var(--zc-text-primary, #1c1917);
  letter-spacing: -0.01em;
}
.zs-edu__zone-sub[data-v-7aced599] {
  margin: 0;
  font-size: var(--zc-fs-xs, 12px);
  line-height: 1.5;
  color: var(--zc-text-muted, #78716c);
}
.zs-edu__zone-badge[data-v-7aced599] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: var(--zc-radius-full, 9999px);
  background: var(--zc-brand-soft, #e6f4f1);
  color: var(--zc-brand-strong, #115e59);
  font-size: var(--zc-fs-xs, 12px);
  font-weight: 500;
  line-height: 1.3;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.dark {
  background: var(--zc-brand-soft, #1a2d2a);
  color: var(--zc-brand-strong, #8bd7d0);
}
.zs-edu__grid[data-v-7aced599] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--zc-space-5, 24px);
  row-gap: var(--zc-space-4, 16px);
}
.zs-edu__span-2[data-v-7aced599] {
  grid-column: span 2;
}
.zs-edu__inline[data-v-7aced599] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.zs-edu__inline[data-v-7aced599] .el-input-number {
  flex: 1;
}
.zs-edu__unit[data-v-7aced599] {
  color: var(--zc-text-muted, #78716c);
  font-size: var(--zc-fs-xs, 12px);
}
.zs-edu__map[data-v-7aced599] {
  appearance: none;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 10px 14px;
  border-radius: var(--zc-radius-md, 10px);
  background: var(--zc-surface-card, #ffffff);
  border: 1px solid var(--zc-border, #d6d3d1);
  cursor: pointer;
  text-align: left;
  transition: border-color var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease), box-shadow var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease), background-color var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease);
}
.zs-edu__map[data-v-7aced599]:hover {
  border-color: var(--zc-brand, #0f766e);
  box-shadow: var(--zc-shadow-lift1, 0 1px 2px rgba(28, 25, 23, 0.04));
}
.zs-edu__map[data-v-7aced599]:focus-visible {
  outline: none;
  box-shadow: var(--zc-shadow-focus, 0 0 0 3px rgba(15, 118, 110, 0.18));
}
.zs-edu__map.is-empty[data-v-7aced599] {
  background: transparent;
  border-style: dashed;
  border-color: var(--zc-border, #d6d3d1);
}
.zs-edu__map-icon[data-v-7aced599] {
  font-size: 18px;
  color: var(--zc-brand, #0f766e);
}
.zs-edu__map-body[data-v-7aced599] {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.zs-edu__map-text[data-v-7aced599] {
  font-size: var(--zc-fs-sm, 14px);
  font-weight: 500;
  color: var(--zc-text-primary, #1c1917);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-edu__map-text--empty[data-v-7aced599] {
  color: var(--zc-text-muted, #78716c);
  font-weight: 400;
}
.zs-edu__map-hint[data-v-7aced599] {
  font-size: var(--zc-fs-xs, 12px);
  color: var(--zc-text-muted, #78716c);
}
.zs-edu__map-arrow[data-v-7aced599] {
  font-size: 14px;
  color: var(--zc-text-muted, #78716c);
  transition: transform var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease);
}
.zs-edu__map:hover .zs-edu__map-arrow[data-v-7aced599] {
  transform: translateX(2px);
  color: var(--zc-brand, #0f766e);
}
.zs-edu__map-clear[data-v-7aced599] {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: var(--zc-radius-full, 9999px);
  color: var(--zc-text-muted, #78716c);
  cursor: pointer;
  transition: background-color var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease), color var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease);
}
.zs-edu__map-clear[data-v-7aced599]:hover {
  background: var(--zc-neutral-100, #f5f5f4);
  color: var(--zc-text-primary, #1c1917);
}
.zs-edu__cert[data-v-7aced599] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.zs-edu__cert-list[data-v-7aced599] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 12px;
  width: 100%;
}
.zs-edu__cert-item[data-v-7aced599] {
  position: relative;
  aspect-ratio: 3/4;
  border-radius: var(--zc-radius-md, 10px);
  overflow: hidden;
  border: 1px solid var(--zc-border, #d6d3d1);
  background: var(--zc-surface-2, #fafaf9);
}
.zs-edu__cert-thumb[data-v-7aced599] {
  width: 100%;
  height: 100%;
  display: block;
}
.zs-edu__cert-fallback[data-v-7aced599] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: var(--zc-fs-xs, 12px);
  color: var(--zc-text-muted, #78716c);
}
.zs-edu__cert-remove[data-v-7aced599] {
  appearance: none;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--zc-radius-full, 9999px);
  border: none;
  background: rgba(28, 25, 23, 0.65);
  color: #fff;
  cursor: pointer;
  transition: background-color var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease);
}
.zs-edu__cert-remove[data-v-7aced599]:hover {
  background: rgba(220, 38, 38, 0.9);
}
.zs-edu__cert-add[data-v-7aced599] {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 10px 14px;
  border-radius: var(--zc-radius-md, 10px);
  border: 1px dashed var(--zc-border, #d6d3d1);
  background: transparent;
  color: var(--zc-text-secondary, #57534e);
  cursor: pointer;
  transition: border-color var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease), background-color var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease), box-shadow var(--zc-dur-base, 200ms) var(--zc-ease-standard, ease);
}
.zs-edu__cert-add[data-v-7aced599]:hover:not(:disabled) {
  border-color: var(--zc-brand, #0f766e);
  color: var(--zc-brand, #0f766e);
  box-shadow: var(--zc-shadow-lift1, 0 1px 2px rgba(28, 25, 23, 0.04));
}
.zs-edu__cert-add[data-v-7aced599]:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.zs-edu__cert-add.is-loading[data-v-7aced599] {
  border-style: solid;
  border-color: var(--zc-brand, #0f766e);
}
.zs-edu__cert-icon[data-v-7aced599] {
  font-size: 16px;
}
.zs-edu__cert-spinner[data-v-7aced599] {
  font-size: 16px;
  animation: zs-edu-cert-spin-7aced599 1s linear infinite;
}
@keyframes zs-edu-cert-spin-7aced599 {
to {
    transform: rotate(360deg);
}
}
.zs-edu__cert-text[data-v-7aced599] {
  font-size: var(--zc-fs-sm, 14px);
  font-weight: 500;
}
.zs-edu__cert-hint[data-v-7aced599] {
  font-size: var(--zc-fs-xs, 12px);
  color: var(--zc-text-muted, #78716c);
}
.zs-edu__cert-input[data-v-7aced599] {
  display: none;
}
@media (max-width: 640px) {
.zs-edu__grid[data-v-7aced599] {
    grid-template-columns: 1fr;
}
.zs-edu__span-2[data-v-7aced599] {
    grid-column: auto;
}
.zs-edu__zone-head[data-v-7aced599] {
    flex-direction: column;
    align-items: flex-start;
}
.zs-edu__zone-badge[data-v-7aced599] {
    max-width: 100%;
}
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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--card > .el-tabs__header.is-left, .el-tabs--card > .el-tabs__header.is-right, .el-tabs--border-card > .el-tabs__header.is-left, .el-tabs--border-card > .el-tabs__header.is-right {
  border-bottom: none;
}

.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;
  }
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-profile-head[data-v-0e49ddca] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.zs-profile-head-meta[data-v-0e49ddca] {
  display: grid;
  gap: 2px;
}
.zs-profile-head-name[data-v-0e49ddca] {
  font-size: 16px;
  font-weight: 600;
}
.zs-profile-head-sub[data-v-0e49ddca] {
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.zs-profile-tabs[data-v-0e49ddca] {
  margin-top: 0;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-profile-avatar-row[data-v-f7405d95] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.zs-profile-avatar-row[data-v-f7405d95] .el-input {
  flex: 1;
}
.zs-profile-avatar-hint[data-v-f7405d95] {
  font-size: 12px;
  color: var(--zs-text-muted, #64748b);
}
.zs-profile-avatar-input[data-v-f7405d95] {
  display: none;
}
.vts-node[data-v-7c0e1105] {
  display: flex;
  align-items: center;
  padding: 0 8px 0 4px;
  height: 28px;
  cursor: pointer;
  font-size: 14px;
  color: #303133;
  white-space: nowrap;
  position: relative;
  transition: background-color 0.15s;
  user-select: none;
  box-sizing: border-box;
  /* 关键：节点宽度由 flex 容器约束，自身不强制 max-width */
  min-width: 0;
  overflow: hidden;
}
.vts-node[data-v-7c0e1105]:hover {
  background-color: #f5f7fa;
}
.vts-node-selected[data-v-7c0e1105],
.vts-node-current[data-v-7c0e1105],
.vts-node-checked[data-v-7c0e1105] {
  background-color: #ecf5ff;
  color: #409eff;
  font-weight: 500;
}
.vts-node-disabled[data-v-7c0e1105] {
  color: #c0c4cc;
  cursor: not-allowed;
}
.vts-node-disabled[data-v-7c0e1105]:hover {
  background-color: transparent;
}
.vts-node-expand[data-v-7c0e1105] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  cursor: pointer;
  color: #909399;
  flex-shrink: 0;
  transition: transform 0.15s;
}
.vts-node-expand-leaf[data-v-7c0e1105] {
  cursor: default;
  visibility: hidden;
}
.vts-node-expand-open[data-v-7c0e1105] {
  transform: rotate(0deg);
}
.vts-node-content[data-v-7c0e1105] {
  /* 关键：flex + min-width:0 让子元素可以收缩 + overflow:hidden 裁剪 */
  display: flex;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  width: 0;
  overflow: hidden;
}
.vts-node-label[data-v-7c0e1105] {
  /* 关键：display:block + width:100% 才能让 ellipsis 生效 */
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.vts {
  position: relative;
  display: inline-block;
  width: 100%;
}
.vts-trigger {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 11px;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}
.vts-trigger:hover {
  border-color: #c0c4cc;
}
.vts-active .vts-trigger {
  border-color: #409eff;
  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.15);
}
.vts-disabled .vts-trigger {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}
.vts-input-wrapper {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  overflow: hidden;
}
.vts-single {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vts-placeholder {
  color: #a8abb2;
}
.vts-label {
  color: #303133;
}
.vts-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.vts-tag {
  margin: 0;
}
.vts-suffix {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 8px;
  color: #c0c4cc;
}
.vts-clear {
  cursor: pointer;
  font-size: 14px;
}
.vts-clear:hover {
  color: #909399;
}
.vts-arrow {
  font-size: 14px;
  transition: transform 0.2s;
}
.vts-arrow.is-reverse {
  transform: rotate(180deg);
}
.vts-popper {
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  box-shadow: 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);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* 关键：限制弹层最大高度，不超过视口 */
  max-height: 80vh;
}
.vts-search {
  padding: 8px;
  border-bottom: 1px solid #ebeef5;
  flex-shrink: 0;
}
.vts-tree-container {
  /* 固定高度容器：自身滚动 */
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  /* 关键：使用显式高度 + flex-shrink: 0 防止被内容撑大 */
  flex-shrink: 0;
  /* 防止任何内部元素溢出 */
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.vts-tree-spacer {
  /* spacer 提供总滚动高度，让容器出现滚动条 */
  position: relative;
  width: 100%;
  /* 防御性：spacer 自身不溢出 */
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.vts-tree-padding {
  /* 顶部占位 div：跳过 startIndex 之前的"虚拟"节点 */
  width: 100%;
  flex-shrink: 0;
  min-width: 0;
}
.vts-empty {
  padding: 12px 0;
  flex-shrink: 0;
}
.vts-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 12px;
  border-top: 1px solid #ebeef5;
  background: #fafafa;
  font-size: 12px;
  color: #909399;
  flex-shrink: 0;
}
.vts-footer-actions {
  display: flex;
  gap: 4px;
}
.vts-fade-enter-active,
.vts-fade-leave-active {
  transition: opacity 0.15s, transform 0.15s;
}
.vts-fade-enter-from,
.vts-fade-leave-to {
  opacity: 0;
  transform: translateY(-4px);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
: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;
  }
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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%);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-empty {
  --el-empty-padding: 40px 0;
  --el-empty-image-width: 160px;
  --el-empty-description-margin-top: 20px;
  --el-empty-bottom-margin-top: 20px;
  --el-empty-fill-color-0: var(--el-color-white);
  --el-empty-fill-color-1: #fcfcfd;
  --el-empty-fill-color-2: #f8f9fb;
  --el-empty-fill-color-3: #f7f8fc;
  --el-empty-fill-color-4: #eeeff3;
  --el-empty-fill-color-5: #edeef2;
  --el-empty-fill-color-6: #e9ebef;
  --el-empty-fill-color-7: #e5e7e9;
  --el-empty-fill-color-8: #e0e3e9;
  --el-empty-fill-color-9: #d5d7de;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: var(--el-empty-padding);
}
.el-empty__image {
  width: var(--el-empty-image-width);
}
.el-empty__image img {
  user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: contain;
}
.el-empty__image svg {
  color: var(--el-svg-monochrome-grey);
  fill: currentColor;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.el-empty__description {
  margin-top: var(--el-empty-description-margin-top);
}
.el-empty__description p {
  margin: 0;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-secondary);
}

.el-empty__bottom {
  margin-top: var(--el-empty-bottom-margin-top);
}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-avatar-cropper__box[data-v-ae56581c] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 360px;
  max-height: 480px;
  overflow: hidden;
  border: 1px solid var(--zs-border, #e5e7eb);
  border-radius: 8px;
  background: var(--zs-surface-muted, #f8fafc);
}
.zs-avatar-cropper__img[data-v-ae56581c] {
  display: block;
  max-width: 100%;
}
.zs-avatar-cropper__hint[data-v-ae56581c] {
  margin: 10px 0 0;
  font-size: 12px;
  color: var(--zs-text-muted, #64748b);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-checkbox {
  --el-checkbox-font-size: 14px;
  --el-checkbox-font-weight: var(--el-font-weight-primary);
  --el-checkbox-text-color: var(--el-text-color-regular);
  --el-checkbox-input-height: 14px;
  --el-checkbox-input-width: 14px;
  --el-checkbox-border-radius: var(--el-border-radius-small);
  --el-checkbox-bg-color: var(--el-fill-color-blank);
  --el-checkbox-input-border: var(--el-border);
  --el-checkbox-disabled-border-color: var(--el-border-color);
  --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
  --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
  --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
  --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-checked-text-color: var(--el-color-primary);
  --el-checkbox-checked-input-border-color: var(--el-color-primary);
  --el-checkbox-checked-bg-color: var(--el-color-primary);
  --el-checkbox-checked-icon-color: var(--el-color-white);
  --el-checkbox-input-border-color-hover: var(--el-color-primary);
}

.el-checkbox {
  color: var(--el-checkbox-text-color);
  font-weight: var(--el-checkbox-font-weight);
  font-size: var(--el-font-size-base);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  user-select: none;
  margin-right: 30px;
  height: var(--el-checkbox-height, 32px);
}
.el-checkbox.is-disabled {
  cursor: not-allowed;
}

.el-checkbox.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-checkbox.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-checkbox.is-bordered.is-disabled {
  border-color: var(--el-border-color-lighter);
}
.el-checkbox.is-bordered.el-checkbox--large {
  padding: 0 19px 0 11px;
  border-radius: var(--el-border-radius-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
  font-size: var(--el-font-size-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 0 11px 0 7px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox input:focus-visible + .el-checkbox__inner {
  outline: 2px solid var(--el-checkbox-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-checkbox-border-radius);
}
.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-input-fill);
  border-color: var(--el-checkbox-disabled-border-color);
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: var(--el-checkbox-disabled-icon-color);
  will-change: transform;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: var(--el-checkbox-disabled-checked-icon-color);
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: translate(-45%, -60%) rotate(45deg) scaleY(1);
  border-color: var(--el-checkbox-checked-icon-color);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--el-checkbox-checked-text-color);
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
  border-color: var(--el-checkbox-input-border-color-hover);
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--el-checkbox-checked-icon-color);
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: var(--el-checkbox-input-border);
  border-radius: var(--el-checkbox-border-radius);
  box-sizing: border-box;
  width: var(--el-checkbox-input-width);
  height: var(--el-checkbox-input-height);
  background-color: var(--el-checkbox-bg-color);
  z-index: var(--el-index-normal);
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: var(--el-checkbox-input-border-color-hover);
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid transparent;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-45%, -60%) rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 8px;
  line-height: 1;
  font-size: var(--el-checkbox-font-size);
}

.el-checkbox.el-checkbox--large {
  height: 40px;
}
.el-checkbox.el-checkbox--large .el-checkbox__label {
  font-size: 14px;
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
  width: 14px;
  height: 14px;
}

.el-checkbox.el-checkbox--small {
  height: 24px;
}
.el-checkbox.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
  width: 12px;
  height: 12px;
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 4px;
}

.el-checkbox.el-checkbox--small .el-checkbox__inner::after {
  width: 2px;
  height: 6px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}.el-progress{align-items:center;line-height:1;display:flex;position:relative}.el-progress__text{color:var(--el-text-color-regular);min-width:50px;margin-left:5px;font-size:14px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{text-align:center;width:100%;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{margin-right:0;padding-right:0;display:block}.el-progress--text-inside .el-progress-bar{margin-right:0;padding-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{box-sizing:border-box;flex-grow:1}.el-progress-bar__outer{background-color:var(--el-border-color-lighter);vertical-align:middle;border-radius:100px;height:6px;position:relative;overflow:hidden}.el-progress-bar__inner{background-color:var(--el-color-primary);text-align:right;white-space:nowrap;border-radius:100px;height:100%;line-height:1;transition:width .6s;position:absolute;top:0;left:0}.el-progress-bar__inner:after{content:"";vertical-align:middle;height:100%;display:inline-block}.el-progress-bar__inner--indeterminate{animation:3s infinite indeterminate;transform:translateZ(0)}.el-progress-bar__inner--striped{background-image:linear-gradient(45deg,#0000001a 25%,#0000 25% 50%,#0000001a 50% 75%,#0000 75%,#0000);background-size:1.25em 1.25em}.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow{animation:3s linear infinite striped-flow}.el-progress-bar__innerText{vertical-align:middle;color:#fff;margin:0 5px;font-size:12px;display:inline-block}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}to{left:100%}}@keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary);--el-rate-outline-color:var(--el-color-primary-light-5);align-items:center;height:32px;display:inline-flex}.el-rate:focus,.el-rate:active{outline:none}.el-rate:focus-visible .el-rate__item .el-rate__icon.is-focus-visible{outline:2px solid var(--el-rate-outline-color);transition:outline-offset,outline}.el-rate__item{cursor:pointer;vertical-align:middle;color:var(--el-rate-void-color);font-size:0;line-height:normal;display:inline-block;position:relative}.el-rate .el-rate__icon{font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);transition:var(--el-transition-duration);display:inline-block;position:relative}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{color:var(--el-rate-fill-color);display:inline-block;position:absolute;top:0;left:0;overflow:hidden}.el-rate__decimal--box{position:absolute;top:0;left:0}.el-rate__text{font-size:var(--el-rate-font-size);vertical-align:middle;color:var(--el-rate-text-color)}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{cursor:not-allowed;color:var(--el-rate-disabled-void-color)}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);color:var(--el-tag-text-color);vertical-align:middle;height:24px;font-size:var(--el-tag-font-size);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);border-style:solid;border-width:1px;justify-content:center;align-items:center;padding:0 9px;line-height:1;display:inline-flex}.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{color:var(--el-tag-text-color);flex-shrink:0}.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{cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size);border-radius:50%}.el-tag .el-tag__close{background-color:#0000;border:none;border-radius:50%;outline:none;margin-left:6px;padding:0;overflow:hidden}.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--dark.el-tag--success,.el-tag--dark.el-tag--warning,.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.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{--el-icon-size:16px;height:32px;padding:0 11px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{--el-icon-size:12px;height:20px;padding:0 7px}.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(.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)}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-card-data[data-v-d5d7c884] {
  display: grid;
  grid-template-columns: repeat(var(--zs-card-columns-desktop), minmax(0, 1fr));
  gap: 16px;
}
.zs-card-data__card[data-v-d5d7c884] {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 210px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--zs-border);
  border-radius: var(--zs-radius-md);
  background: var(--zs-surface);
  box-shadow: 0 1px 2px rgba(23, 35, 33, 0.04);
  transition: transform var(--zs-motion-base) var(--zs-ease), border-color var(--zs-motion-base) var(--zs-ease), box-shadow var(--zs-motion-base) var(--zs-ease);
}
.zs-card-data__card[data-v-d5d7c884]::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--zs-brand);
  content: "";
  opacity: 0;
  transition: opacity var(--zs-motion-base) var(--zs-ease);
}
.zs-card-data__card[data-v-d5d7c884]:hover,
.zs-card-data__card[data-v-d5d7c884]:focus-within {
  border-color: color-mix(in srgb, var(--zs-brand) 42%, var(--zs-border));
  box-shadow: var(--zs-shadow-sm);
  transform: translateY(-2px);
}
.zs-card-data__card[data-v-d5d7c884]:hover::before,
.zs-card-data__card[data-v-d5d7c884]:focus-within::before {
  opacity: 1;
}
.zs-card-data__header[data-v-d5d7c884] {
  display: flex;
  gap: 12px;
  padding: 18px 18px 14px;
}
.zs-card-data__checkbox[data-v-d5d7c884] {
  flex: none;
  margin-top: 2px;
}
.zs-card-data__heading[data-v-d5d7c884] {
  min-width: 0;
}
.zs-card-data__title[data-v-d5d7c884] {
  overflow: hidden;
  color: var(--zs-text);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-card-data__subtitle[data-v-d5d7c884] {
  overflow: hidden;
  margin-top: 4px;
  color: var(--zs-text-muted);
  font-size: 13px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-card-data__details[data-v-d5d7c884] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  flex: 1;
  margin: 0;
  padding: 2px 18px 18px;
}
.zs-card-data__field[data-v-d5d7c884] {
  min-width: 0;
}
.zs-card-data__field dt[data-v-d5d7c884] {
  margin-bottom: 4px;
  color: var(--zs-text-muted);
  font-size: 12px;
  line-height: 1.4;
}
.zs-card-data__field dd[data-v-d5d7c884] {
  overflow: hidden;
  margin: 0;
  color: var(--zs-text);
  font-size: 14px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-card-data__actions[data-v-d5d7c884] {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 14px;
  border-top: 1px solid var(--zs-border);
  background: color-mix(in srgb, var(--zs-surface-muted) 55%, transparent);
}
.zs-card-data__empty[data-v-d5d7c884] {
  grid-column: 1/-1;
  min-height: 280px;
  border: 1px dashed var(--zs-border);
  border-radius: var(--zs-radius-md);
  background: var(--zs-surface-muted);
}
@media (max-width: 1199px) {
.zs-card-data[data-v-d5d7c884] {
    grid-template-columns: repeat(var(--zs-card-columns-tablet), minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.zs-card-data[data-v-d5d7c884] {
    grid-template-columns: repeat(var(--zs-card-columns-mobile), minmax(0, 1fr));
    gap: 12px;
}
.zs-card-data__details[data-v-d5d7c884] {
    grid-template-columns: 1fr;
}
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
: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;
  }
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-card {
  --el-card-border-color: var(--el-border-color-light);
  --el-card-border-radius: 4px;
  --el-card-padding: 20px;
  --el-card-bg-color: var(--el-fill-color-blank);
}

.el-card {
  display: flex;
  flex-direction: column;
  border-radius: var(--el-card-border-radius);
  border: 1px solid var(--el-card-border-color);
  background-color: var(--el-card-bg-color);
  overflow: hidden;
  color: var(--el-text-color-primary);
  transition: var(--el-transition-duration);
}
.el-card.is-always-shadow {
  box-shadow: var(--el-box-shadow-light);
}

.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus {
  box-shadow: var(--el-box-shadow-light);
}

.el-card__header {
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  border-bottom: 1px solid var(--el-card-border-color);
  box-sizing: border-box;
}

.el-card__body {
  flex-grow: 1;
  overflow: auto;
  padding: var(--el-card-padding);
}

.el-card__footer {
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  border-top: 1px solid var(--el-card-border-color);
  box-sizing: border-box;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-pagination {
  --el-pagination-font-size: 14px;
  --el-pagination-bg-color: var(--el-fill-color-blank);
  --el-pagination-text-color: var(--el-text-color-primary);
  --el-pagination-border-radius: 2px;
  --el-pagination-button-color: var(--el-text-color-primary);
  --el-pagination-button-width: 32px;
  --el-pagination-button-height: 32px;
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-pagination-button-bg-color: var(--el-fill-color);
  --el-pagination-hover-color: var(--el-color-primary);
  --el-pagination-font-size-small: 12px;
  --el-pagination-button-width-small: 24px;
  --el-pagination-button-height-small: 24px;
  --el-pagination-button-width-large: 40px;
  --el-pagination-button-height-large: 40px;
  --el-pagination-item-gap: 16px;
  white-space: nowrap;
  color: var(--el-pagination-text-color);
  font-size: var(--el-pagination-font-size);
  font-weight: normal;
  display: flex;
  align-items: center;
}
.el-pagination .el-input__inner {
  text-align: center;
  -moz-appearance: textfield;
}
.el-pagination .el-select {
  width: 128px;
}
.el-pagination .btn-prev,
.el-pagination .btn-next {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pagination .btn-prev *,
.el-pagination .btn-next * {
  pointer-events: none;
}
.el-pagination .btn-prev:focus,
.el-pagination .btn-next:focus {
  outline: none;
}
.el-pagination .btn-prev:hover,
.el-pagination .btn-next:hover {
  color: var(--el-pagination-hover-color);
}
.el-pagination .btn-prev.is-active,
.el-pagination .btn-next.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pagination .btn-prev.is-active.is-disabled,
.el-pagination .btn-next.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pagination .btn-prev:disabled, .el-pagination .btn-prev.is-disabled,
.el-pagination .btn-next:disabled,
.el-pagination .btn-next.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pagination .btn-prev:focus-visible,
.el-pagination .btn-next:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}
.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
  display: block;
  font-size: 12px;
  font-weight: bold;
  width: inherit;
}
.el-pagination > *.is-first {
  margin-left: 0 !important;
}

.el-pagination > *.is-last {
  margin-right: 0 !important;
}

.el-pagination .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}
.el-pagination__sizes {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}

.el-pagination__total {
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__total[disabled=true] {
  color: var(--el-text-color-placeholder);
}

.el-pagination__jump {
  display: flex;
  align-items: center;
  margin-left: var(--el-pagination-item-gap);
  font-weight: normal;
  color: var(--el-text-color-regular);
}
.el-pagination__jump[disabled=true] {
  color: var(--el-text-color-placeholder);
}
.el-pagination__goto {
  margin-right: 8px;
}

.el-pagination__editor {
  text-align: center;
  box-sizing: border-box;
}
.el-pagination__editor.el-input {
  width: 56px;
}
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.el-pagination__classifier {
  margin-left: 8px;
}

.el-pagination__rightwrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  margin: 0 4px;
  background-color: var(--el-pagination-button-bg-color);
}
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .el-pager li.is-active {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}
.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .el-pager li:disabled,
.el-pagination.is-background .el-pager li.is-disabled {
  color: var(--el-text-color-placeholder);
  background-color: var(--el-disabled-bg-color);
}
.el-pagination.is-background .btn-prev:disabled.is-active, .el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active {
  color: var(--el-text-color-secondary);
  background-color: var(--el-fill-color-dark);
}
.el-pagination.is-background .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}

.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.el-pagination--small .el-pager li {
  height: var(--el-pagination-button-height-small);
  line-height: var(--el-pagination-button-height-small);
  font-size: var(--el-pagination-font-size-small);
  min-width: var(--el-pagination-button-width-small);
}
.el-pagination--small span:not([class*=suffix]),
.el-pagination--small button {
  font-size: var(--el-pagination-font-size-small);
}
.el-pagination--small .el-select {
  width: 100px;
}

.el-pagination--large .btn-prev,
.el-pagination--large .btn-next,
.el-pagination--large .el-pager li {
  height: var(--el-pagination-button-height-large);
  line-height: var(--el-pagination-button-height-large);
  min-width: var(--el-pagination-button-width-large);
}
.el-pagination--large .el-select .el-input {
  width: 160px;
}

.el-pager {
  user-select: none;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.el-pager li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-pagination-font-size);
  min-width: var(--el-pagination-button-width);
  height: var(--el-pagination-button-height);
  line-height: var(--el-pagination-button-height);
  color: var(--el-pagination-button-color);
  background: var(--el-pagination-bg-color);
  padding: 0 4px;
  border: none;
  border-radius: var(--el-pagination-border-radius);
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.el-pager li * {
  pointer-events: none;
}
.el-pager li:focus {
  outline: none;
}
.el-pager li:hover {
  color: var(--el-pagination-hover-color);
}
.el-pager li.is-active {
  color: var(--el-pagination-hover-color);
  cursor: default;
  font-weight: bold;
}
.el-pager li.is-active.is-disabled {
  font-weight: bold;
  color: var(--el-text-color-secondary);
}
.el-pager li:disabled, .el-pager li.is-disabled {
  color: var(--el-pagination-button-disabled-color);
  background-color: var(--el-pagination-button-disabled-bg-color);
  cursor: not-allowed;
}
.el-pager li:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-date-table {
  font-size: 12px;
  user-select: none;
}
.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: var(--el-datepicker-text-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}

.el-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.el-date-table td .el-date-table-cell {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}
.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.el-date-table td.next-month, .el-date-table td.prev-month {
  color: var(--el-datepicker-off-text-color);
}
.el-date-table td.today {
  position: relative;
}
.el-date-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-date-table td.today.start-date .el-date-table-cell__text, .el-date-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-date-table td.available:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}
.el-date-table td.start-date .el-date-table-cell, .el-date-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-date-table td.start-date .el-date-table-cell__text, .el-date-table td.end-date .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.start-date .el-date-table-cell {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table td.end-date .el-date-table-cell {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table td.disabled .el-date-table-cell {
  background-color: var(--el-fill-color-light);
  opacity: 1;
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-date-table td.selected .el-date-table-cell {
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 15px;
}
.el-date-table td.selected .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #ffffff;
  border-radius: 15px;
}
.el-date-table td.week {
  font-size: 80%;
  color: var(--el-datepicker-off-text-color);
  cursor: default;
}
.el-date-table td:focus {
  outline: none;
}
.el-date-table th {
  padding: 5px;
  color: var(--el-datepicker-header-text-color);
  font-weight: 400;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-table th.el-date-table__week-header {
  padding: 0;
  width: 24px;
}

.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-month-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  position: relative;
}
.el-month-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-month-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-month-table td.today.start-date .el-date-table-cell__text, .el-month-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-month-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-month-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-month-table td .el-date-table-cell__text {
  width: 54px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  margin: 0 auto;
  border-radius: 18px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-month-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-month-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-month-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-month-table td.start-date .el-date-table-cell, .el-month-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-month-table td.start-date .el-date-table-cell__text, .el-month-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td.start-date .el-date-table-cell {
  margin-left: 3px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-month-table td.end-date .el-date-table-cell {
  margin-right: 3px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell {
  border-radius: 24px;
  margin-left: 3px;
  margin-right: 3px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-month-table td:focus-visible {
  outline: none;
}
.el-month-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-year-table .el-icon {
  color: var(--el-datepicker-icon-color);
}
.el-year-table td {
  width: 68px;
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
  position: relative;
}
.el-year-table td .el-date-table-cell {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-year-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: bold;
}
.el-year-table td.today.start-date .el-date-table-cell__text, .el-year-table td.today.end-date .el-date-table-cell__text {
  color: #ffffff;
}
.el-year-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  cursor: not-allowed;
  color: var(--el-text-color-placeholder);
}
.el-year-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-year-table td .el-date-table-cell__text {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--el-datepicker-text-color);
  border-radius: 18px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.el-year-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-year-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-year-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-year-table td.start-date .el-date-table-cell, .el-year-table td.end-date .el-date-table-cell {
  color: #ffffff;
}
.el-year-table td.start-date .el-date-table-cell__text, .el-year-table td.end-date .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td.start-date .el-date-table-cell {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-year-table td.end-date .el-date-table-cell {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-year-table td.current:not(.disabled) .el-date-table-cell__text {
  color: #ffffff;
  background-color: var(--el-datepicker-active-color);
}
.el-year-table td:focus-visible {
  outline: none;
}
.el-year-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 192px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  position: absolute;
  left: 0;
  width: 100%;
  z-index: var(--el-index-normal);
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: var(--el-color-primary);
}
.el-time-spinner__arrow.arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: var(--el-text-color-regular);
}
.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: pointer;
}
.el-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--el-text-color-primary);
  font-weight: bold;
}
.el-time-spinner__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.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-picker__popper {
  --el-datepicker-border-color: var(--el-disabled-border-color);
}
.el-picker__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-datepicker-border-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-datepicker-border-color);
}
.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-date-editor {
  --el-date-editor-width: 220px;
  --el-date-editor-monthrange-width: 300px;
  --el-date-editor-daterange-width: 350px;
  --el-date-editor-datetimerange-width: 400px;
  --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%;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
}
.el-date-editor.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-date-editor.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-date-editor.el-input, .el-date-editor.el-input__wrapper {
  width: var(--el-date-editor-width);
  height: var(--el-input-height, var(--el-component-size));
}
.el-date-editor--monthrange {
  --el-date-editor-width: var(--el-date-editor-monthrange-width);
}

.el-date-editor--daterange, .el-date-editor--timerange {
  --el-date-editor-width: var(--el-date-editor-daterange-width);
}

.el-date-editor--datetimerange {
  --el-date-editor-width: var(--el-date-editor-datetimerange-width);
}

.el-date-editor--dates .el-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .close-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__icon {
  height: inherit;
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  float: left;
}
.el-date-editor .el-range__icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range-input {
  appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  background-color: transparent;
}
.el-date-editor .el-range-input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-date-editor .el-range-separator {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  font-size: 14px;
  overflow-wrap: break-word;
  color: var(--el-text-color-primary);
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  height: inherit;
  width: unset;
  cursor: pointer;
}
.el-date-editor .el-range__close-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__close-icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range__close-icon--hidden {
  opacity: 0;
  visibility: hidden;
}

.el-range-editor.el-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  vertical-align: middle;
}
.el-range-editor.is-active {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-range-editor.is-active:hover {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-range-editor--large {
  line-height: var(--el-component-size-large);
}
.el-range-editor--large.el-input__wrapper {
  height: var(--el-component-size-large);
}
.el-range-editor--large .el-range-separator {
  line-height: 40px;
  font-size: 14px;
}
.el-range-editor--large .el-range-input {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}

.el-range-editor--small {
  line-height: var(--el-component-size-small);
}
.el-range-editor--small.el-input__wrapper {
  height: var(--el-component-size-small);
}
.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 12px;
}
.el-range-editor--small .el-range-input {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}

.el-range-editor.is-disabled {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: var(--el-disabled-border-color);
}
.el-range-editor.is-disabled input {
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-range-editor.is-disabled .el-range-separator {
  color: var(--el-disabled-text-color);
}

.el-picker-panel {
  color: var(--el-text-color-regular);
  background: var(--el-datepicker-bg-color);
  border-radius: var(--el-popper-border-radius, var(--el-border-radius-base));
  line-height: 30px;
}
.el-picker-panel .el-time-panel {
  margin: 5px 0;
  border: solid 1px var(--el-datepicker-border-color);
  background-color: var(--el-datepicker-bg-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid var(--el-datepicker-inner-border-color);
  padding: 4px 12px;
  text-align: right;
  background-color: var(--el-datepicker-bg-color);
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: var(--el-datepicker-text-color);
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--el-datepicker-active-color);
}

.el-picker-panel__btn {
  border: 1px solid var(--el-fill-color-darker);
  color: var(--el-text-color-primary);
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: var(--el-datepicker-icon-color);
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  line-height: 1;
  margin-top: 8px;
  padding: 1px 6px;
}
.el-picker-panel__icon-btn:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn:focus-visible {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn.is-disabled {
  color: var(--el-text-color-disabled);
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.el-picker-panel__icon-btn.is-disabled .el-icon {
  cursor: inherit;
}

.el-picker-panel__icon-btn .el-icon {
  cursor: pointer;
  font-size: inherit;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel.is-disabled .el-picker-panel__prev-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__next-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__icon-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__shortcut {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon {
  cursor: inherit;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
  --el-fill-color-blank: var(--el-datepicker-bg-color);
}

.el-date-picker {
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  padding: 12px 12px 0;
  text-align: center;
}
.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px var(--el-border-color-lighter);
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

.el-date-picker .el-time-panel {
  position: absolute;
}
.el-date-picker.is-disabled .el-date-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-picker.is-disabled .el-date-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-picker.is-disabled .el-date-picker__header-label .el-icon {
  cursor: inherit;
}

.el-date-range-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  --el-datepicker-bg-color: var(--el-bg-color-overlay);
}

.el-date-range-picker {
  width: 646px;
}
.el-date-range-picker.has-sidebar {
  width: 756px;
}
.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}
.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}
.el-date-range-picker.single-panel {
  width: 322px;
}
.el-date-range-picker.single-panel .el-picker-panel__body {
  min-width: 322px;
}
.el-date-range-picker.single-panel.has-sidebar.has-time {
  width: 434px;
}
.el-date-range-picker.single-panel.has-sidebar {
  width: 438px;
}
.el-date-range-picker.single-panel .el-picker-panel__content {
  display: block;
  position: relative;
  margin: 15px;
  width: 292px;
  padding: 0;
}
.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}
.el-date-range-picker__header [class*=arrow-left] {
  float: left;
}
.el-date-range-picker__header [class*=arrow-right] {
  float: right;
}
.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}

.el-date-range-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--el-text-color-regular);
}
.el-date-range-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label:focus-visible {
  outline: none;
  color: var(--el-datepicker-hover-text-color);
}
.el-date-range-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}

.el-date-range-picker__content {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}
.el-date-range-picker__content.is-left {
  border-right: 1px solid var(--el-datepicker-inner-border-color);
}

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: var(--el-datepicker-icon-color);
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #ffffff;
}
.el-date-range-picker__time-picker-wrap .el-time-panel {
  position: absolute;
}

.el-date-range-picker.is-disabled .el-date-range-picker__header-label {
  color: var(--el-text-color-disabled);
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label:hover {
  cursor: not-allowed;
}
.el-date-range-picker.is-disabled .el-date-range-picker__header-label .el-icon {
  cursor: inherit;
}

.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
  z-index: 1;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid var(--el-datepicker-border-color);
}

.el-time-panel {
  border-radius: 2px;
  position: relative;
  width: 180px;
  left: 0;
  z-index: var(--el-index-top);
  user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -16px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
  border-top: 1px solid var(--el-border-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: var(--el-text-color-primary);
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: var(--el-timepicker-active-color, var(--el-color-primary));
}

.el-picker-panel.is-border {
  border: solid 1px var(--el-border-color-lighter);
}
.el-picker-panel.is-border .el-picker-panel__body-wrapper {
  position: relative;
}

.el-picker-panel.is-border.el-picker-panel *[slot=sidebar], .el-picker-panel.is-border.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  height: 100%;
  width: 110px;
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.el-row.is-justify-center {
  justify-content: center;
}

.el-row.is-justify-end {
  justify-content: flex-end;
}

.el-row.is-justify-space-between {
  justify-content: space-between;
}

.el-row.is-justify-space-around {
  justify-content: space-around;
}

.el-row.is-justify-space-evenly {
  justify-content: space-evenly;
}

.el-row.is-align-top {
  align-items: flex-start;
}

.el-row.is-align-middle {
  align-items: center;
}

.el-row.is-align-bottom {
  align-items: flex-end;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
[class*=el-col-] {
  box-sizing: border-box;
}
[class*=el-col-].is-guttered {
  display: block;
  min-height: 1px;
}

.el-col-0 {
  display: none;
  max-width: 0%;
  flex: 0 0 0%;
}
.el-col-0.is-guttered {
  display: none;
}

.el-col-offset-0 {
  margin-left: 0%;
}

.el-col-pull-0 {
  position: relative;
  right: 0%;
}

.el-col-push-0 {
  position: relative;
  left: 0%;
}

.el-col-1 {
  display: block;
  max-width: 4.1666666667%;
  flex: 0 0 4.1666666667%;
}
.el-col-1.is-guttered {
  display: block;
}

.el-col-offset-1 {
  margin-left: 4.1666666667%;
}

.el-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.el-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.el-col-2 {
  display: block;
  max-width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}
.el-col-2.is-guttered {
  display: block;
}

.el-col-offset-2 {
  margin-left: 8.3333333333%;
}

.el-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.el-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.el-col-3 {
  display: block;
  max-width: 12.5%;
  flex: 0 0 12.5%;
}
.el-col-3.is-guttered {
  display: block;
}

.el-col-offset-3 {
  margin-left: 12.5%;
}

.el-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.el-col-push-3 {
  position: relative;
  left: 12.5%;
}

.el-col-4 {
  display: block;
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}
.el-col-4.is-guttered {
  display: block;
}

.el-col-offset-4 {
  margin-left: 16.6666666667%;
}

.el-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.el-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.el-col-5 {
  display: block;
  max-width: 20.8333333333%;
  flex: 0 0 20.8333333333%;
}
.el-col-5.is-guttered {
  display: block;
}

.el-col-offset-5 {
  margin-left: 20.8333333333%;
}

.el-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.el-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.el-col-6 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}
.el-col-6.is-guttered {
  display: block;
}

.el-col-offset-6 {
  margin-left: 25%;
}

.el-col-pull-6 {
  position: relative;
  right: 25%;
}

.el-col-push-6 {
  position: relative;
  left: 25%;
}

.el-col-7 {
  display: block;
  max-width: 29.1666666667%;
  flex: 0 0 29.1666666667%;
}
.el-col-7.is-guttered {
  display: block;
}

.el-col-offset-7 {
  margin-left: 29.1666666667%;
}

.el-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.el-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.el-col-8 {
  display: block;
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.el-col-8.is-guttered {
  display: block;
}

.el-col-offset-8 {
  margin-left: 33.3333333333%;
}

.el-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.el-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.el-col-9 {
  display: block;
  max-width: 37.5%;
  flex: 0 0 37.5%;
}
.el-col-9.is-guttered {
  display: block;
}

.el-col-offset-9 {
  margin-left: 37.5%;
}

.el-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.el-col-push-9 {
  position: relative;
  left: 37.5%;
}

.el-col-10 {
  display: block;
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
}
.el-col-10.is-guttered {
  display: block;
}

.el-col-offset-10 {
  margin-left: 41.6666666667%;
}

.el-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.el-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.el-col-11 {
  display: block;
  max-width: 45.8333333333%;
  flex: 0 0 45.8333333333%;
}
.el-col-11.is-guttered {
  display: block;
}

.el-col-offset-11 {
  margin-left: 45.8333333333%;
}

.el-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.el-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.el-col-12 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}
.el-col-12.is-guttered {
  display: block;
}

.el-col-offset-12 {
  margin-left: 50%;
}

.el-col-pull-12 {
  position: relative;
  right: 50%;
}

.el-col-push-12 {
  position: relative;
  left: 50%;
}

.el-col-13 {
  display: block;
  max-width: 54.1666666667%;
  flex: 0 0 54.1666666667%;
}
.el-col-13.is-guttered {
  display: block;
}

.el-col-offset-13 {
  margin-left: 54.1666666667%;
}

.el-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.el-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.el-col-14 {
  display: block;
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
}
.el-col-14.is-guttered {
  display: block;
}

.el-col-offset-14 {
  margin-left: 58.3333333333%;
}

.el-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.el-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.el-col-15 {
  display: block;
  max-width: 62.5%;
  flex: 0 0 62.5%;
}
.el-col-15.is-guttered {
  display: block;
}

.el-col-offset-15 {
  margin-left: 62.5%;
}

.el-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.el-col-push-15 {
  position: relative;
  left: 62.5%;
}

.el-col-16 {
  display: block;
  max-width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
}
.el-col-16.is-guttered {
  display: block;
}

.el-col-offset-16 {
  margin-left: 66.6666666667%;
}

.el-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.el-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.el-col-17 {
  display: block;
  max-width: 70.8333333333%;
  flex: 0 0 70.8333333333%;
}
.el-col-17.is-guttered {
  display: block;
}

.el-col-offset-17 {
  margin-left: 70.8333333333%;
}

.el-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.el-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.el-col-18 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}
.el-col-18.is-guttered {
  display: block;
}

.el-col-offset-18 {
  margin-left: 75%;
}

.el-col-pull-18 {
  position: relative;
  right: 75%;
}

.el-col-push-18 {
  position: relative;
  left: 75%;
}

.el-col-19 {
  display: block;
  max-width: 79.1666666667%;
  flex: 0 0 79.1666666667%;
}
.el-col-19.is-guttered {
  display: block;
}

.el-col-offset-19 {
  margin-left: 79.1666666667%;
}

.el-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.el-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.el-col-20 {
  display: block;
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
}
.el-col-20.is-guttered {
  display: block;
}

.el-col-offset-20 {
  margin-left: 83.3333333333%;
}

.el-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.el-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.el-col-21 {
  display: block;
  max-width: 87.5%;
  flex: 0 0 87.5%;
}
.el-col-21.is-guttered {
  display: block;
}

.el-col-offset-21 {
  margin-left: 87.5%;
}

.el-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.el-col-push-21 {
  position: relative;
  left: 87.5%;
}

.el-col-22 {
  display: block;
  max-width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
}
.el-col-22.is-guttered {
  display: block;
}

.el-col-offset-22 {
  margin-left: 91.6666666667%;
}

.el-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.el-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.el-col-23 {
  display: block;
  max-width: 95.8333333333%;
  flex: 0 0 95.8333333333%;
}
.el-col-23.is-guttered {
  display: block;
}

.el-col-offset-23 {
  margin-left: 95.8333333333%;
}

.el-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.el-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.el-col-24 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}
.el-col-24.is-guttered {
  display: block;
}

.el-col-offset-24 {
  margin-left: 100%;
}

.el-col-pull-24 {
  position: relative;
  right: 100%;
}

.el-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xs-0.is-guttered {
    display: none;
  }
  .el-col-xs-offset-0 {
    margin-left: 0%;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xs-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xs-1.is-guttered {
    display: block;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xs-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xs-2.is-guttered {
    display: block;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xs-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xs-3.is-guttered {
    display: block;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xs-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xs-4.is-guttered {
    display: block;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xs-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xs-5.is-guttered {
    display: block;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xs-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xs-6.is-guttered {
    display: block;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xs-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xs-7.is-guttered {
    display: block;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xs-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xs-8.is-guttered {
    display: block;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xs-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xs-9.is-guttered {
    display: block;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xs-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xs-10.is-guttered {
    display: block;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xs-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xs-11.is-guttered {
    display: block;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xs-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xs-12.is-guttered {
    display: block;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xs-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xs-13.is-guttered {
    display: block;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xs-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xs-14.is-guttered {
    display: block;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xs-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xs-15.is-guttered {
    display: block;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xs-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xs-16.is-guttered {
    display: block;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xs-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xs-17.is-guttered {
    display: block;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xs-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xs-18.is-guttered {
    display: block;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xs-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xs-19.is-guttered {
    display: block;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xs-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xs-20.is-guttered {
    display: block;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xs-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xs-21.is-guttered {
    display: block;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xs-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xs-22.is-guttered {
    display: block;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xs-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xs-23.is-guttered {
    display: block;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xs-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xs-24.is-guttered {
    display: block;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-sm-0.is-guttered {
    display: none;
  }
  .el-col-sm-offset-0 {
    margin-left: 0%;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-sm-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-sm-1.is-guttered {
    display: block;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-sm-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-sm-2.is-guttered {
    display: block;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-sm-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-sm-3.is-guttered {
    display: block;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-sm-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-sm-4.is-guttered {
    display: block;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-sm-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-sm-5.is-guttered {
    display: block;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-sm-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-sm-6.is-guttered {
    display: block;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-sm-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-sm-7.is-guttered {
    display: block;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-sm-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-sm-8.is-guttered {
    display: block;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-sm-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-sm-9.is-guttered {
    display: block;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-sm-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-sm-10.is-guttered {
    display: block;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-sm-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-sm-11.is-guttered {
    display: block;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-sm-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-sm-12.is-guttered {
    display: block;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-sm-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-sm-13.is-guttered {
    display: block;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-sm-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-sm-14.is-guttered {
    display: block;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-sm-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-sm-15.is-guttered {
    display: block;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-sm-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-sm-16.is-guttered {
    display: block;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-sm-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-sm-17.is-guttered {
    display: block;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-sm-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-sm-18.is-guttered {
    display: block;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-sm-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-sm-19.is-guttered {
    display: block;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-sm-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-sm-20.is-guttered {
    display: block;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-sm-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-sm-21.is-guttered {
    display: block;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-sm-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-sm-22.is-guttered {
    display: block;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-sm-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-sm-23.is-guttered {
    display: block;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-sm-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-sm-24.is-guttered {
    display: block;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .el-col-md-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-md-0.is-guttered {
    display: none;
  }
  .el-col-md-offset-0 {
    margin-left: 0%;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-md-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-md-1.is-guttered {
    display: block;
  }
  .el-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-md-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-md-2.is-guttered {
    display: block;
  }
  .el-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-md-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-md-3.is-guttered {
    display: block;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-md-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-md-4.is-guttered {
    display: block;
  }
  .el-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-md-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-md-5.is-guttered {
    display: block;
  }
  .el-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-md-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-md-6.is-guttered {
    display: block;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-md-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-md-7.is-guttered {
    display: block;
  }
  .el-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-md-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-md-8.is-guttered {
    display: block;
  }
  .el-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-md-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-md-9.is-guttered {
    display: block;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-md-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-md-10.is-guttered {
    display: block;
  }
  .el-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-md-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-md-11.is-guttered {
    display: block;
  }
  .el-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-md-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-md-12.is-guttered {
    display: block;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-md-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-md-13.is-guttered {
    display: block;
  }
  .el-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-md-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-md-14.is-guttered {
    display: block;
  }
  .el-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-md-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-md-15.is-guttered {
    display: block;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-md-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-md-16.is-guttered {
    display: block;
  }
  .el-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-md-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-md-17.is-guttered {
    display: block;
  }
  .el-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-md-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-md-18.is-guttered {
    display: block;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-md-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-md-19.is-guttered {
    display: block;
  }
  .el-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-md-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-md-20.is-guttered {
    display: block;
  }
  .el-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-md-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-md-21.is-guttered {
    display: block;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-md-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-md-22.is-guttered {
    display: block;
  }
  .el-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-md-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-md-23.is-guttered {
    display: block;
  }
  .el-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-md-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-md-24.is-guttered {
    display: block;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-lg-0.is-guttered {
    display: none;
  }
  .el-col-lg-offset-0 {
    margin-left: 0%;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-lg-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-lg-1.is-guttered {
    display: block;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-lg-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-lg-2.is-guttered {
    display: block;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-lg-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-lg-3.is-guttered {
    display: block;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-lg-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-lg-4.is-guttered {
    display: block;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-lg-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-lg-5.is-guttered {
    display: block;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-lg-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-lg-6.is-guttered {
    display: block;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-lg-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-lg-7.is-guttered {
    display: block;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-lg-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-lg-8.is-guttered {
    display: block;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-lg-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-lg-9.is-guttered {
    display: block;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-lg-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-lg-10.is-guttered {
    display: block;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-lg-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-lg-11.is-guttered {
    display: block;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-lg-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-lg-12.is-guttered {
    display: block;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-lg-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-lg-13.is-guttered {
    display: block;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-lg-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-lg-14.is-guttered {
    display: block;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-lg-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-lg-15.is-guttered {
    display: block;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-lg-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-lg-16.is-guttered {
    display: block;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-lg-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-lg-17.is-guttered {
    display: block;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-lg-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-lg-18.is-guttered {
    display: block;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-lg-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-lg-19.is-guttered {
    display: block;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-lg-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-lg-20.is-guttered {
    display: block;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-lg-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-lg-21.is-guttered {
    display: block;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-lg-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-lg-22.is-guttered {
    display: block;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-lg-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-lg-23.is-guttered {
    display: block;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-lg-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-lg-24.is-guttered {
    display: block;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
    max-width: 0%;
    flex: 0 0 0%;
  }
  .el-col-xl-0.is-guttered {
    display: none;
  }
  .el-col-xl-offset-0 {
    margin-left: 0%;
  }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xl-1 {
    display: block;
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .el-col-xl-1.is-guttered {
    display: block;
  }
  .el-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xl-2 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .el-col-xl-2.is-guttered {
    display: block;
  }
  .el-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xl-3 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }
  .el-col-xl-3.is-guttered {
    display: block;
  }
  .el-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xl-4 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .el-col-xl-4.is-guttered {
    display: block;
  }
  .el-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xl-5 {
    display: block;
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .el-col-xl-5.is-guttered {
    display: block;
  }
  .el-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xl-6 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }
  .el-col-xl-6.is-guttered {
    display: block;
  }
  .el-col-xl-offset-6 {
    margin-left: 25%;
  }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xl-7 {
    display: block;
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .el-col-xl-7.is-guttered {
    display: block;
  }
  .el-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xl-8 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .el-col-xl-8.is-guttered {
    display: block;
  }
  .el-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xl-9 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }
  .el-col-xl-9.is-guttered {
    display: block;
  }
  .el-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xl-10 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .el-col-xl-10.is-guttered {
    display: block;
  }
  .el-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xl-11 {
    display: block;
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .el-col-xl-11.is-guttered {
    display: block;
  }
  .el-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xl-12 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .el-col-xl-12.is-guttered {
    display: block;
  }
  .el-col-xl-offset-12 {
    margin-left: 50%;
  }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xl-13 {
    display: block;
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .el-col-xl-13.is-guttered {
    display: block;
  }
  .el-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xl-14 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .el-col-xl-14.is-guttered {
    display: block;
  }
  .el-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xl-15 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }
  .el-col-xl-15.is-guttered {
    display: block;
  }
  .el-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xl-16 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .el-col-xl-16.is-guttered {
    display: block;
  }
  .el-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xl-17 {
    display: block;
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .el-col-xl-17.is-guttered {
    display: block;
  }
  .el-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xl-18 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }
  .el-col-xl-18.is-guttered {
    display: block;
  }
  .el-col-xl-offset-18 {
    margin-left: 75%;
  }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xl-19 {
    display: block;
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .el-col-xl-19.is-guttered {
    display: block;
  }
  .el-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xl-20 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .el-col-xl-20.is-guttered {
    display: block;
  }
  .el-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xl-21 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }
  .el-col-xl-21.is-guttered {
    display: block;
  }
  .el-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xl-22 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .el-col-xl-22.is-guttered {
    display: block;
  }
  .el-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xl-23 {
    display: block;
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .el-col-xl-23.is-guttered {
    display: block;
  }
  .el-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xl-24 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .el-col-xl-24.is-guttered {
    display: block;
  }
  .el-col-xl-offset-24 {
    margin-left: 100%;
  }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-radio {
  --el-radio-font-size: var(--el-font-size-base);
  --el-radio-text-color: var(--el-text-color-regular);
  --el-radio-font-weight: var(--el-font-weight-primary);
  --el-radio-input-height: 14px;
  --el-radio-input-width: 14px;
  --el-radio-input-border-radius: var(--el-border-radius-circle);
  --el-radio-input-bg-color: var(--el-fill-color-blank);
  --el-radio-input-border: var(--el-border);
  --el-radio-input-border-color: var(--el-border-color);
  --el-radio-input-border-color-hover: var(--el-color-primary);
}

.el-radio {
  color: var(--el-radio-text-color);
  font-weight: var(--el-radio-font-weight);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  outline: none;
  font-size: var(--el-font-size-base);
  user-select: none;
  margin-right: 30px;
  height: 32px;
}
.el-radio.el-radio--large {
  height: 40px;
}
.el-radio.el-radio--small {
  height: 24px;
}
.el-radio.is-bordered {
  padding: 0 15px 0 9px;
  border-radius: var(--el-border-radius-base);
  border: var(--el-border);
  box-sizing: border-box;
}
.el-radio.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: var(--el-border-color-lighter);
}
.el-radio.is-bordered.el-radio--large {
  padding: 0 19px 0 11px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__label {
  font-size: var(--el-font-size-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__inner {
  height: 14px;
  width: 14px;
}
.el-radio.is-bordered.el-radio--small {
  padding: 0 11px 0 7px;
  border-radius: var(--el-border-radius-base);
}
.el-radio.is-bordered.el-radio--small .el-radio__label {
  font-size: 12px;
}
.el-radio.is-bordered.el-radio--small .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: var(--el-disabled-bg-color);
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: var(--el-text-color-placeholder);
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--el-color-primary);
  background: var(--el-color-primary);
}
.el-radio__input.is-checked .el-radio__inner::after {
  background-color: var(--el-color-white);
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: var(--el-color-primary);
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: var(--el-radio-input-border-color-hover);
}

.el-radio__inner {
  border: var(--el-radio-input-border);
  border-radius: var(--el-radio-input-border-radius);
  width: var(--el-radio-input-width);
  height: var(--el-radio-input-height);
  background-color: var(--el-radio-input-bg-color);
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  transition: all 0.3s;
}
.el-radio__inner:hover {
  border-color: var(--el-radio-input-border-color-hover);
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: var(--el-radio-input-border-radius);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.el-radio__original:focus-visible + .el-radio__inner {
  outline: 2px solid var(--el-radio-input-border-color-hover);
  outline-offset: 1px;
  border-radius: var(--el-radio-input-border-radius);
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
}
.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover);
}
.el-radio__label {
  font-size: var(--el-radio-font-size);
  padding-left: 8px;
}

.el-radio.el-radio--large .el-radio__label {
  font-size: 14px;
}

.el-radio.el-radio--large .el-radio__inner {
  width: 14px;
  height: 14px;
}

.el-radio.el-radio--small .el-radio__label {
  font-size: 12px;
}

.el-radio.el-radio--small .el-radio__inner {
  width: 12px;
  height: 12px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-radio-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-tree-select {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
}

.el-tree-select__popper .el-tree-node__expand-icon {
  margin-left: 8px;
}
.el-tree-select__popper .el-tree-node.is-checked > .el-tree-node__content .el-select-dropdown__item.selected::after {
  content: none;
}
.el-tree-select__popper .el-select-dropdown__list > .el-select-dropdown__item {
  padding-left: 32px;
}
.el-tree-select__popper .el-select-dropdown__item {
  flex: 1;
  background: transparent !important;
  padding-left: 0;
  height: 20px;
  line-height: 20px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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-picker__popper {
  --el-datepicker-border-color: var(--el-disabled-border-color);
}
.el-picker__popper.el-popper {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-datepicker-border-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker__popper.el-popper .el-popper__arrow::before {
  border: 1px solid var(--el-datepicker-border-color);
}
.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}

.el-date-editor {
  --el-date-editor-width: 220px;
  --el-date-editor-monthrange-width: 300px;
  --el-date-editor-daterange-width: 350px;
  --el-date-editor-datetimerange-width: 400px;
  --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%;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
}
.el-date-editor.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-date-editor.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-date-editor.el-input, .el-date-editor.el-input__wrapper {
  width: var(--el-date-editor-width);
  height: var(--el-input-height, var(--el-component-size));
}
.el-date-editor--monthrange {
  --el-date-editor-width: var(--el-date-editor-monthrange-width);
}

.el-date-editor--daterange, .el-date-editor--timerange {
  --el-date-editor-width: var(--el-date-editor-daterange-width);
}

.el-date-editor--datetimerange {
  --el-date-editor-width: var(--el-date-editor-datetimerange-width);
}

.el-date-editor--dates .el-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .close-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__icon {
  height: inherit;
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  float: left;
}
.el-date-editor .el-range__icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range-input {
  appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: var(--el-font-size-base);
  color: var(--el-text-color-regular);
  background-color: transparent;
}
.el-date-editor .el-range-input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-date-editor .el-range-separator {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  font-size: 14px;
  overflow-wrap: break-word;
  color: var(--el-text-color-primary);
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: var(--el-text-color-placeholder);
  height: inherit;
  width: unset;
  cursor: pointer;
}
.el-date-editor .el-range__close-icon:hover {
  color: var(--el-input-clear-hover-color);
}
.el-date-editor .el-range__close-icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range__close-icon--hidden {
  opacity: 0;
  visibility: hidden;
}

.el-range-editor.el-input__wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  vertical-align: middle;
}
.el-range-editor.is-active {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-range-editor.is-active:hover {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-range-editor--large {
  line-height: var(--el-component-size-large);
}
.el-range-editor--large.el-input__wrapper {
  height: var(--el-component-size-large);
}
.el-range-editor--large .el-range-separator {
  line-height: 40px;
  font-size: 14px;
}
.el-range-editor--large .el-range-input {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}

.el-range-editor--small {
  line-height: var(--el-component-size-small);
}
.el-range-editor--small.el-input__wrapper {
  height: var(--el-component-size-small);
}
.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 12px;
}
.el-range-editor--small .el-range-input {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}

.el-range-editor.is-disabled {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: var(--el-disabled-border-color);
}
.el-range-editor.is-disabled input {
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-range-editor.is-disabled .el-range-separator {
  color: var(--el-disabled-text-color);
}

.el-picker-panel {
  color: var(--el-text-color-regular);
  background: var(--el-datepicker-bg-color);
  border-radius: var(--el-popper-border-radius, var(--el-border-radius-base));
  line-height: 30px;
}
.el-picker-panel .el-time-panel {
  margin: 5px 0;
  border: solid 1px var(--el-datepicker-border-color);
  background-color: var(--el-datepicker-bg-color);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid var(--el-datepicker-inner-border-color);
  padding: 4px 12px;
  text-align: right;
  background-color: var(--el-datepicker-bg-color);
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: var(--el-datepicker-text-color);
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--el-datepicker-active-color);
}

.el-picker-panel__btn {
  border: 1px solid var(--el-fill-color-darker);
  color: var(--el-text-color-primary);
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: var(--el-datepicker-icon-color);
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  line-height: 1;
  margin-top: 8px;
  padding: 1px 6px;
}
.el-picker-panel__icon-btn:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn:focus-visible {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn.is-disabled {
  color: var(--el-text-color-disabled);
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.el-picker-panel__icon-btn.is-disabled .el-icon {
  cursor: inherit;
}

.el-picker-panel__icon-btn .el-icon {
  cursor: pointer;
  font-size: inherit;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel.is-disabled .el-picker-panel__prev-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__next-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__icon-btn {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon {
  cursor: inherit;
}

.el-picker-panel.is-disabled .el-picker-panel__shortcut {
  color: var(--el-text-color-disabled);
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut:hover {
  cursor: not-allowed;
}
.el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon {
  cursor: inherit;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 192px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  position: absolute;
  left: 0;
  width: 100%;
  z-index: var(--el-index-normal);
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: var(--el-color-primary);
}
.el-time-spinner__arrow.arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: var(--el-text-color-regular);
}
.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: pointer;
}
.el-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--el-text-color-primary);
  font-weight: bold;
}
.el-time-spinner__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}

.el-time-panel {
  border-radius: 2px;
  position: relative;
  width: 180px;
  left: 0;
  z-index: var(--el-index-top);
  user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -16px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
  border-top: 1px solid var(--el-border-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: var(--el-text-color-primary);
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: var(--el-timepicker-active-color, var(--el-color-primary));
}

.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
  z-index: 1;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid var(--el-datepicker-border-color);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-cascader {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: var(--el-font-size-base);
  line-height: 32px;
  outline: none;
}
.el-cascader:not(.is-disabled):hover .el-input__wrapper {
  cursor: pointer;
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-cascader .el-input {
  display: flex;
  cursor: pointer;
}
.el-cascader .el-input .el-input__inner {
  text-overflow: ellipsis;
}
.el-cascader .el-input .el-input__inner:read-only {
  cursor: pointer;
}
.el-cascader .el-input .el-input__inner:disabled {
  cursor: not-allowed;
}
.el-cascader .el-input .el-input__suffix-inner .el-icon svg {
  vertical-align: middle;
}
.el-cascader .el-input .icon-arrow-down {
  transition: transform var(--el-transition-duration);
  font-size: 14px;
}
.el-cascader .el-input .icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}

.el-cascader .el-input .icon-circle-close:hover {
  color: var(--el-input-clear-hover-color, var(--el-text-color-secondary));
}
.el-cascader .el-input.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset;
}

.el-cascader--large {
  font-size: 14px;
  line-height: 40px;
}
.el-cascader--large .el-cascader__tags {
  gap: 6px;
  padding: 8px;
}

.el-cascader--large .el-cascader__search-input {
  height: 24px;
  margin-left: 7px;
}

.el-cascader--small {
  font-size: 12px;
  line-height: 24px;
}
.el-cascader--small .el-cascader__tags {
  gap: 4px;
  padding: 2px;
}

.el-cascader--small .el-cascader__search-input {
  height: 20px;
  margin-left: 5px;
}

.el-cascader.is-disabled .el-cascader__label {
  z-index: calc(var(--el-index-normal) + 1);
  color: var(--el-disabled-text-color);
}

.el-cascader__dropdown {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
}

.el-cascader__dropdown {
  font-size: var(--el-cascader-menu-font-size);
  border-radius: var(--el-cascader-menu-radius);
}
.el-cascader__dropdown.el-popper {
  background: var(--el-cascader-menu-fill);
  border: var(--el-cascader-menu-border);
  box-shadow: var(--el-cascader-menu-shadow);
}
.el-cascader__dropdown.el-popper .el-popper__arrow::before {
  border: var(--el-cascader-menu-border);
}
.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-cascader__dropdown.el-popper {
  box-shadow: var(--el-cascader-menu-shadow);
}

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

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

.el-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  padding: 4px;
  gap: 6px;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}
.el-cascader__tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  text-overflow: ellipsis;
  background: var(--el-cascader-tag-background);
}
.el-cascader__tags .el-tag.el-tag--dark, .el-cascader__tags .el-tag.el-tag--plain {
  background-color: var(--el-tag-bg-color);
}
.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark, .el-cascader__tags .el-tag:not(.is-hit).el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-cascader__tags .el-tag > span {
  flex: 1;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__tags .el-tag .el-icon-close {
  flex: none;
  background-color: var(--el-text-color-placeholder);
  color: var(--el-color-white);
}
.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: var(--el-text-color-secondary);
}
.el-cascader__tags .el-tag + input {
  margin-left: 0;
}
.el-cascader__tags.is-validate {
  right: 55px;
}

.el-cascader__collapse-tags {
  white-space: normal;
  z-index: var(--el-index-normal);
}
.el-cascader__collapse-tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  text-overflow: ellipsis;
  background: var(--el-fill-color);
}
.el-cascader__collapse-tags .el-tag.el-tag--dark, .el-cascader__collapse-tags .el-tag.el-tag--plain {
  background-color: var(--el-tag-bg-color);
}
.el-cascader__collapse-tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark, .el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-cascader__collapse-tags .el-tag > span {
  flex: 1;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__collapse-tags .el-tag .el-icon-close {
  flex: none;
  background-color: var(--el-text-color-placeholder);
  color: var(--el-color-white);
}
.el-cascader__collapse-tags .el-tag .el-icon-close:hover {
  background-color: var(--el-text-color-secondary);
}
.el-cascader__collapse-tags .el-tag + input {
  margin-left: 0;
}
.el-cascader__collapse-tags .el-tag {
  margin: 2px 0;
}

.el-cascader__suggestion-panel {
  border-radius: var(--el-cascader-menu-radius);
}

.el-cascader__suggestion-wrap {
  max-height: 204px;
}

.el-cascader__suggestion-list {
  list-style: none;
  margin: 0;
  padding: 6px 0;
  font-size: var(--el-font-size-base);
  color: var(--el-cascader-menu-text-color);
  text-align: center;
}
.el-cascader__suggestion-list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}
.el-cascader__suggestion-list.el-vl__window ul {
  margin: 0;
  padding: 0;
}

.el-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}
.el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
  background: var(--el-cascader-node-background-hover);
}
.el-cascader__suggestion-item.is-checked {
  color: var(--el-cascader-menu-selected-text-color);
  font-weight: bold;
}
.el-cascader__suggestion-item > :not(.el-icon) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.el-cascader__suggestion-item > span {
  margin-right: 10px;
}
.el-cascader__suggestion-item .el-icon {
  flex-shrink: 0;
}

.el-cascader__empty-text {
  margin: 10px 0;
  color: var(--el-cascader-color-empty);
}

.el-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin-left: 7px;
  padding: 0;
  color: var(--el-cascader-menu-text-color);
  border: none;
  outline: none;
  box-sizing: border-box;
  background: transparent;
}
.el-cascader__search-input::placeholder {
  color: transparent;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-cascader-panel {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
}

.el-cascader-panel {
  display: flex;
  width: fit-content;
  border-radius: var(--el-cascader-menu-radius);
  font-size: var(--el-cascader-menu-font-size);
}
.el-cascader-panel.is-bordered {
  border: var(--el-cascader-menu-border);
  border-radius: var(--el-cascader-menu-radius);
}

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: var(--el-cascader-menu-text-color);
  border-right: var(--el-cascader-menu-border);
}
.el-cascader-menu:last-child {
  border-right: none;
}
.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px;
}
.el-cascader-menu__wrap.el-scrollbar__wrap {
  height: 204px;
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}
.el-cascader-menu__list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}
.el-cascader-menu__list.el-vl__window ul {
  margin: 0;
  padding: 0;
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  color: var(--el-cascader-color-empty);
}
.el-cascader-menu__empty-text .is-loading {
  margin-right: 2px;
}

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: none;
  box-sizing: border-box;
}
.el-cascader-node.is-selectable.in-active-path {
  color: var(--el-cascader-menu-text-color);
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  color: var(--el-cascader-menu-selected-text-color);
  font-weight: bold;
}
.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  background: var(--el-cascader-node-background-hover);
}
.el-cascader-node.is-disabled {
  color: var(--el-cascader-node-color-disabled);
  cursor: not-allowed;
}

.el-cascader-node__prefix {
  position: absolute;
  left: 10px;
}

.el-cascader-node__postfix {
  position: absolute;
  right: 10px;
}

.el-cascader-node__label {
  flex: 1;
  text-align: left;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-cascader-node > .el-checkbox {
  margin-right: 0;
}
.el-cascader-node > .el-radio {
  margin-right: 0;
}
.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  outline: none;
  height: 32px;
  width: 32px;
}
.el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
  border-color: var(--el-border-color-hover);
}
.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.el-color-picker.is-focused .el-color-picker__trigger {
  border-color: var(--el-color-primary);
}

.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed;
  background-color: var(--el-fill-color-light);
}
.el-color-picker.is-disabled .el-color-picker__color {
  opacity: 0.3;
}

.el-color-picker--large {
  height: 40px;
  width: 40px;
}

.el-color-picker--small {
  height: 24px;
  width: 24px;
}

.el-color-picker--small .el-color-picker__icon,
.el-color-picker--small .el-color-picker__empty {
  transform: scale(0.8);
}

.el-color-picker__trigger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 4px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: pointer;
}

.el-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--el-text-color-secondary);
  border-radius: var(--el-border-radius-small);
  width: 100%;
  height: 100%;
  text-align: center;
}
.el-color-picker__color.is-alpha {
  background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
}

.el-color-picker__color-inner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.el-color-picker .el-color-picker__empty {
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.el-color-picker .el-color-picker__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
}
.el-color-picker__panel {
  background-color: #ffffff;
  border-radius: var(--el-border-radius-base);
  box-shadow: var(--el-box-shadow-light);
}
.el-color-picker__panel.el-popper {
  border: 1px solid var(--el-border-color-lighter);
}

.el-color-picker,
.el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #ccc;
  --el-color-picker-alpha-bg-b: transparent;
}

.dark .el-color-picker,
.dark .el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #333333;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.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-tree {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
}

.el-tree {
  position: relative;
  cursor: default;
  background: var(--el-fill-color-blank);
  color: var(--el-tree-text-color);
  font-size: var(--el-font-size-base);
}
.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-base);
}

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--el-color-primary);
}

.el-tree-node {
  white-space: nowrap;
  outline: none;
}
.el-tree-node:focus {
  /* focus */
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: var(--el-color-primary);
  color: #fff;
}

.el-tree-node__content {
  --el-checkbox-height: var(--el-tree-node-content-height);
  display: flex;
  align-items: center;
  height: var(--el-tree-node-content-height);
  cursor: pointer;
}
.el-tree-node__content > .el-tree-node__expand-icon {
  padding: 6px;
  box-sizing: content-box;
}
.el-tree-node__content > label.el-checkbox {
  margin-right: 8px;
}
.el-tree-node__content:hover {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree.is-dragging .el-tree-node__content {
  cursor: move;
}
.el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none;
}
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed;
}

.el-tree-node__expand-icon {
  cursor: pointer;
  color: var(--el-tree-expand-icon-color);
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform var(--el-transition-duration) ease-in-out;
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
  visibility: hidden;
}
.el-tree-node__expand-icon.is-hidden {
  visibility: hidden;
}

.el-tree-node__loading-icon {
  margin-right: 8px;
  font-size: var(--el-font-size-base);
  color: var(--el-tree-expand-icon-color);
}

.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--el-color-primary-light-9);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-table {
  --el-table-border-color: var(--el-border-color-lighter);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--el-text-color-secondary);
  --el-table-row-hover-bg-color: var(--el-fill-color-light);
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  --el-table-header-bg-color: #f8f8f8;
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-fill-color-blank);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
}

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: fit-content;
  width: 100%;
  max-width: 100%;
  background-color: var(--el-table-bg-color);
  font-size: var(--el-font-size-base);
  color: var(--el-table-text-color);
}
.el-table__inner-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.el-table__inner-wrapper::before {
  left: 0;
  bottom: 0;
  height: 1px;
}

.el-table tbody:focus-visible {
  outline: none;
}
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell, .el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell {
  border-bottom-color: transparent;
}
.el-table__empty-block {
  position: sticky;
  left: 0;
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: var(--el-text-color-secondary);
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
  user-select: none;
}

.el-table__expand-icon {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__expand-icon:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: -2px;
}
.el-table__expand-icon {
  color: var(--el-text-color-regular);
  font-size: 12px;
  line-height: 12px;
  width: min(23px, 100%);
  height: 23px;
}
.el-table__expand-icon.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
  font-size: 12px;
}

.el-table__expanded-cell {
  background-color: var(--el-table-expanded-cell-bg-color);
}
.el-table__expanded-cell[class*=cell] {
  padding: 20px 50px;
}
.el-table__expanded-cell:hover {
  background-color: transparent !important;
}

.el-table__placeholder {
  display: inline-block;
  width: 20px;
}

.el-table__append-wrapper {
  overflow: hidden;
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}
.el-table--fit .el-table__cell.gutter {
  border-right-width: 1px;
}
.el-table--fit .el-table__inner-wrapper::before {
  width: 100%;
}

.el-table thead {
  color: var(--el-table-header-text-color);
}
.el-table thead th {
  font-weight: 600;
}
.el-table thead.is-group th.el-table__cell {
  background: var(--el-fill-color-light);
}
.el-table .el-table__cell {
  padding: 8px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
  z-index: var(--el-table-index);
}
.el-table .el-table__cell.is-center {
  text-align: center;
}

.el-table .el-table__cell.is-right {
  text-align: right;
}

.el-table .el-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.el-table .el-table__cell.is-hidden > * {
  visibility: hidden;
}
.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 23px;
  padding: 0 12px;
}
.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px;
}
.el-table--large {
  font-size: var(--el-font-size-base);
}
.el-table--large .el-table__cell {
  padding: 12px 0;
}
.el-table--large .cell {
  padding: 0 16px;
}

.el-table--default {
  font-size: var(--el-font-size-base);
}
.el-table--default .el-table__cell {
  padding: 8px 0;
}
.el-table--default .cell {
  padding: 0 12px;
}

.el-table--small {
  font-size: var(--el-font-size-extra-small);
}
.el-table--small .el-table__cell {
  padding: 4px 0;
}
.el-table--small .cell {
  padding: 0 8px;
}

.el-table tr {
  background-color: var(--el-table-tr-bg-color);
}
.el-table tr input[type=checkbox] {
  margin: 0;
}
.el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
  border-bottom: var(--el-table-border);
}
.el-table th.el-table__cell.is-sortable {
  cursor: pointer;
}
.el-table th.el-table__cell {
  background-color: var(--el-table-header-bg-color);
}
.el-table th.el-table__cell > .cell.highlight {
  color: var(--el-color-primary);
}
.el-table th.el-table__cell.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}
.el-table td.el-table__cell div {
  box-sizing: border-box;
}
.el-table td.el-table__cell.gutter {
  width: 0;
}
.el-table--border::after, .el-table--border::before, .el-table--border .el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
  content: "";
  position: absolute;
  background-color: var(--el-table-border-color);
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border .el-table__inner-wrapper::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table--border::before {
  top: -1px;
  left: 0;
  width: 1px;
  height: 100%;
}
.el-table--border::after {
  top: -1px;
  right: 0;
  width: 1px;
  height: 100%;
}
.el-table--border .el-table__inner-wrapper {
  border-right: none;
  border-bottom: none;
}

.el-table--border .el-table__footer-wrapper {
  position: relative;
  flex-shrink: 0;
}

.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: var(--el-table-border);
  border-bottom-width: 1px;
}
.el-table--border th.el-table__cell {
  border-bottom: var(--el-table-border);
}

.el-table--hidden {
  visibility: hidden;
}

.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {
  width: 100%;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left, .el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right, .el-table__body-wrapper tr td.el-table-fixed-column--left, .el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right, .el-table__footer-wrapper tr td.el-table-fixed-column--left, .el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right {
  position: sticky !important;
  background: inherit;
  z-index: calc(var(--el-table-index) + 1);
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  content: "";
  position: absolute;
  top: 0px;
  width: 10px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: none;
  touch-action: none;
  pointer-events: none;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  left: -10px;
}
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before {
  right: -10px;
}
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch, .el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch, .el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch {
  position: sticky !important;
  z-index: calc(var(--el-table-index) + 1);
  background: #fff;
  right: 0;
}

.el-table__header-wrapper {
  flex-shrink: 0;
}
.el-table__header-wrapper tr th.el-table-fixed-column--left, .el-table__header-wrapper tr th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__header, .el-table__body, .el-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.el-table__header-wrapper {
  overflow: hidden;
}
.el-table__header-wrapper tbody td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__footer-wrapper {
  overflow: hidden;
  flex-shrink: 0;
}
.el-table__footer-wrapper tfoot td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}

.el-table__header-wrapper .el-table-column--selection > .cell, .el-table__body-wrapper .el-table-column--selection > .cell {
  display: inline-flex;
  align-items: center;
  height: 23px;
}
.el-table__header-wrapper .el-table-column--selection .el-checkbox, .el-table__body-wrapper .el-table-column--selection .el-checkbox {
  height: unset;
}

.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: var(--el-table-border);
}
.el-table.is-scrolling-left th.el-table-fixed-column--left {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}
.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-right th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column::before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column::before {
  box-shadow: var(--el-table-fixed-left-column);
}

.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column::before, .el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column::before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column::before {
  box-shadow: none;
}
.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
  flex: 1;
}
.el-table__body-wrapper .el-scrollbar__bar {
  z-index: calc(var(--el-table-index) + 2);
}

.el-table .caret-wrapper {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table .caret-wrapper:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 14px;
  width: 24px;
  vertical-align: middle;
  overflow: initial;
  position: relative;
}
.el-table .sort-caret {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  left: 7px;
}
.el-table .sort-caret.ascending {
  border-bottom-color: var(--el-text-color-placeholder);
  top: -5px;
}
.el-table .sort-caret.descending {
  border-top-color: var(--el-text-color-placeholder);
  bottom: -3px;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--el-color-primary);
}
.el-table .descending .sort-caret.descending {
  border-top-color: var(--el-color-primary);
}
.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: var(--el-fill-color-lighter);
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr > td.hover-cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr.current-row > td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}

.el-table.el-table--scrollable-y .el-table__body-header {
  position: sticky;
  top: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table.el-table--scrollable-y .el-table__body-footer {
  position: sticky;
  bottom: 0;
  z-index: calc(var(--el-table-index) + 2);
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: var(--el-table-border);
  z-index: calc(var(--el-table-index) + 9);
}

.el-table__column-filter-trigger {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__column-filter-trigger:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table__column-filter-trigger {
  display: inline-block;
}
.el-table__column-filter-trigger i {
  color: var(--el-color-info);
  font-size: 14px;
  vertical-align: middle;
}

.el-table__border-left-patch {
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-bottom-patch {
  left: 0;
  height: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table__border-right-patch {
  top: 0;
  height: 100%;
  width: 1px;
  z-index: calc(var(--el-table-index) + 2);
  position: absolute;
  background-color: var(--el-table-border-color);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0.25s ease 1ms;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.el-table .el-table.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table:not(.el-table--border) .el-table__cell {
  border-right: none;
}
.el-table:not(.el-table--border) > .el-table__inner-wrapper::after {
  content: none;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}

.el-table-filter {
  border: solid 1px var(--el-border-color-lighter);
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: var(--el-box-shadow-light);
  box-sizing: border-box;
  /** used for dropdown mode */
}
.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
  outline: none;
}

.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: var(--el-font-size-base);
  outline: none;
}
.el-table-filter__list-item:hover, .el-table-filter__list-item:focus {
  background-color: var(--el-color-primary-light-9);
  color: var(--el-color-primary);
}
.el-table-filter__list-item.is-active {
  background-color: var(--el-color-primary);
  color: #ffffff;
}

.el-table-filter__multiple {
  outline: none;
}

.el-table-filter__content {
  min-width: 100px;
}

.el-table-filter__bottom {
  border-top: 1px solid var(--el-border-color-lighter);
  padding: 8px;
}
.el-table-filter__bottom button {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background-color: transparent;
  appearance: none;
  border: none;
  border-radius: var(--el-border-radius-base);
  outline: none;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table-filter__bottom button:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 2px;
}
.el-table-filter__bottom button {
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-small);
  padding: 0 3px;
}
.el-table-filter__bottom button:hover {
  color: var(--el-color-primary);
}
.el-table-filter__bottom button.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}

.el-table-filter__wrap {
  max-height: 280px;
}

.el-table-filter__checkbox-group {
  padding: 10px;
}
.el-table-filter__checkbox-group label.el-checkbox {
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-bottom: 12px;
  margin-left: 5px;
  height: unset;
}
.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-crud[data-v-24cffc17] {
  border-color: var(--zs-border);
  border-radius: var(--zs-radius-lg);
  background: var(--zs-surface);
  box-shadow: var(--zs-shadow-sm);
}
.zs-crud__filters[data-v-24cffc17] {
  margin: -4px -4px 16px;
  padding: 16px 16px 0;
  border: 1px solid var(--zs-border);
  border-radius: var(--zs-radius-md);
  background: var(--zs-surface-muted);
}
.zs-crud__toolbar[data-v-24cffc17] {
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.zs-crud__toolbar-actions[data-v-24cffc17] {
  min-width: 0;
}
.zs-crud__view-toggle[data-v-24cffc17] {
  flex: none;
  border-color: var(--zs-border);
  color: var(--zs-text-muted);
  background: var(--zs-surface);
}
.zs-crud__view-toggle[data-v-24cffc17]:hover,
.zs-crud__view-toggle[data-v-24cffc17]:focus-visible {
  border-color: var(--zs-brand);
  color: var(--zs-brand);
  background: color-mix(in srgb, var(--zs-brand) 7%, var(--zs-surface));
}
.zs-crud__pagination[data-v-24cffc17] {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  border-top: 1px solid var(--zs-border);
  margin-top: 16px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-compass[data-v-578e279a] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 22px;
  background: var(--zc-surface-card, #fff);
  border: 1px solid var(--zc-border-subtle, #e7e5e4);
  border-radius: var(--zc-radius-card, 12px);
  box-shadow: var(--zc-shadow-lift1, 0 1px 2px rgba(28, 25, 23, 0.04));
}
.zs-compass__head[data-v-578e279a] {
  display: flex;
  gap: 8px;
  align-items: baseline;
  color: var(--zc-text-secondary, #57534e);
}
.zs-compass__head-label[data-v-578e279a] {
  font-size: 13px;
}
.zs-compass__head strong[data-v-578e279a] {
  font-family: var(--zc-font-display, Georgia, serif);
  font-size: 32px;
  font-weight: 600;
  color: var(--zc-text-primary, #1c1917);
  letter-spacing: -0.02em;
}
.zs-compass__head-unit[data-v-578e279a] {
  font-size: 13px;
  color: var(--zc-text-muted, #78716c);
}
.zs-compass__bar[data-v-578e279a] {
  display: flex;
  width: 100%;
  height: 36px;
  overflow: hidden;
  border-radius: 10px;
}
.zs-compass__bar--simple[data-v-578e279a] {
  height: 22px;
}
.zs-compass__seg[data-v-578e279a] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  transition: width var(--zc-dur-slow, 320ms) var(--zc-ease-standard, ease);
}
.zs-compass__seg-label[data-v-578e279a], .zs-compass__seg-value[data-v-578e279a] {
  font-family: var(--zc-font-sans, "Source Han Sans VF", system-ui, sans-serif);
}
.zs-compass__bar--simple .zs-compass__seg[data-v-578e279a] {
  flex-direction: row;
  gap: 4px;
}
.zs-compass__legend[data-v-578e279a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.zs-compass__legend-item[data-v-578e279a] {
  display: grid;
  grid-template-columns: auto 16px 1fr auto;
  gap: 8px;
  align-items: center;
  font-size: 13px;
  color: var(--zc-text-secondary, #57534e);
}
.zs-compass__legend-item .zs-compass__legend-dot[data-v-578e279a] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 9999px;
}
.zs-compass__legend-item .zs-compass__legend-tone[data-v-578e279a] {
  font-weight: 700;
  color: var(--zc-text-primary, #1c1917);
}
.zs-compass__legend-item .zs-compass__legend-value[data-v-578e279a] {
  font-family: var(--zc-font-mono, "DM Mono", Consolas, monospace);
  font-weight: 600;
  color: var(--zc-text-primary, #1c1917);
}
.zs-compass__note[data-v-578e279a] {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 12px;
  color: var(--zc-text-muted, #78716c);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
: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-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%);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-major-intro {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 14px;
  --zs-major-brand: var(--zc-brand, #0f766e);
  --zs-major-brand-light: var(--zc-brand-soft, #e6f4f1);
}
.zs-major-intro__main,
.zs-major-intro__side {
  display: grid;
  gap: 14px;
  align-content: start;
}
.zs-major-card {
  padding: 16px 18px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.zs-major-card__head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 12px;
}
.zs-major-card__head h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.005em;
  color: var(--el-text-color-primary);
}
.zs-major-card__index {
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--zs-major-brand);
  background: var(--zs-major-brand-light);
  border-radius: 6px;
}
.zs-major-card__caption {
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-intro__paragraph {
  margin: 0;
  color: var(--el-text-color-regular);
  font-size: 14px;
  line-height: 1.85;
}
.zs-major-quote {
  margin: 14px 0 0;
  padding: 12px 14px;
  background: var(--zs-major-brand-light);
  border-left: 3px solid var(--zs-major-brand);
  border-radius: 8px;
  color: var(--el-text-color-regular);
  font-size: 13px;
  line-height: 1.75;
}
.zs-major-placeholder {
  margin: 0;
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.zs-major-course-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.zs-major-course-grid__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: var(--el-fill-color-light);
  border-radius: 8px;
  font-size: 13px;
  color: var(--el-text-color-primary);
  transition: background 160ms ease;
}
.zs-major-course-grid__item:hover {
  background: var(--zs-major-brand-light);
}
.zs-major-course-grid__num {
  flex: 0 0 28px;
  font-weight: 700;
  font-size: 12px;
  color: var(--zs-major-brand);
  font-variant-numeric: tabular-nums;
}
.zs-major-intro-facts {
  display: grid;
  gap: 12px;
}
.zs-major-intro-facts__row {
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 12px;
  align-items: start;
  padding: 10px 0;
  border-top: 1px dashed var(--el-border-color-lighter);
}
.zs-major-intro-facts__row:first-child {
  border-top: 0;
  padding-top: 0;
}
.zs-major-intro-facts__label {
  color: var(--el-text-color-secondary);
  font-size: 11px;
  font-weight: 600;
  padding-top: 3px;
}
.zs-major-intro-facts__body {
  margin: 0;
  color: var(--el-text-color-primary);
  font-size: 13px;
  line-height: 1.75;
}
.zs-major-card--dual .zs-major-dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.zs-major-dual__col {
  padding: 12px 14px;
  background: var(--el-fill-color-light);
  border-radius: 8px;
}
.zs-major-dual__col small {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--zs-major-brand);
  letter-spacing: 0.04em;
}
.zs-major-dual__col p {
  margin: 0;
}
.zs-major-facts-list {
  display: grid;
  gap: 0;
  margin: 0;
}
.zs-major-facts-list > div {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 12px;
  align-items: baseline;
  padding: 8px 0;
  border-bottom: 1px dashed var(--el-border-color-lighter);
}
.zs-major-facts-list > div:last-child {
  border-bottom: 0;
}
.zs-major-facts-list dt {
  color: var(--el-text-color-secondary);
  font-size: 11px;
}
.zs-major-facts-list dd {
  margin: 0;
  color: var(--el-text-color-primary);
  font-size: 13px;
  font-weight: 600;
}
.zs-major-split-bar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.zs-major-split-bar__track {
  position: relative;
  height: 8px;
  background: var(--el-fill-color-light);
  border-radius: 4px;
  overflow: hidden;
}
.zs-major-split-bar__fill {
  position: absolute;
  top: 0;
  bottom: 0;
}
.zs-major-split-bar__fill--a {
  background: var(--zs-major-brand);
}
.zs-major-split-bar__fill--b {
  background: var(--zs-major-brand-light);
}
@media (max-width: 880px) {
.zs-major-intro {
    grid-template-columns: 1fr;
}
.zs-major-course-grid {
    grid-template-columns: 1fr;
}
.zs-major-card--dual .zs-major-dual {
    grid-template-columns: 1fr;
}
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-major-opening {
  display: grid;
  gap: 14px;
  --zs-major-brand: var(--zc-brand, #0f766e);
  --zs-major-brand-light: var(--zc-brand-soft, #e6f4f1);
}
.zs-major-card {
  padding: 16px 18px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.zs-major-card__head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 12px;
}
.zs-major-card__head h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--el-text-color-primary);
}
.zs-major-card__caption {
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-card__clear {
  margin-left: auto;
  padding: 2px 10px;
  font-size: 12px;
  color: var(--zs-major-brand);
  background: transparent;
  border: 1px solid var(--zs-major-brand-light);
  border-radius: 999px;
  cursor: pointer;
}
.zs-major-kpi-grid {
  display: grid;
  gap: 12px;
}
.zs-major-kpi-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.zs-major-kpi {
  position: relative;
  padding: 14px 16px 12px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.zs-major-kpi::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  background: var(--zs-major-brand);
  border-radius: 0 2px 2px 0;
}
.zs-major-kpi small {
  display: block;
  font-size: 11px;
  color: var(--el-text-color-secondary);
  margin-bottom: 6px;
}
.zs-major-kpi strong {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-size: 22px;
  font-weight: 760;
  color: var(--el-text-color-primary);
  font-variant-numeric: tabular-nums;
}
.zs-major-kpi strong .unit {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  font-weight: 500;
}
.zs-major-kpi__caption {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-province-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 16px;
}
.zs-major-province-strip {
  display: grid;
  gap: 6px;
}
.zs-major-province-strip__row {
  display: grid;
  grid-template-columns: 70px 1fr 80px;
  align-items: center;
  gap: 12px;
  font-size: 12px;
}
.zs-major-province-strip__name {
  color: var(--el-text-color-primary);
  font-weight: 600;
}
.zs-major-province-strip__cells {
  display: flex;
  gap: 2px;
}
.zs-major-province-strip__cell {
  width: 9px;
  height: 16px;
  border-radius: 2px;
  background: var(--zs-major-brand);
}
.zs-major-province-strip__cell--1 {
  background: var(--zs-major-brand);
}
.zs-major-province-strip__cell--2 {
  background: color-mix(in srgb, var(--zs-major-brand) 60%, white);
}
.zs-major-province-strip__cell--3 {
  background: color-mix(in srgb, var(--zs-major-brand) 30%, white);
}
.zs-major-province-strip__cell--4 {
  background: var(--zs-major-brand-light);
}
.zs-major-province-strip__val {
  text-align: right;
  color: var(--el-text-color-secondary);
  font-variant-numeric: tabular-nums;
}
.zs-major-province-rank {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 12px;
  align-content: start;
}
.zs-major-province-rank li {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  background: var(--el-fill-color-light);
  border-radius: 6px;
  font-size: 12px;
}
.zs-major-province-rank__idx {
  color: var(--zs-major-brand);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.zs-major-province-rank__name {
  color: var(--el-text-color-primary);
  font-weight: 500;
}
.zs-major-province-rank__val {
  color: var(--el-text-color-secondary);
  font-variant-numeric: tabular-nums;
}
.zs-major-opening__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.zs-major-opening__field {
  width: 140px;
}
.zs-major-opening__feature-trigger {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.zs-major-opening__feature-body {
  display: grid;
  gap: 12px;
  padding: 4px 2px;
}
.zs-major-opening__feature-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zs-major-opening__feature-clear {
  background: none;
  border: 0;
  color: var(--zs-major-brand);
  cursor: pointer;
  font-size: 12px;
}
.zs-major-opening__feature-group-title {
  margin-bottom: 6px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.zs-major-opening__list {
  display: grid;
  gap: 8px;
}
.zs-major-school-card {
  width: 100%;
  padding: 14px 16px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.zs-major-school-card:hover {
  border-color: var(--zs-major-brand);
  box-shadow: 0 4px 12px -6px rgba(15, 118, 110, 0.18);
}
.zs-major-school-card:hover .zs-major-school-card__stats strong {
  color: var(--zs-major-brand);
}
.zs-major-school-card__head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.zs-major-school-card__head strong {
  font-size: 15px;
  font-weight: 700;
  color: var(--el-text-color-primary);
}
.zs-major-school-card__tags {
  display: flex;
  gap: 4px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.zs-major-school-card__sub {
  margin-top: 8px;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.zs-major-school-card__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--el-border-color-lighter);
}
.zs-major-school-card__stats div small {
  display: block;
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-school-card__stats div strong {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 760;
  color: var(--el-text-color-primary);
  transition: color 160ms ease;
  font-variant-numeric: tabular-nums;
}
.zs-major-school-card__stats .unit {
  font-size: 11px;
  color: var(--el-text-color-secondary);
  margin-left: 2px;
  font-weight: 500;
}
.zs-major-school-card__stats--brand strong {
  color: var(--zs-major-brand);
}
@media (max-width: 880px) {
.zs-major-kpi-grid--3 {
    grid-template-columns: 1fr;
}
.zs-major-province-layout {
    grid-template-columns: 1fr;
}
.zs-major-province-rank {
    grid-template-columns: 1fr 1fr;
}
.zs-major-school-card__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.major-chart-bar[data-v-aec0448f] {
  width: 100%;
}

.major-chart-line[data-v-c73a4ef2] {
  width: 100%;
}

.major-chart-ring[data-v-2eccfb39] {
  width: 100%;
}

.zs-major-prospect[data-v-bcd1a867] {
  display: grid;
  gap: 14px;
  --zs-major-brand: var(--zc-brand, #0f766e);
  --zs-major-brand-light: var(--zc-brand-soft, #e6f4f1);
  --zs-major-brand-soft: var(--zc-brand-soft, #e6f4f1);
}
.zs-major-callout[data-v-bcd1a867] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: linear-gradient(135deg, var(--zs-major-brand-soft) 0%, #fff 100%);
  border: 1px solid var(--zs-major-brand-light);
  border-radius: 12px;
}
.zs-major-callout__icon[data-v-bcd1a867] {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: var(--zs-major-brand-light);
  border-radius: 12px;
}
.zs-major-callout__bar[data-v-bcd1a867] {
  display: block;
  width: 18px;
  height: 18px;
  background: var(--zs-major-brand);
  border-radius: 4px;
}
.zs-major-callout__body small[data-v-bcd1a867] {
  display: block;
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-callout__body strong[data-v-bcd1a867] {
  display: block;
  margin-top: 2px;
  font-size: 22px;
  font-weight: 760;
  color: var(--zs-major-brand);
  font-variant-numeric: tabular-nums;
}
.zs-major-callout__body strong span[data-v-bcd1a867] {
  font-size: 12px;
  font-weight: 500;
  color: var(--el-text-color-secondary);
  margin-left: 4px;
}
.zs-major-callout__hint[data-v-bcd1a867] {
  font-size: 11px;
  color: var(--el-text-color-secondary);
  max-width: 240px;
  text-align: right;
  line-height: 1.6;
}
.zs-major-prospect__insight[data-v-bcd1a867] {
  margin: 0;
  padding: 12px 14px;
  background: var(--zs-major-brand-light);
  border-left: 3px solid var(--zs-major-brand);
  border-radius: 8px;
  color: var(--el-text-color-regular);
  font-size: 13px;
  line-height: 1.75;
}
.zs-major-card[data-v-bcd1a867] {
  padding: 16px 18px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.zs-major-card__head[data-v-bcd1a867] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.zs-major-card__head h3[data-v-bcd1a867] {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--el-text-color-primary);
}
.zs-major-toggle[data-v-bcd1a867] {
  display: inline-flex;
  gap: 4px;
  padding: 3px;
  background: var(--el-fill-color-light);
  border-radius: 999px;
  border: 1px solid var(--el-border-color-lighter);
}
.zs-major-toggle__btn[data-v-bcd1a867] {
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  color: var(--el-text-color-secondary);
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transition:
    background 160ms ease,
    color 160ms ease;
}
.zs-major-toggle__btn.is-active[data-v-bcd1a867] {
  background: var(--zs-major-brand);
  color: #fff;
}
.zs-major-kpi-grid[data-v-bcd1a867] {
  display: grid;
  gap: 12px;
}
.zs-major-kpi-grid--4[data-v-bcd1a867] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.zs-major-kpi[data-v-bcd1a867] {
  position: relative;
  padding: 14px 16px 12px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.zs-major-kpi[data-v-bcd1a867]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  background: var(--zs-major-brand);
  border-radius: 0 2px 2px 0;
}
.zs-major-kpi small[data-v-bcd1a867] {
  display: block;
  font-size: 11px;
  color: var(--el-text-color-secondary);
  margin-bottom: 6px;
}
.zs-major-kpi strong[data-v-bcd1a867] {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-size: 22px;
  font-weight: 760;
  color: var(--el-text-color-primary);
  font-variant-numeric: tabular-nums;
}
.zs-major-kpi__caption[data-v-bcd1a867] {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-prospect__chart[data-v-bcd1a867] {
  margin-top: 4px;
}
.zs-major-prospect__grid[data-v-bcd1a867] {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 880px) {
.zs-major-kpi-grid--4[data-v-bcd1a867] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.zs-major-prospect__grid[data-v-bcd1a867] {
    grid-template-columns: 1fr;
}
.zs-major-callout[data-v-bcd1a867] {
    grid-template-columns: 1fr;
}
.zs-major-callout__hint[data-v-bcd1a867] {
    text-align: left;
    max-width: none;
}
}

/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-major-score {
  display: grid;
  gap: 14px;
  --zs-major-brand: var(--zc-brand, #0f766e);
  --zs-major-brand-light: var(--zc-brand-soft, #e6f4f1);
}
.zs-major-card {
  padding: 16px 18px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.zs-major-card--flat {
  padding: 0;
  overflow: hidden;
}
.zs-major-card__head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 12px;
}
.zs-major-card__head h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--el-text-color-primary);
}
.zs-major-card__caption {
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-card__clear {
  margin-left: auto;
  padding: 2px 10px;
  font-size: 12px;
  color: var(--zs-major-brand);
  background: transparent;
  border: 1px solid var(--zs-major-brand-light);
  border-radius: 999px;
  cursor: pointer;
}
.zs-major-kpi-grid {
  display: grid;
  gap: 12px;
}
.zs-major-kpi-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.zs-major-kpi {
  position: relative;
  padding: 14px 16px 12px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.zs-major-kpi::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  background: var(--zs-major-brand);
  border-radius: 0 2px 2px 0;
}
.zs-major-kpi small {
  display: block;
  font-size: 11px;
  color: var(--el-text-color-secondary);
  margin-bottom: 6px;
}
.zs-major-kpi strong {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-size: 22px;
  font-weight: 760;
  color: var(--el-text-color-primary);
  font-variant-numeric: tabular-nums;
}
.zs-major-kpi strong .unit {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  font-weight: 500;
}
.zs-major-kpi__caption {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-bars {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
  padding: 8px 0 4px;
}
.zs-major-bars__col {
  display: grid;
  justify-items: center;
  gap: 6px;
}
.zs-major-bars__val {
  font-size: 11px;
  font-weight: 600;
  color: var(--zs-major-brand);
  font-variant-numeric: tabular-nums;
}
.zs-major-bars__track {
  position: relative;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: flex-end;
}
.zs-major-bars__fill {
  width: 100%;
  background: linear-gradient(180deg, var(--zs-major-brand) 0%, color-mix(in srgb, var(--zs-major-brand) 60%, white) 100%);
  border-radius: 4px 4px 0 0;
  transition: height 200ms ease;
}
.zs-major-bars__lbl {
  font-size: 10px;
  color: var(--el-text-color-secondary);
  text-align: center;
}
.zs-major-score__filters {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 8px;
}
.zs-major-score__field,
.zs-major-score__select {
  height: 34px;
}
.zs-major-score__select {
  padding: 0 12px;
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 8px;
  background: var(--el-bg-color);
  color: var(--el-text-color-primary);
  font-size: 13px;
}
.zs-major-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.zs-major-table thead th {
  padding: 10px 14px;
  text-align: left;
  font-weight: 600;
  color: var(--el-text-color-secondary);
  background: var(--el-fill-color-light);
  border-bottom: 1px solid var(--el-border-color-lighter);
  font-size: 12px;
}
.zs-major-table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--el-border-color-lighter);
  color: var(--el-text-color-primary);
}
.zs-major-table tbody tr:last-child td {
  border-bottom: 0;
}
.zs-major-table tbody tr {
  transition: background 140ms ease;
}
.zs-major-table tbody tr:hover {
  background: var(--zs-major-brand-light);
}
.zs-major-table__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.zs-major-table__num--hot {
  color: var(--zs-major-brand);
}
.zs-major-table__num--cold {
  color: var(--el-text-color-secondary);
}
.zs-major-table__num--mid {
  color: var(--el-text-color-primary);
}
.zs-major-score__school {
  display: flex;
  align-items: center;
  gap: 10px;
}
.zs-major-score__logo {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  object-fit: cover;
  background: var(--el-fill-color-light);
}
.zs-major-score__mark {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  background: var(--zs-major-brand-light);
  color: var(--zs-major-brand);
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
}
.zs-major-score__school small {
  display: block;
  color: var(--el-text-color-secondary);
  font-size: 11px;
  margin-top: 2px;
}
.zs-major-score__muted {
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.zs-major-chip {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  color: var(--zs-major-brand);
  background: var(--zs-major-brand-light);
  border-radius: 999px;
}
@media (max-width: 880px) {
.zs-major-kpi-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.zs-major-score__filters {
    grid-template-columns: 1fr 1fr;
}
.zs-major-bars {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.zs-major-side[data-v-a5671524] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  --zs-major-brand: var(--zc-brand, #0f766e);
  --zs-major-brand-light: var(--zc-brand-soft, #e6f4f1);
}
.zs-major-card[data-v-a5671524] {
  padding: 16px 18px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.zs-major-side-card[data-v-a5671524] {
  display: grid;
  gap: 12px;
}
.zs-major-card__head[data-v-a5671524] {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
}
.zs-major-card__head h3[data-v-a5671524] {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--el-text-color-primary);
}
.zs-major-card__caption[data-v-a5671524] {
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-side__primary[data-v-a5671524] {
  position: relative;
  padding: 14px 16px 16px;
  background: linear-gradient(135deg, var(--zs-major-brand-light) 0%, #fff 100%);
  border-radius: 10px;
  overflow: hidden;
}
.zs-major-side__primary small[data-v-a5671524] {
  display: block;
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-side__primary strong[data-v-a5671524] {
  display: block;
  margin-top: 4px;
  font-size: 26px;
  font-weight: 760;
  color: var(--zs-major-brand);
  font-variant-numeric: tabular-nums;
}
.zs-major-side__primary strong .unit[data-v-a5671524] {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  margin-left: 4px;
  font-weight: 500;
}
.zs-major-side__primary-bar[data-v-a5671524] {
  position: absolute;
  left: 16px;
  bottom: 8px;
  width: 32px;
  height: 3px;
  background: var(--zs-major-brand);
  border-radius: 2px;
}
.zs-major-side__ratios[data-v-a5671524] {
  display: grid;
  gap: 10px;
}
.zs-major-side__ratio small[data-v-a5671524] {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--el-text-color-secondary);
  margin-bottom: 6px;
}
.zs-major-side__kpi[data-v-a5671524] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.zs-major-kpi[data-v-a5671524] {
  position: relative;
  padding: 14px 16px 12px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 12px;
  overflow: hidden;
}
.zs-major-kpi[data-v-a5671524]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  background: var(--zs-major-brand);
  border-radius: 0 2px 2px 0;
}
.zs-major-kpi small[data-v-a5671524] {
  display: block;
  font-size: 11px;
  color: var(--el-text-color-secondary);
  margin-bottom: 6px;
}
.zs-major-kpi strong[data-v-a5671524] {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-size: 22px;
  font-weight: 760;
  color: var(--el-text-color-primary);
  font-variant-numeric: tabular-nums;
}
.zs-major-kpi strong .unit[data-v-a5671524] {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  font-weight: 500;
}
.zs-major-kpi--mini[data-v-a5671524] {
  padding: 10px 12px;
}
.zs-major-kpi--mini strong[data-v-a5671524] {
  font-size: 18px;
}
.zs-major-split-bar[data-v-a5671524] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.zs-major-split-bar__track[data-v-a5671524] {
  position: relative;
  height: 8px;
  background: var(--el-fill-color-light);
  border-radius: 4px;
  overflow: hidden;
}
.zs-major-split-bar__fill[data-v-a5671524] {
  position: absolute;
  top: 0;
  bottom: 0;
}
.zs-major-split-bar__fill--a[data-v-a5671524] {
  background: var(--zs-major-brand);
}
.zs-major-split-bar__fill--b[data-v-a5671524] {
  background: var(--zs-major-brand-light);
}
.zs-major-similar-grid[data-v-a5671524] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.zs-major-similar-card[data-v-a5671524] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  background: var(--el-fill-color-light);
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}
.zs-major-similar-card[data-v-a5671524]:hover {
  border-color: var(--zs-major-brand);
  background: var(--zs-major-brand-light);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px -6px rgba(15, 118, 110, 0.18);
}
.zs-major-similar-card__mark[data-v-a5671524] {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  background: var(--zs-major-brand);
  color: #fff;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
}
.zs-major-similar-card__body[data-v-a5671524] {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.zs-major-similar-card__body strong[data-v-a5671524] {
  font-size: 13px;
  color: var(--el-text-color-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-major-similar-card__body small[data-v-a5671524] {
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.zs-major-similar-card__salary[data-v-a5671524] {
  font-size: 11px;
  font-weight: 600;
  color: var(--zs-major-brand);
}
.zs-major-similar-card__salary .unit[data-v-a5671524] {
  font-size: 10px;
  color: var(--el-text-color-secondary);
  margin-left: 2px;
  font-weight: 500;
}
.zs-major-similar-card__muted[data-v-a5671524] {
  font-size: 11px;
  color: var(--el-text-color-secondary);
}

.donut-wrap[data-v-ff40e2d5] {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  padding: 16px 0;
}
.donut-chart[data-v-ff40e2d5] {
  flex: 0 0 300px;
  width: 300px;
  height: 300px;
  position: relative;
}
.donut-legend[data-v-ff40e2d5] {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 16px;
  min-width: 0;
}
.donut-legend__item[data-v-ff40e2d5] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  min-width: 0;
}
.donut-legend__dot[data-v-ff40e2d5] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 8px;
}
.donut-legend__label[data-v-ff40e2d5] {
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.donut-legend__ratio[data-v-ff40e2d5] {
  color: #999;
  flex-shrink: 0;
  margin-left: auto;
}

.zs-chart[data-v-9cd81c22] {
  width: 100%;
  height: 240px;
}

.school-h3[data-v-e5cb9e2a] {
  margin: 22px 0 12px !important;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: -0.005em;
}
.school-h3[data-v-e5cb9e2a]:first-child {
  margin-top: 0 !important;
}
.school-kpi-grid[data-v-e5cb9e2a] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.school-kpi-cell[data-v-e5cb9e2a] {
  padding: 14px 16px;
  background: var(--el-fill-color-light);
  border-radius: 10px;
}
.school-kpi-cell small[data-v-e5cb9e2a] {
  display: block;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.school-kpi-cell strong[data-v-e5cb9e2a] {
  display: block;
  margin-top: 6px;
  font-size: 22px;
  font-weight: 760;
  color: var(--el-text-color-primary);
}
.school-kpi-cell strong.md[data-v-e5cb9e2a] {
  font-size: 16px;
  font-weight: 600;
}
.school-kpi-cell .unit[data-v-e5cb9e2a] {
  font-size: 12px;
  color: var(--el-text-color-secondary);
  margin-left: 2px;
}
.school-chart-wrap[data-v-e5cb9e2a] {
  padding: 12px 0;
}
.school-direction-wrap[data-v-e5cb9e2a] {
  padding: 12px 0;
}
.school-region-list[data-v-e5cb9e2a] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.school-region-list li[data-v-e5cb9e2a] {
  display: grid;
  grid-template-columns: 80px 1fr 60px;
  gap: 12px;
  align-items: center;
  font-size: 13px;
}
.school-region-list .bar[data-v-e5cb9e2a] {
  height: 8px;
  background: var(--el-fill-color-light);
  border-radius: 4px;
  overflow: hidden;
}
.school-region-list .bar__fill[data-v-e5cb9e2a] {
  height: 100%;
  background: linear-gradient(90deg, var(--el-color-primary), color-mix(in srgb, var(--el-color-primary) 50%, #fff));
}
.school-region-list .ratio[data-v-e5cb9e2a] {
  text-align: right;
  font-weight: 600;
}
.school-unit-list[data-v-e5cb9e2a] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.school-unit-list li[data-v-e5cb9e2a] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: var(--el-fill-color-light);
  border-radius: 8px;
  font-size: 13px;
}
.school-unit-list .rank[data-v-e5cb9e2a] {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: var(--el-text-color-secondary);
  color: #fff;
  font-size: 12px;
  font-weight: 760;
}
.school-unit-list .rank-1 .rank[data-v-e5cb9e2a] {
  background: linear-gradient(135deg, #ef4444, #f97316);
}
.school-unit-list .rank-2 .rank[data-v-e5cb9e2a] {
  background: linear-gradient(135deg, #f59e0b, #facc15);
}
.school-unit-list .rank-3 .rank[data-v-e5cb9e2a] {
  background: linear-gradient(135deg, #14b8a6, #5eead4);
}
.school-kpi-cell strong.is-empty[data-v-e5cb9e2a] {
  color: var(--el-text-color-placeholder);
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media (max-width: 700px) {
.school-kpi-grid[data-v-e5cb9e2a],
  .school-unit-list[data-v-e5cb9e2a] {
    grid-template-columns: 1fr;
}
}

/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.school-h3 {
  margin: 22px 0 12px !important;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: -0.005em;
}
.school-h3:first-child {
  margin-top: 0 !important;
}
.school-segmented {
  display: inline-flex;
  padding: 3px;
  background: var(--el-fill-color-light);
  border-radius: 999px;
  margin-bottom: 14px;
}
.school-segmented__tab {
  padding: 6px 14px;
  font-size: 12px;
  color: var(--el-text-color-secondary);
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
}
.school-segmented__tab.is-active {
  background: var(--el-bg-color);
  color: var(--el-color-primary);
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.school-major-tabs {
  display: inline-flex;
  padding: 3px;
  background: var(--el-fill-color-light);
  border-radius: 999px;
  margin-bottom: 14px;
  width: fit-content;
  max-width: 100%;
}
.school-major-tab {
  padding: 6px 14px;
  font-size: 14px;
  color: var(--el-text-color-secondary);
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  transition: color 160ms ease;
}
.school-major-tab:hover {
  color: var(--el-color-primary);
}
.school-major-tab.is-active {
  background: var(--el-bg-color);
  color: var(--el-color-primary);
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.school-major-layout {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 14px;
}
.school-major-side {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  background: var(--el-fill-color-light);
  border-radius: 10px;
  align-self: flex-start;
}
.school-major-side-item {
  padding: 8px 12px;
  font-size: 13px;
  color: var(--el-text-color-regular);
  background: transparent;
  border: 0;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease;
}
.school-major-side-item:hover {
  background: var(--el-bg-color);
  color: var(--el-color-primary);
}
.school-major-side-item.is-active {
  background: var(--el-color-primary);
  color: #fff;
  font-weight: 600;
}
.school-major-table-area {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
@media (max-width: 1100px) {
.school-major-layout {
    grid-template-columns: 160px minmax(0, 1fr);
}
}
@media (max-width: 700px) {
.school-major-layout {
    grid-template-columns: 1fr;
}
}
.school-table {
  border-top: 1px solid var(--el-border-color-lighter);
}
.school-table__head,
.school-table__row {
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr) 1.2fr;
  gap: 12px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid var(--el-border-color-lighter);
  font-size: 13px;
}
.school-table__head {
  color: var(--el-text-color-secondary);
  font-weight: 500;
}
.school-table__row > div > strong {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: var(--el-text-color-primary);
}
.school-table__row > div > small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.school-table__row .is-empty,
.school-table__row > div.is-empty,
.school-strength-cell__value.is-empty,
.school-strength-cell__value.is-empty.el-tag {
  color: var(--el-text-color-placeholder);
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.school-strength-cell__value.is-empty.el-tag {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-border-color-lighter);
}
.school-table--major .school-table__row--2col,
.school-table--major .school-table__head--2col {
  grid-template-columns: 2fr 1fr;
}
.school-table--major .school-table__row--3col,
.school-table--major .school-table__head--3col {
  grid-template-columns: 2fr 1fr 1fr;
}
.school-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 0;
}
.school-pagination__nav,
.school-pagination__num {
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  font-size: 12px;
  color: var(--el-text-color-regular);
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 6px;
  cursor: pointer;
  transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}
.school-pagination__nav:hover:not(:disabled),
.school-pagination__num:hover {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.school-pagination__nav:disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
  background: var(--el-fill-color-light);
}
.school-pagination__num.is-active {
  color: #fff;
  background: var(--el-color-primary);
  border-color: var(--el-color-primary);
  font-weight: 600;
}
.school-strength-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.school-strength-cell {
  padding: 14px;
  border-radius: 10px;
  border: 1px solid var(--el-border-color-lighter);
  background: var(--el-fill-color-light);
  position: relative;
  overflow: hidden;
}
.school-strength-cell::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tone-bg);
  opacity: 0.12;
  pointer-events: none;
}
.school-strength-cell > * {
  position: relative;
}
.school-strength-cell__label {
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.school-strength-cell__value {
  margin-top: 6px;
  font-size: 22px;
  font-weight: 760;
  letter-spacing: -0.02em;
  color: var(--tone-fg);
}
.tone-cyan {
  --tone-bg: linear-gradient(135deg, #1fcdd7 0%, #92edef 100%);
  --tone-fg: #0e7490;
}
.tone-orange {
  --tone-bg: linear-gradient(135deg, #ff7c1e 0%, #ffce98 100%);
  --tone-fg: #b45309;
}
.tone-indigo {
  --tone-bg: linear-gradient(135deg, #5b65f9 0%, #a3acf8 100%);
  --tone-fg: #4338ca;
}
@media (max-width: 700px) {
.school-strength-grid {
    grid-template-columns: 1fr;
}
.school-table__head,
  .school-table__row {
    grid-template-columns: 1fr 1fr;
}
}
.school-news-list[data-v-259f9ded] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.school-news-list li[data-v-259f9ded] {
  border-top: 1px solid var(--el-border-color-lighter);
}
.school-news-list li[data-v-259f9ded]:first-child {
  border-top: 0;
}
.news-row[data-v-259f9ded] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 10px;
  margin: 0 -10px;
  border-radius: 8px;
  color: var(--el-text-color-primary);
  text-decoration: none;
  transition: background-color 160ms ease;
}
.news-row[data-v-259f9ded]:hover {
  background: var(--el-fill-color-light);
}
.news-row[data-v-259f9ded]:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.news-row .title[data-v-259f9ded] {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: var(--el-text-color-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-row .meta[data-v-259f9ded] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
  flex-shrink: 0;
}
.news-row .meta .date[data-v-259f9ded] {
  font-size: 12px;
}
.news-row__arrow[data-v-259f9ded] {
  color: var(--el-text-color-secondary);
  transition:
    transform 160ms ease,
    color 160ms ease;
}
.news-row:hover .news-row__arrow[data-v-259f9ded] {
  color: var(--el-color-primary);
  transform: translateX(2px);
}
.is-empty[data-v-259f9ded] {
  color: var(--el-text-color-placeholder);
  font-size: 0.85em;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.school-overview-grid[data-v-8e060fd3] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.school-gallery[data-v-8e060fd3] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 1fr;
  gap: 8px;
  height: 220px;
}
.school-gallery__cell[data-v-8e060fd3] {
  border: 0;
  cursor: zoom-in;
  background-color: var(--el-fill-color-light);
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.school-gallery__caption[data-v-8e060fd3] {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 3px 8px;
  font-size: 11px;
  color: #fff;
  background: rgba(15, 23, 42, 0.6);
  border-radius: 999px;
}
.school-overview-text[data-v-8e060fd3] {
  margin: 0;
  line-height: 1.85;
  color: var(--el-text-color-regular);
  white-space: pre-line;
}
.school-overview-news h4[data-v-8e060fd3] {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
}
.school-overview-news ul[data-v-8e060fd3] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.school-overview-news li[data-v-8e060fd3] {
  border-top: 1px solid var(--el-border-color-lighter);
}
.school-overview-news li[data-v-8e060fd3]:first-child {
  border-top: 0;
}
.news-row[data-v-8e060fd3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 10px;
  margin: 0 -10px;
  border-radius: 8px;
  color: var(--el-text-color-primary);
  text-decoration: none;
  transition: background-color 160ms ease;
}
.news-row[data-v-8e060fd3]:hover {
  background: var(--el-fill-color-light);
}
.news-row[data-v-8e060fd3]:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.news-row .title[data-v-8e060fd3] {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: var(--el-text-color-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-row .meta[data-v-8e060fd3] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
  flex-shrink: 0;
}
.news-row .meta .date[data-v-8e060fd3] {
  font-size: 12px;
}
.news-row__arrow[data-v-8e060fd3] {
  color: var(--el-text-color-secondary);
  transition:
    transform 160ms ease,
    color 160ms ease;
}
.news-row:hover .news-row__arrow[data-v-8e060fd3] {
  color: var(--el-color-primary);
  transform: translateX(2px);
}
.facts[data-v-8e060fd3] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.facts div[data-v-8e060fd3] {
  padding: 12px;
  background: var(--el-fill-color-light);
  border-radius: 8px;
}
.facts small[data-v-8e060fd3] {
  display: block;
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.facts strong[data-v-8e060fd3] {
  display: block;
  margin-top: 4px;
}
.is-empty[data-v-8e060fd3] {
  color: var(--el-text-color-placeholder);
  font-size: 0.85em;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media (max-width: 700px) {
.facts[data-v-8e060fd3] {
    grid-template-columns: 1fr;
}
}

.school-plan-filters[data-v-267434a1] {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-bottom: 14px;
  padding: 10px 12px;
  background: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 10px;
  overflow-x: auto;
}
.school-plan-filters[data-v-267434a1] > * {
  flex: 0 1 auto;
}
.school-group-chips[data-v-267434a1] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.school-group-chips__label[data-v-267434a1] {
  font-size: 13px;
  color: var(--el-text-color-secondary);
}
.school-group-chip[data-v-267434a1] {
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
  color: var(--el-text-color-primary);
  background: var(--el-fill-color-light);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 999px;
  cursor: pointer;
}
.school-group-chip.is-active[data-v-267434a1] {
  background: var(--el-color-primary);
  color: #fff;
  border-color: var(--el-color-primary);
}
.school-plan-list[data-v-267434a1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.school-plan-item {
&[data-v-267434a1] {
  padding: 14px 16px;
  background: var(--el-fill-color-light);
  border-radius: 10px;
  }
header[data-v-267434a1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
header strong[data-v-267434a1] {
    font-size: 14px;
}
.sub[data-v-267434a1] {
    margin-top: 6px;
    font-size: 12px;
    color: var(--el-text-color-secondary);
}
.stats[data-v-267434a1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed var(--el-border-color-lighter);
}
.stats div small[data-v-267434a1] {
    display: block;
    font-size: 11px;
    color: var(--el-text-color-secondary);
}
.stats div strong[data-v-267434a1] {
    display: block;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 760;
    color: var(--el-text-color-primary);
}
.stats .is-up[data-v-267434a1] {
    color: #059669;
}
.stats .is-down[data-v-267434a1] {
    color: #b45309;
}
.is-empty[data-v-267434a1] {
    color: var(--el-text-color-placeholder);
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 0.02em;
}
.is-empty.el-tag[data-v-267434a1] {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-border-color-lighter);
}
.unit[data-v-267434a1] {
    font-size: 11px;
    color: var(--el-text-color-secondary);
    margin-left: 2px;
}
}
@media (max-width: 700px) {
.school-plan-item .stats[data-v-267434a1] {
    grid-template-columns: 1fr 1fr;
}
}

/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.school-segmented-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}
.school-segmented {
  display: inline-flex;
  padding: 3px;
  background: var(--el-fill-color-light);
  border-radius: 999px;
}
.school-segmented__tab {
  padding: 6px 14px;
  font-size: 12px;
  color: var(--el-text-color-secondary);
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
}
.school-segmented__tab.is-active {
  background: var(--el-bg-color);
  color: var(--el-color-primary);
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.school-score-filters {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px 12px;
  background: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 10px;
  overflow-x: auto;
}
.school-score-filters > * {
  flex: 0 1 auto;
}
.school-table {
  border-top: 1px solid var(--el-border-color-lighter);
}
.school-table__head,
.school-table__row {
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr) 1.2fr;
  gap: 12px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid var(--el-border-color-lighter);
  font-size: 13px;
}
.school-table__head {
  color: var(--el-text-color-secondary);
  font-weight: 500;
}
.school-table__row > div > strong {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: var(--el-text-color-primary);
}
.school-table__row > div > small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.school-table__row .is-empty,
.school-table__row > div.is-empty {
  color: var(--el-text-color-placeholder);
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media (max-width: 700px) {
.school-table__head,
  .school-table__row {
    grid-template-columns: 1fr 1fr;
}
.school-score-filters {
    flex-direction: column;
    align-items: stretch;
}
.school-score-filters > * {
    min-width: 0 !important;
}
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-entity-peek {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: var(--el-text-color-primary);
}
.peek-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--el-border-color-lighter);
}
.peek-title {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}
.peek-title small {
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.peek-title strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.peek-identity {
  display: flex;
  gap: 16px;
  padding: 22px 22px 8px;
}
.peek-identity__body {
  flex: 1;
  min-width: 0;
}
.entity-mark {
  display: grid;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  place-items: center;
  border-radius: 14px;
  background: var(--el-color-primary-light-9);
  color: var(--el-color-primary);
  font-weight: 700;
}
.entity-mark--small {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  font-size: 12px;
}
.peek-identity h2 {
  margin: 3px 0 9px;
  font-size: 22px;
}
.peek-identity small {
  color: var(--el-text-color-secondary);
}
.tag-row,
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.peek-tabs {
  display: flex;
  gap: 22px;
  padding: 0 22px;
  border-bottom: 1px solid var(--el-border-color-lighter);
  overflow: auto;
}
.peek-tabs button {
  padding: 11px 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: var(--el-text-color-secondary);
  white-space: nowrap;
  cursor: pointer;
}
.peek-tabs button.active {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
  font-weight: 700;
}
.peek-scroll {
  flex: 1;
}
.peek-content {
  padding: 22px 22px 36px;
}
.peek-content h3 {
  margin: 0 0 14px;
  font-size: 17px;
}
.peek-content p {
  line-height: 1.8;
  color: var(--el-text-color-regular);
}
.facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.facts div {
  padding: 12px;
  background: var(--el-fill-color-light);
  border-radius: 8px;
}
.facts small,
.relation-row small {
  display: block;
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.facts strong {
  display: block;
  margin-top: 4px;
}
.relation-row {
  display: grid;
  width: 100%;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 13px 8px;
  border: 0;
  border-bottom: 1px solid var(--el-border-color-lighter);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.relation-row:hover {
  background: var(--el-fill-color-light);
}
.relation-row strong {
  display: block;
}
.peek-state {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--el-text-color-secondary);
}

/* info card */
.school-info-card {
  padding: 20px;
  background: var(--el-fill-color-light);
  border-radius: 12px;
}
.school-info-card .ranks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}
.school-info-card .ranks > div {
  padding: 10px 6px;
  text-align: center;
  background: var(--el-bg-color);
  border-radius: 8px;
}
.school-info-card .ranks strong {
  display: block;
  font-size: 18px;
  font-weight: 760;
  color: var(--el-text-color-primary);
}
.school-info-card .ranks small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: var(--el-text-color-secondary);
}
.school-info-card .addresses,
.school-info-card .phones {
  list-style: none;
  margin: 8px 0;
  padding: 0;
  font-size: 13px;
}
.school-info-card .addresses li,
.school-info-card .phones li {
  padding: 8px 12px;
  background: var(--el-bg-color);
  border-radius: 6px;
  margin-bottom: 4px;
  line-height: 1.5;
}
.school-info-card .addresses strong,
.school-info-card .phones strong {
  margin-right: 6px;
  color: var(--el-color-primary);
}
.school-info-card .ctas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}
.school-info-card .info-cta {
  display: inline-grid;
  place-items: center;
  height: 38px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  background: var(--el-bg-color);
  color: var(--el-text-color-primary);
  border: 1px solid var(--el-border-color);
  text-decoration: none;
}
.school-info-card .info-cta:hover {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}

/* body layout */
.school-body {
  display: flex;
  gap: 18px;
  min-height: 0;
  flex: 1;
}
.school-body__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.school-body__main .peek-scroll {
  flex: 1;
}
.school-body__aside {
  flex: 0 0 360px;
  align-self: flex-start;
  position: sticky;
  top: 0;
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding-right: 4px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 1100px) {
.school-body {
    flex-direction: column;
    gap: 12px;
}
.school-body__aside {
    flex: none;
    width: 100%;
    position: static;
    max-height: none;
    padding-right: 0;
}
}
@media (max-width: 700px) {
.facts {
    grid-template-columns: 1fr;
}
}
/* —— Major hero（参考千问高考 · 不影响 school 分支）—— */
.zs-major-hero {
  --zs-major-brand: var(--zc-brand, #0f766e);
  --zs-major-brand-light: var(--zc-brand-soft, #e6f4f1);
  --zs-major-brand-soft: var(--zc-brand-soft, #e6f4f1);
}
.zs-major-hero__mark {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  font-size: 18px;
  background: linear-gradient(135deg, var(--zs-major-brand) 0%, color-mix(in srgb, var(--zs-major-brand) 60%, white) 100%);
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 18px -8px rgba(15, 118, 110, 0.55);
}
.zs-major-hero__body h2 {
  margin: 4px 0 10px;
  font-size: 24px;
  letter-spacing: -0.01em;
}
.zs-major-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  font-size: 12px;
  color: var(--el-text-color-secondary);
}
.zs-major-hero__code {
  padding: 1px 8px;
  background: var(--zs-major-brand-light);
  color: var(--zs-major-brand);
  border-radius: 999px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.zs-major-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}
.zs-major-chip {
  padding: 3px 10px;
  font-size: 12px;
  color: var(--el-text-color-regular);
  background: var(--el-fill-color-light);
  border-radius: 999px;
  border: 1px solid var(--el-border-color-lighter);
}
.zs-major-chip--solid {
  color: #fff;
  background: var(--zs-major-brand);
  border-color: var(--zs-major-brand);
  font-weight: 600;
}
.zs-major-hero__callout {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px 14px 8px 10px;
  background: var(--zs-major-brand-soft);
  border-radius: 10px;
  font-size: 13px;
  color: var(--el-text-color-regular);
}
.zs-major-hero__callout-bar {
  width: 4px;
  height: 16px;
  background: var(--zs-major-brand);
  border-radius: 2px;
}
.zs-major-hero__callout strong {
  font-size: 15px;
  font-weight: 760;
  color: var(--zs-major-brand);
  font-variant-numeric: tabular-nums;
}

/* —— Major body wrapper（与 school-body 同布局，仅命名独立）—— */
.zs-major-body {
  display: flex;
  gap: 18px;
  min-height: 0;
  flex: 1;
}
.zs-major-body__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.zs-major-body__aside {
  flex: 0 0 360px;
  align-self: flex-start;
  position: sticky;
  top: 0;
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding-right: 4px;
}
@media (max-width: 1100px) {
.zs-major-body {
    flex-direction: column;
    gap: 12px;
}
.zs-major-body__aside {
    flex: none;
    width: 100%;
    position: static;
    max-height: none;
    padding-right: 0;
}
}
.zs-entity-explorer__scrim[data-v-cab9396e] {
  position: fixed;
  z-index: 1998;
  inset: 0;
  background: rgb(0 0 0 / 18%);
}

/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-kpi[data-v-9154aeea] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 22px;
  overflow: hidden;
  background: var(--zc-surface-card, #fff);
  border: 1px solid var(--zc-border-subtle, #e7e5e4);
  border-radius: var(--zc-radius-card, 12px);
  box-shadow: var(--zc-shadow-lift1, 0 1px 2px rgba(28, 25, 23, 0.04));
}
.zs-kpi[data-v-9154aeea]::before {
  content: "";
  position: absolute;
  inset-block: 12px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--zs-kpi-accent);
}
.zs-kpi__header[data-v-9154aeea] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.zs-kpi__icon[data-v-9154aeea] {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  color: var(--zs-kpi-accent);
  background: var(--zs-kpi-accent-soft);
  border-radius: 8px;
  font-size: 16px;
}
.zs-kpi__label[data-v-9154aeea] {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--zc-text-secondary, #57534e);
}
.zs-kpi__value[data-v-9154aeea] {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-family: var(--zc-font-display, "DM Serif Display", Georgia, serif);
  color: var(--zc-text-primary, #1c1917);
}
.zs-kpi__value strong[data-v-9154aeea] {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.05;
}
.zs-kpi__unit[data-v-9154aeea] {
  font-family: var(--zc-font-sans, "Source Han Sans VF", system-ui, sans-serif);
  font-size: 14px;
  color: var(--zc-text-muted, #78716c);
}
.zs-kpi__footer[data-v-9154aeea] {
  display: flex;
  gap: 12px;
  align-items: baseline;
  font-size: 12px;
  color: var(--zc-text-muted, #78716c);
}
.zs-kpi__change[data-v-9154aeea] {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  font-weight: 600;
}
.zs-kpi__arrow[data-v-9154aeea] {
  font-size: 12px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-major-card[data-v-b16e7082] {
  --zc-color: var(--zc-brand);
  --zc-gender-male: #769cf9;
  --zc-gender-female: #f4a49b;
  display: flex;
  gap: 16px;
  padding: 22px 24px;
  background: var(--zc-surface-card, #fff);
  border: 1px solid var(--zc-border-subtle, #e7e5e4);
  border-radius: var(--zc-radius-card, 12px);
  cursor: pointer;
  transition: border-color var(--zc-dur-base, 200ms) var(--zc-ease-standard, cubic-bezier(0.2, 0, 0.2, 1)), box-shadow var(--zc-dur-base, 200ms) var(--zc-ease-standard, cubic-bezier(0.2, 0, 0.2, 1)), transform var(--zc-dur-base, 200ms) var(--zc-ease-standard, cubic-bezier(0.2, 0, 0.2, 1));
}
.zs-major-card[data-v-b16e7082]:hover, .zs-major-card[data-v-b16e7082]:focus-visible {
  border-color: var(--zc-color);
  box-shadow: var(--zc-shadow-lift2, 0 4px 12px rgba(28, 25, 23, 0.06));
}
.zs-major-card[data-v-b16e7082]:focus-visible {
  outline: none;
  box-shadow: var(--zc-shadow-lift2, 0 4px 12px rgba(28, 25, 23, 0.06)), var(--zc-shadow-focus, 0 0 0 3px rgba(15, 118, 110, 0.18));
}
@media (prefers-reduced-motion: reduce) {
.zs-major-card[data-v-b16e7082] {
    transition: none;
}
.zs-major-card[data-v-b16e7082]:hover, .zs-major-card[data-v-b16e7082]:focus-visible {
    transform: none;
}
}
.zs-major-card__head[data-v-b16e7082] {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  align-items: start;
  min-width: 0;
}
.zs-major-card__badge[data-v-b16e7082] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--zc-color) 12%, var(--zc-surface-card, #fff));
  color: var(--zc-color);
  font-size: 20px;
  font-weight: 700;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--zc-color) 28%, transparent);
}
.zs-major-card__title-block[data-v-b16e7082] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.zs-major-card__name[data-v-b16e7082] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
  color: var(--zc-text-primary, #1c1917);
  word-break: break-word;
}
.zs-major-card__chips[data-v-b16e7082] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zs-major-card__chip[data-v-b16e7082] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: var(--zc-radius-sm, 6px);
  white-space: nowrap;
}
.zs-major-card__chip--category[data-v-b16e7082] {
  background: color-mix(in srgb, var(--zc-color) 14%, var(--zc-surface-card, #fff));
  color: var(--zc-color);
}
.zs-major-card__chip--type[data-v-b16e7082] {
  background: var(--zc-neutral-100, #f5f5f4);
  color: var(--zc-text-secondary, #57534e);
}
.zs-major-card__kv[data-v-b16e7082] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 20px;
  margin: 10px 0;
  padding: 0;
}
.zs-major-card__kv-item[data-v-b16e7082] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zs-major-card__kv-item dt[data-v-b16e7082] {
  font-size: 11px;
  color: var(--zc-text-muted, #78716c);
  letter-spacing: 0.04em;
}
.zs-major-card__kv-item dd[data-v-b16e7082] {
  margin: 0;
  font-size: 13px;
  color: var(--zc-text-secondary, #57534e);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-major-card__desc[data-v-b16e7082] {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--zc-text-secondary, #57534e);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.zs-major-card__stats[data-v-b16e7082] {
  display: flex;
  flex-direction: column;
  gap: 16px 24px;
}
.zs-major-card__stat[data-v-b16e7082] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zs-major-card__stat-label[data-v-b16e7082] {
  font-size: 11px;
  color: var(--zc-text-muted, #78716c);
  letter-spacing: 0.04em;
}
.zs-major-card__stat-value[data-v-b16e7082] {
  font-family: var(--zc-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--zc-text-primary, #1c1917);
  line-height: 1.2;
}
.zs-major-card__proportion-bar[data-v-b16e7082] {
  gap: 8px;
}
.zs-major-card__proportion-bar__title[data-v-b16e7082] {
  font-size: 11px;
  color: var(--zc-text-muted, #78716c);
  letter-spacing: 0.04em;
}
.zs-major-card__proportion-bar__content[data-v-b16e7082] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.zs-major-card__proportion-bar__end[data-v-b16e7082] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.zs-major-card__proportion-bar__text[data-v-b16e7082] {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--zc-text-secondary, #57534e);
  line-height: 1.2;
  white-space: nowrap;
}
.zs-major-card__proportion-bar__icon[data-v-b16e7082] {
  flex-shrink: 0;
  color: var(--zc-text-secondary, #57534e);
}
.zs-major-card__proportion-bar__icon--m[data-v-b16e7082] {
  color: var(--zc-gender-male, #0284c7);
}
.zs-major-card__proportion-bar__icon--f[data-v-b16e7082] {
  color: var(--zc-gender-female, #e11d48);
}
.zs-major-card__proportion-bar__line[data-v-b16e7082] {
  display: flex;
  height: 16px;
  border-radius: var(--zc-radius-sm, 8px);
  overflow: hidden;
  background: var(--zc-neutral-100, #f5f5f4);
  box-shadow: inset 0 0 0 1px var(--zc-border-subtle, #e7e5e4);
}
.zs-major-card__proportion-bar__line-seg[data-v-b16e7082] {
  flex-basis: 0;
  min-width: 0;
  transition: flex-grow var(--zc-dur-base, 200ms) var(--zc-ease-standard, cubic-bezier(0.2, 0, 0.2, 1));
}
.zs-major-card__proportion-bar__line-seg--m[data-v-b16e7082] {
  background: var(--zc-gender-male, #0284c7);
}
.zs-major-card__proportion-bar__line-seg--f[data-v-b16e7082] {
  background: var(--zc-gender-female, #e11d48);
}
@media (prefers-reduced-motion: reduce) {
.zs-major-card__proportion-bar__line-seg[data-v-b16e7082] {
    transition: none;
}
}
@media (max-width: 480px) {
.zs-major-card[data-v-b16e7082] {
    padding: 18px 18px;
}
.zs-major-card__head[data-v-b16e7082] {
    grid-template-columns: 40px 1fr;
    gap: 12px;
}
.zs-major-card__badge[data-v-b16e7082] {
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 10px;
}
.zs-major-card__name[data-v-b16e7082] {
    font-size: 16px;
}
.zs-major-card__kv[data-v-b16e7082] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 12px;
}
.zs-major-card__stat-value[data-v-b16e7082] {
    font-size: 18px;
}
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-major-tree-dialog :deep(.el-dialog__body) {
  padding: 12px 16px;
}
.zsm-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 64vh;
}
.zsm-search {
  flex-shrink: 0;
}
.zsm-search :deep(.el-input) {
  width: 100%;
}
.zsm-tree-wrap {
  flex: 1;
  min-height: 240px;
  max-height: 56vh;
  padding: 4px 0;
  border: 1px solid var(--el-border-color-lighter, #ebeef5);
  border-radius: 8px;
  overflow: auto;
  background: var(--el-fill-color-blank, #fff);
}
.zsm-tree {
  --el-tree-node-hover-bg-color: var(--zc-brand-soft, #e6f4f1);
  padding: 4px 0;
}
.zsm-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 4px 6px;
  border-radius: 4px;
}
.zsm-row__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--el-text-color-primary, #303133);
  font-size: 13px;
}
.zsm-row__tags {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.zsm-row__meta {
  flex: 0 0 auto;
  font-size: 12px;
  color: var(--el-text-color-secondary, #909399);
}
.zsm-row--leaf .zsm-row__label {
  font-weight: 500;
}
.zsm-row--group .zsm-row__label {
  font-weight: 600;
  color: var(--zc-text-secondary, #475569);
}
.zsm-row--picked {
  background: var(--zc-brand-soft, #e6f4f1);
}
.zsm-tag {
  margin: 0;
  font-size: 11px;
}
.zsm-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zsm-count {
  font-size: 12px;
  color: var(--el-text-color-secondary, #606266);
}
.zsm-actions {
  display: flex;
  gap: 8px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-map-picker__bar[data-v-8d1c7829] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.zs-map-picker__search-wrap[data-v-8d1c7829] {
  position: relative;
  flex: 1;
  min-width: 0;
}
.zs-map-picker__search[data-v-8d1c7829] {
  width: 100%;
}
.zs-map-picker__search[data-v-8d1c7829] .el-select__wrapper {
  min-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 6px;
  background: var(--zs-surface-card, #fff);
}
.zs-map-picker__search[data-v-8d1c7829] .el-select__placeholder {
  color: var(--zs-text-muted, #94a3b8);
}
.zs-map-picker__suggest-title[data-v-8d1c7829] {
  font-size: 13px;
  font-weight: 600;
  color: var(--zs-text, #0f172a);
  line-height: 1.4;
}
.zs-map-picker__suggest-address[data-v-8d1c7829] {
  margin-top: 2px;
  font-size: 11px;
  color: var(--zs-text-muted, #64748b);
  line-height: 1.4;
}
.zs-map-picker__tip[data-v-8d1c7829] {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  color: var(--zs-text-muted, #64748b);
}
.zs-map-picker__map[data-v-8d1c7829] {
  position: relative;
  height: 420px;
  border: 1px solid var(--zs-border, #e5e7eb);
  border-radius: 8px;
  overflow: hidden;
}
.zs-map-picker__canvas[data-v-8d1c7829] {
  width: 100%;
  height: 100%;
}
.zs-map-picker__result[data-v-8d1c7829] {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid var(--zs-border, #e5e7eb);
  border-radius: 8px;
  background: var(--zs-surface-muted, #f8fafc);
}
.zs-map-picker__result-label[data-v-8d1c7829] {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--zs-text, #0f172a);
}
.zs-map-picker__result-text[data-v-8d1c7829] {
  font-size: 12px;
  color: var(--zs-text-secondary, #475569);
  word-break: break-all;
}
.zs-map-picker__error[data-v-8d1c7829] {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--el-color-danger, #ef4444);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-risk-badge[data-v-fe0ee6ea] {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.02em;
  border: 1px solid transparent;
  border-radius: var(--zc-radius-sm, 6px);
}
.zs-risk-badge__dot[data-v-fe0ee6ea] {
  display: inline-flex;
  width: 12px;
  height: 12px;
  align-items: center;
  justify-content: center;
}
.zs-risk-badge--risk[data-v-fe0ee6ea] {
  color: var(--zc-risk, #b91c1c);
  background: var(--zc-risk-soft, #fee2e2);
}
.zs-risk-badge--warn[data-v-fe0ee6ea] {
  color: var(--zc-warn, #d97706);
  background: var(--zc-warn-soft, #fef3c7);
}
.zs-risk-badge--info[data-v-fe0ee6ea] {
  color: var(--zc-info, #2563eb);
  background: var(--zc-info-soft, #dbeafe);
}
.zs-risk-badge--success[data-v-fe0ee6ea] {
  color: var(--zc-success, #059669);
  background: var(--zc-success-soft, #d1fae5);
}
.zs-risk-badge.is-compact[data-v-fe0ee6ea] {
  padding: 4px 6px;
}
.zs-risk-badge.is-compact .zs-risk-badge__label[data-v-fe0ee6ea] {
  display: none;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-school-card[data-v-7774441f] {
  display: flex;
  gap: 16px;
  padding: 20px 22px;
  background: var(--zc-surface-card, #fff);
  border: 1px solid var(--zc-border-subtle, #e7e5e4);
  border-radius: var(--zc-radius-card, 12px);
  cursor: pointer;
  transition: all 200ms ease;
}
.zs-school-card[data-v-7774441f]:hover {
  border-color: var(--zc-brand, #0f766e);
  box-shadow: var(--zc-shadow-lift2, 0 4px 12px rgba(28, 25, 23, 0.06));
}
.zs-school-card__badge[data-v-7774441f] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.zs-school-card__body[data-v-7774441f] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.zs-school-card__title-row[data-v-7774441f] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.zs-school-card__name[data-v-7774441f] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--zc-text-primary, #1c1917);
}
.zs-school-card__meta[data-v-7774441f] {
  font-size: 12px;
  color: var(--zc-text-muted, #78716c);
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.zs-school-card__tags[data-v-7774441f] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.zs-school-card__stats[data-v-7774441f] {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.zs-school-card__stat[data-v-7774441f] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zs-school-card__stat-label[data-v-7774441f] {
  font-size: 11px;
  color: var(--zc-text-muted, #78716c);
}
.zs-school-card__stat-value[data-v-7774441f] {
  font-size: 15px;
  font-weight: 600;
  color: var(--zc-text-primary, #1c1917);
}
.zs-school-card__footer[data-v-7774441f] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.zs-school-card__compare-btn[data-v-7774441f], .zs-school-card__pick-btn[data-v-7774441f] {
  transition: background-color 160ms ease-out, color 160ms ease-out, border-color 160ms ease-out;
}
.zs-school-card__pick-btn.is-locked[data-v-7774441f] {
  cursor: not-allowed;
  opacity: 0.85;
  font-weight: 600;
  /* 让"已选 + 锁定"看上去明显灰一档，区别于可取消的"已选" */
  --el-button-bg-color: color-mix(in srgb, var(--zc-brand, #0f766e) 28%, var(--zc-neutral-100, #f5f5f4));
  --el-button-border-color: color-mix(in srgb, var(--zc-brand, #0f766e) 28%, var(--zc-neutral-200, #e7e5e4));
  --el-button-hover-bg-color: color-mix(in srgb, var(--zc-brand, #0f766e) 28%, var(--zc-neutral-100, #f5f5f4));
  --el-button-hover-border-color: color-mix(in srgb, var(--zc-brand, #0f766e) 28%, var(--zc-neutral-200, #e7e5e4));
  --el-color-primary: color-mix(in srgb, var(--zc-brand, #0f766e) 28%, var(--zc-text-muted, #78716c));
}
.zs-school-card__compared-badge[data-v-7774441f] {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background: var(--zc-brand, #0f766e);
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.32);
  pointer-events: none;
  z-index: 1;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-school-compare {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: var(--zc-font-sans, "PingFang SC", system-ui, sans-serif);
  background: var(--zc-surface-page, #fafaf9);
  color: var(--zc-text-primary, #1c1917);
  font-variant-numeric: tabular-nums;
  /* 表格列宽共享：所有 table 严格对齐 */
  --zs-cmp-label-w: 220px;
  --zs-cmp-school-w: calc((100% - var(--zs-cmp-label-w)) / var(--zs-cmp-cols, 4));
}
.zs-school-compare__header {
  flex-shrink: 0;
  padding: 20px 28px 12px;
  background: var(--zc-surface-card, #fff);
  border-bottom: 1px solid var(--zc-border-subtle, #e7e5e4);
}
.zs-school-compare__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zs-school-compare__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
.zs-school-compare__count {
  margin-left: 4px;
  color: var(--zc-text-muted, #78716c);
  font-size: 14px;
  font-weight: 500;
}
.zs-school-compare__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--zc-text-secondary, #57534e);
  cursor: pointer;
  transition: background-color 160ms ease-out;
}
.zs-school-compare__icon-btn:hover {
  background: var(--zc-neutral-100, #f5f5f4);
}
.zs-school-compare__slots {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.zs-school-compare__slot {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px 10px 10px;
  background: var(--zc-neutral-50, #fafaf9);
  border: 1px solid var(--zc-border-subtle, #e7e5e4);
  border-radius: 10px;
  min-height: 56px;
}
.zs-school-compare__slot--empty {
  align-items: center;
  justify-content: center;
  color: var(--zc-text-muted, #78716c);
  font-size: 13px;
  background: transparent;
  border-style: dashed;
  border-color: var(--zc-border, #d6d3d1);
}
.zs-school-compare__slot--add {
  cursor: pointer;
  gap: 12px;
  padding: 10px 14px;
  transition: background-color 200ms ease-out, border-color 200ms ease-out, color 200ms ease-out, transform 200ms ease-out, box-shadow 200ms ease-out;
}
.zs-school-compare__slot--add:hover, .zs-school-compare__slot--add:focus-visible {
  background: color-mix(in srgb, var(--zc-brand, #0f766e) 6%, transparent);
  border-color: var(--zc-brand, #0f766e);
  color: var(--zc-brand, #0f766e);
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--zc-brand, #0f766e) 12%, transparent);
}
.zs-school-compare__slot--add:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--zc-brand, #0f766e) 35%, transparent), 0 4px 12px color-mix(in srgb, var(--zc-brand, #0f766e) 12%, transparent);
}
.zs-school-compare__slot-add-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--zc-brand, #0f766e) 12%, transparent);
  color: var(--zc-brand, #0f766e);
  font-size: 20px;
  font-weight: 600;
  flex-shrink: 0;
  transition: transform 200ms ease-out;
}
.zs-school-compare__slot--add:hover .zs-school-compare__slot-add-icon, .zs-school-compare__slot--add:focus-visible .zs-school-compare__slot-add-icon {
  transform: rotate(90deg);
}
.zs-school-compare__slot-add-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}
.zs-school-compare__slot-add-label {
  font-size: 13px;
  font-weight: 600;
  color: inherit;
}
.zs-school-compare__slot-add-hint {
  font-size: 11px;
  color: var(--zc-text-muted, #78716c);
  font-weight: 500;
}
.zs-school-compare__slot--add-wide {
  grid-column: 1/-1;
  flex-direction: column;
  gap: 10px;
  padding: 22px 16px;
  text-align: center;
  align-items: center;
}
.zs-school-compare__slot--add-wide .zs-school-compare__slot-add-body {
  align-items: center;
  text-align: center;
}
.zs-school-compare__slot-mark {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--zs-cmp-mark-bg, var(--zc-brand, #0f766e));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  flex-shrink: 0;
}
.zs-school-compare__slot-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.zs-school-compare__slot-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--zc-text-primary, #1c1917);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-school-compare__slot-meta {
  font-size: 11px;
  color: var(--zc-text-muted, #78716c);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-school-compare__slot-remove {
  position: absolute;
  top: 4px;
  right: 6px;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 50%;
  background: var(--zc-neutral-200, #e7e5e4);
  color: var(--zc-text-secondary, #57534e);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 160ms ease-out, color 160ms ease-out;
}
.zs-school-compare__slot-remove:hover {
  background: var(--zc-risk, #b91c1c);
  color: #fff;
}
.zs-school-compare__main {
  display: flex;
  flex: 1;
  min-height: 0;
}
.zs-school-compare__sidebar {
  flex: 0 0 200px;
  width: 200px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: var(--zc-surface-card, #fff);
  border-right: 1px solid var(--zc-border-subtle, #e7e5e4);
  overflow-y: auto;
}
.zs-school-compare__filter {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--zc-border-subtle, #e7e5e4);
}
.zs-school-compare__filter-label {
  font-size: 12px;
  color: var(--zc-text-muted, #78716c);
  font-weight: 500;
}
.zs-school-compare__anchor-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px;
}
.zs-school-compare__anchor {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--zc-text-secondary, #57534e);
  text-align: left;
  cursor: pointer;
  transition: background-color 160ms ease-out, color 160ms ease-out;
}
.zs-school-compare__anchor:hover {
  color: var(--zc-text-primary, #1c1917);
  background: var(--zc-neutral-100, #f5f5f4);
}
.zs-school-compare__anchor.is-active {
  color: var(--zc-brand, #0f766e);
  background: color-mix(in srgb, var(--zc-brand, #0f766e) 12%, transparent);
  font-weight: 600;
}
.zs-school-compare__body {
  /* position: relative 让 section.offsetTop 相对 scrollContainer 计算（否则会找到更高的定位祖先） */
  position: relative;
  --zs-cmp-sticky-h: 48px;
  flex: 1;
  min-width: 0;
  overflow: auto;
  padding: 0 28px 24px;
}
.zs-school-compare__table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background: var(--zc-surface-card, #fff);
}
.zs-school-compare__table--sticky-head {
  position: sticky;
  top: 0;
  z-index: 5;
  border: 1px solid var(--zc-border-subtle, #e7e5e4);
  border-radius: 12px 12px 0 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.zs-school-compare__col-label {
  width: var(--zs-cmp-label-w);
}
.zs-school-compare__col-school {
  width: var(--zs-cmp-school-w);
}
.zs-school-compare__th {
  text-align: left;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--zc-text-primary, #1c1917);
  background: var(--zc-neutral-50, #fafaf9);
  border-bottom: 1px solid var(--zc-border-subtle, #e7e5e4);
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-school-compare__th--label {
  width: var(--zs-cmp-label-w);
}
.zs-school-compare__th-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--zs-cmp-mark-bg, var(--zc-brand, #0f766e));
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
}
.zs-school-compare__th-name {
  display: inline-block;
  vertical-align: middle;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-school-compare__group {
  margin-bottom: 20px;
}
.zs-school-compare__group-title {
  margin: 18px 0 10px;
  padding: 4px 0 4px 10px;
  font-size: 15px;
  font-weight: 600;
  color: var(--zc-text-primary, #1c1917);
  border-left: 3px solid var(--zc-brand, #0f766e);
  line-height: 1.4;
  /* 兜底：即使 JS 同步 --zs-cmp-sticky-h 有延迟，scrollIntoView 也能正确对齐 h3 到 sticky 表头下方 */
  scroll-margin-top: calc(var(--zs-cmp-sticky-h, 48px) + 8px);
}
.zs-school-compare__row-label {
  text-align: left;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--zc-text-secondary, #57534e);
  background: var(--zc-neutral-50, #fafaf9);
  border-bottom: 1px solid var(--zc-border-subtle, #e7e5e4);
  width: var(--zs-cmp-label-w);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-school-compare__empty-group {
  padding: 16px 20px;
  background: var(--zc-surface-card, #fff);
  border: 1px dashed var(--zc-border, #d6d3d1);
  border-radius: 12px;
  color: var(--zc-text-muted, #78716c);
  font-size: 13px;
  text-align: center;
}
.zs-school-compare__cell {
  position: relative;
  padding: 12px 16px;
  font-size: 14px;
  color: var(--zc-text-primary, #1c1917);
  border-bottom: 1px solid var(--zc-border-subtle, #e7e5e4);
  transition: background-color 160ms ease-out;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zs-school-compare__cell.is-muted {
  color: var(--zc-text-muted, #78716c);
}
.zs-school-compare__cell.is-differ {
  font-weight: 600;
}
.zs-school-compare__cell.is-best {
  background: color-mix(in srgb, var(--zc-success, #059669) 8%, transparent);
  color: var(--zc-success-strong, #047857);
  font-weight: 700;
}
.zs-school-compare__cell {
  /* tag 列表行允许换行，不截断 */
}
.zs-school-compare__cell--tags {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.zs-school-compare__cell-tag {
  display: inline-block;
  margin: 2px 6px 2px 0;
  padding: 2px 8px;
  background: color-mix(in srgb, var(--zc-brand, #0f766e) 10%, transparent);
  color: var(--zc-brand, #0f766e);
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  line-height: 1.5;
  white-space: nowrap;
  vertical-align: middle;
}
.zs-school-compare__cell-best {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 700;
  color: var(--zc-success-strong, #047857);
  background: color-mix(in srgb, var(--zc-success, #059669) 14%, transparent);
  border-radius: 4px;
  vertical-align: middle;
}
@media (max-width: 720px) {
.zs-school-compare {
    --zs-cmp-label-w: 140px;
}
.zs-school-compare__slots {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.zs-school-compare__main {
    flex-direction: column;
}
.zs-school-compare__sidebar {
    flex: 0 0 auto;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid var(--zc-border-subtle, #e7e5e4);
}
.zs-school-compare__filter {
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.zs-school-compare__anchor-nav {
    flex-direction: row;
    overflow-x: auto;
    padding: 6px 10px;
    gap: 4px;
}
.zs-school-compare__anchor {
    flex: 0 0 auto;
    padding: 6px 12px;
    white-space: nowrap;
}
.zs-school-compare__th-name {
    max-width: 100px;
}
}
html.dark .zs-school-compare {
  background: var(--zc-surface-page, #0c0a09);
  color: var(--zc-text-primary, #fafaf9);
}
html.dark .zs-school-compare .zs-school-compare__header,
html.dark .zs-school-compare .zs-school-compare__sidebar,
html.dark .zs-school-compare .zs-school-compare__table--sticky-head {
  background: var(--zc-surface-card, #1c1917);
}
html.dark .zs-school-compare .zs-school-compare__slot {
  background: var(--zc-neutral-100, #0c0a09);
  border-color: var(--zc-border, #292524);
}
html.dark .zs-school-compare .zs-school-compare__slot--empty {
  background: transparent;
  border-color: var(--zc-border, #44403c);
}
html.dark .zs-school-compare .zs-school-compare__th,
html.dark .zs-school-compare .zs-school-compare__row-label {
  background: var(--zc-neutral-100, #0c0a09);
  color: var(--zc-text-secondary, #d6d3d1);
}
html.dark .zs-school-compare .zs-school-compare__anchor {
  color: var(--zc-text-secondary, #d6d3d1);
}
html.dark .zs-school-compare .zs-school-compare__anchor:hover {
  background: var(--zc-neutral-200, #292524);
  color: var(--zc-text-primary, #fafaf9);
}
html.dark .zs-school-compare .zs-school-compare__cell.is-best {
  color: color-mix(in srgb, var(--zc-success, #059669) 60%, #fff);
}
html.dark .zs-school-compare .zs-school-compare__cell-best {
  color: color-mix(in srgb, var(--zc-success, #059669) 60%, #fff);
  background: color-mix(in srgb, var(--zc-success, #059669) 24%, transparent);
}
html.dark .zs-school-compare .zs-school-compare__empty-group {
  background: var(--zc-surface-card, #1c1917);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-segmented--vertical {
  flex-direction: column;
}
.el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented {
  --el-segmented-color: var(--el-text-color-regular);
  --el-segmented-bg-color: var(--el-fill-color-light);
  --el-segmented-padding: 2px;
  --el-segmented-item-selected-color: var(--el-color-white);
  --el-segmented-item-selected-bg-color: var(--el-color-primary);
  --el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);
  --el-segmented-item-hover-color: var(--el-text-color-primary);
  --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
  --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
  --el-segmented-item-disabled-color: var(--el-text-color-placeholder);
}

.el-segmented {
  display: inline-flex;
  align-items: stretch;
  min-height: 32px;
  background: var(--el-segmented-bg-color);
  padding: var(--el-segmented-padding);
  border-radius: var(--el-border-radius-base);
  font-size: 14px;
  color: var(--el-segmented-color);
  box-sizing: border-box;
}
.el-segmented__group {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
}

.el-segmented__item-selected {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--el-segmented-item-selected-bg-color);
  height: 100%;
  width: 10px;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  transition: all 0.3s;
  pointer-events: none;
}
.el-segmented__item-selected.is-disabled {
  background: var(--el-segmented-item-selected-disabled-bg-color);
}

.el-segmented__item-selected.is-focus-visible:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  outline: 2px solid var(--el-segmented-item-selected-bg-color);
  outline-offset: 1px;
}

.el-segmented__item {
  display: flex;
  align-items: center;
  flex: 1;
  cursor: pointer;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}
.el-segmented__item:not(.is-disabled):not(.is-selected):hover {
  color: var(--el-segmented-item-hover-color);
  background: var(--el-segmented-item-hover-bg-color);
}
.el-segmented__item:not(.is-disabled):not(.is-selected):active {
  background: var(--el-segmented-item-active-bg-color);
}
.el-segmented__item.is-selected {
  color: var(--el-segmented-item-selected-color);
}
.el-segmented__item.is-selected.is-disabled {
  color: var(--el-segmented-item-selected-color);
}

.el-segmented__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-segmented-item-disabled-color);
}

.el-segmented__item-input {
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.el-segmented__item-label {
  flex: 1;
  text-align: center;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
  z-index: 1;
}

.el-segmented.is-block {
  display: flex;
}
.el-segmented.is-block .el-segmented__item {
  min-width: 0;
}

.el-segmented--large {
  min-height: 40px;
  border-radius: var(--el-border-radius-base);
  font-size: 16px;
}
.el-segmented--large .el-segmented__item-selected {
  border-radius: calc(var(--el-border-radius-base) - 2px);
}

.el-segmented--large .el-segmented--vertical .el-segmented__item {
  padding: 11px 11px;
}

.el-segmented--large .el-segmented__item {
  border-radius: calc(var(--el-border-radius-base) - 2px);
  padding: 0 11px;
}

.el-segmented--small {
  min-height: 24px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
  font-size: 14px;
}
.el-segmented--small .el-segmented__item-selected {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
}

.el-segmented--small .el-segmented--vertical .el-segmented__item {
  padding: 7px 7px;
}

.el-segmented--small .el-segmented__item {
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
  padding: 0 7px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-popover {
  --el-popover-bg-color: var(--el-bg-color-overlay);
  --el-popover-font-size: var(--el-font-size-base);
  --el-popover-border-color: var(--el-border-color-lighter);
  --el-popover-padding: 12px;
  --el-popover-padding-large: 18px 20px;
  --el-popover-title-font-size: 16px;
  --el-popover-title-text-color: var(--el-text-color-primary);
  --el-popover-border-radius: 4px;
}
.el-popover.el-popper {
  background: var(--el-popover-bg-color);
  min-width: 150px;
  border-radius: var(--el-popover-border-radius);
  border: 1px solid var(--el-popover-border-color);
  padding: var(--el-popover-padding);
  z-index: var(--el-index-popper);
  color: var(--el-text-color-regular);
  line-height: 1.4;
  font-size: var(--el-popover-font-size);
  box-shadow: var(--el-box-shadow-light);
  overflow-wrap: break-word;
  box-sizing: border-box;
}
.el-popover.el-popper--plain {
  padding: var(--el-popover-padding-large);
}

.el-popover__title {
  color: var(--el-popover-title-text-color);
  font-size: var(--el-popover-title-font-size);
  line-height: 1;
  margin-bottom: 12px;
}

.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  outline-width: 0;
}

.el-popover.el-popper.is-dark {
  --el-popover-bg-color: var(--el-text-color-primary);
  --el-popover-border-color: var(--el-text-color-primary);
  --el-popover-title-text-color: var(--el-bg-color);
  color: var(--el-bg-color);
}

.el-popover.el-popper:focus:active, .el-popover.el-popper:focus {
  outline-width: 0;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-school-picker-dialog {
  --zspd-row-divider: color-mix(in srgb, var(--zs-border, #e7e5e4) 60%, transparent);
  --zspd-include-tint: color-mix(in srgb, var(--zs-brand, #0f766e) 12%, transparent);
  --zspd-include-edge: color-mix(in srgb, var(--zs-brand, #0f766e) 35%, transparent);
  --zspd-include-shadow: 0 1px 2px color-mix(in srgb, var(--zs-brand, #0f766e) 18%, transparent);
  --zspd-include-x: color-mix(in srgb, var(--zs-surface, #fff) 18%, transparent);
  --zspd-exclude-tint: color-mix(in srgb, var(--zs-danger, #b91c1c) 12%, var(--zs-surface, #fff));
  --zspd-exclude-edge: color-mix(in srgb, var(--zs-danger, #b91c1c) 35%, transparent);
  --zspd-exclude-x: color-mix(in srgb, var(--zs-danger, #b91c1c) 8%, transparent);
  --zspd-exclude-strike: color-mix(in srgb, var(--zs-danger, #b91c1c) 40%, transparent);
  font-variant-numeric: tabular-nums;
}
.zs-school-picker-dialog .el-dialog__body {
  padding-top: 8px;
  padding-bottom: 0;
}
.zs-school-picker-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zs-school-picker-dialog__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--zs-text, #1c1917);
}
.zs-school-picker-dialog__max {
  margin-left: 6px;
  color: var(--zs-text-muted, #78716c);
  font-size: 12px;
  font-weight: 500;
}
.zs-school-picker-dialog__hint {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--zs-text-muted, #78716c);
  font-weight: 500;
  line-height: 1.5;
}
.zs-school-picker-dialog__hint--danger {
  color: var(--zs-danger, #b91c1c);
}
.zs-school-picker-dialog__sheet {
  border: 1px solid var(--zs-border, #e7e5e4);
  border-radius: 12px;
  background: var(--zs-surface-muted, #fafaf9);
  padding: 14px 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.zs-school-picker-dialog__filter-row {
  display: grid;
  grid-template-columns: 48px 152px 1fr;
  gap: 14px;
  align-items: center;
  min-height: 32px;
}
.zs-school-picker-dialog__filter-row + .zs-school-picker-dialog__filter-row {
  border-top: 1px solid var(--zspd-row-divider);
  padding-top: 10px;
}
.zs-school-picker-dialog__filter-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--zs-text-muted, #78716c);
  text-align: right;
  opacity: 0.75;
}
.zs-school-picker-dialog__mode-trigger {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid var(--zs-border, #e7e5e4);
  border-radius: 6px;
  background: var(--zs-surface, #fff);
  color: var(--zs-text, #1c1917);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 160ms ease-out, color 160ms ease-out, background-color 160ms ease-out;
}
.zs-school-picker-dialog__mode-trigger:hover {
  background: var(--zs-surface-muted, #fafaf9);
}
.zs-school-picker-dialog__mode-trigger--include {
  color: var(--zs-brand, #0f766e);
  border-color: var(--zspd-include-edge);
  background: var(--zspd-include-tint);
}
.zs-school-picker-dialog__mode-trigger--exclude {
  color: var(--zs-danger, #b91c1c);
  border-color: var(--zspd-exclude-edge);
  background: var(--zspd-exclude-tint);
}
.zs-school-picker-dialog :deep(.zs-school-picker-dialog__mode-popper.el-popper) {
  padding: 8px 4px;
  background: var(--el-bg-color-overlay, var(--zs-surface, #fff));
  border-color: var(--zs-border, #e7e5e4);
}
.zs-school-picker-dialog :deep(.zs-school-picker-dialog__mode-radio) {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zs-school-picker-dialog :deep(.zs-school-picker-dialog__mode-radio) .el-radio {
  margin-right: 0;
  height: 28px;
}
.zs-school-picker-dialog__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zs-school-picker-dialog__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  border: 1px solid var(--zs-border, #e7e5e4);
  border-radius: 999px;
  background: var(--zs-surface, #fff);
  color: var(--zs-text, #1c1917);
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color 120ms ease-out, color 120ms ease-out, border-color 120ms ease-out, transform 120ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 120ms ease-out;
}
.zs-school-picker-dialog__chip:hover:not(:disabled):not(.zs-school-picker-dialog__chip--disabled) {
  background: var(--zs-surface-muted, #fafaf9);
}
.zs-school-picker-dialog__chip--include {
  background: var(--zs-brand, #0f766e);
  color: var(--zs-page, #fff);
  border-color: var(--zs-brand, #0f766e);
  box-shadow: var(--zspd-include-shadow);
}
.zs-school-picker-dialog__chip--include .zs-school-picker-dialog__chip-x {
  background: var(--zspd-include-x);
  color: var(--zs-page, #fff);
}
.zs-school-picker-dialog__chip--exclude {
  background: var(--zspd-exclude-tint);
  color: var(--zs-danger, #b91c1c);
  border-color: var(--zspd-exclude-edge);
  text-decoration: line-through;
  text-decoration-color: var(--zspd-exclude-strike);
}
.zs-school-picker-dialog__chip--exclude .zs-school-picker-dialog__chip-x {
  background: var(--zspd-exclude-x);
  color: var(--zs-danger, #b91c1c);
}
.zs-school-picker-dialog__chip-label {
  line-height: 1;
}
.zs-school-picker-dialog__chip-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  background: var(--zs-surface-muted, #fafaf9);
  color: var(--zs-text-muted, #78716c);
  cursor: pointer;
  transition: transform 120ms ease-out, background-color 120ms ease-out, color 120ms ease-out;
}
.zs-school-picker-dialog__chip-x:hover {
  transform: scale(1.08);
}
.zs-school-picker-dialog__search-row {
  display: flex;
  align-items: stretch;
  gap: 0;
  border: 1px solid var(--zs-border, #e7e5e4);
  border-radius: 10px;
  background: var(--zs-surface, #fff);
  overflow: hidden;
  margin-top: 4px;
}
.zs-school-picker-dialog__search {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
}
.zs-school-picker-dialog__search-icon {
  position: absolute;
  left: 14px;
  color: var(--zs-text-muted, #78716c);
  font-size: 16px;
  pointer-events: none;
}
.zs-school-picker-dialog__search-input {
  width: 100%;
  height: 42px;
  padding: 0 14px 0 42px;
  border: 0;
  background: transparent;
  color: var(--zs-text, #1c1917);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  outline: none;
  caret-color: var(--zs-brand, #0f766e);
}
.zs-school-picker-dialog__search-input::placeholder {
  color: var(--zs-text-muted, #78716c);
  opacity: 0.7;
}
.zs-school-picker-dialog__search-input:focus {
  box-shadow: inset 0 0 0 2px var(--zs-brand, #0f766e);
}
.zs-school-picker-dialog__level-radio {
  flex-shrink: 0;
  border-left: 1px solid var(--zs-border, #e7e5e4);
}
.zs-school-picker-dialog__level-radio :deep(.el-segmented) {
  height: 42px;
  --el-segmented-item-height: 30px;
  --el-segmented-item-selected-color: var(--zs-page, #fff);
  --el-segmented-item-selected-bg-color: var(--zs-brand, #0f766e);
  --el-segmented-bg-color: var(--zs-surface-muted, #fafaf9);
  background: transparent;
}
.zs-school-picker-dialog__level-radio :deep(.el-segmented__item) {
  font-size: 12px;
  font-weight: 500;
}
.zs-school-picker-dialog__cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  min-height: 200px;
  max-height: 60vh;
  overflow-y: auto;
  padding-right: 4px;
}
.zs-school-picker-dialog__loading {
  min-height: 200px;
}
.zs-school-picker-dialog__pagination {
  display: flex;
  justify-content: center;
  padding: 12px 0;
}
.zs-school-picker-dialog__pagination :deep(.el-pagination) {
  font-variant-numeric: tabular-nums;
}
.zs-school-picker-dialog__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}
.zs-school-picker-dialog__footer-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--zs-text-secondary, #57534e);
}
.zs-school-picker-dialog__footer-meta strong {
  font-weight: 700;
  color: var(--zs-brand, #0f766e);
  font-variant-numeric: tabular-nums;
  margin: 0 2px;
}
.zs-school-picker-dialog__footer-clear {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--zs-text-muted, #78716c);
  font-size: 12px;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  transition: background-color 120ms ease-out, color 120ms ease-out;
}
.zs-school-picker-dialog__footer-clear:hover {
  background: var(--zs-surface-muted, #fafaf9);
  color: var(--zs-danger, #b91c1c);
}
.zs-school-picker-dialog__footer-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.zs-school-picker-dialog__radio--exclude.is-checked :deep(.el-radio__inner) {
  background-color: var(--zs-danger, #b91c1c);
  border-color: var(--zs-danger, #b91c1c);
}
.zs-school-picker-dialog__radio--exclude.is-checked :deep(.el-radio__label) {
  color: var(--zs-danger, #b91c1c);
}
html.dark .zs-school-picker-dialog {
  --zspd-include-text: var(--zs-page, #0d1716);
}
html.dark .zs-school-picker-dialog .zs-school-picker-dialog__chip--include {
  color: var(--zspd-include-text);
}
html.dark .zs-school-picker-dialog .zs-school-picker-dialog__chip--include .zs-school-picker-dialog__chip-x {
  color: var(--zspd-include-text);
}
html.dark .zs-school-picker-dialog .zs-school-picker-dialog__mode-trigger--include {
  color: var(--zspd-include-text);
  background-color: var(--zs-brand, #0f766e);
  border-color: var(--zs-brand, #0f766e);
}
html.dark .zs-school-picker-dialog .zs-school-picker-dialog__mode-trigger--exclude {
  color: #fff;
  background-color: var(--zs-danger, #b91c1c);
  border-color: var(--zs-danger, #b91c1c);
}
html.dark .zs-school-picker-dialog .zs-school-picker-dialog__chip--exclude .zs-school-picker-dialog__chip-x {
  background-color: rgba(255, 255, 255, 0.18);
  color: #fff;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-checkbox-group {
  font-size: 0;
  line-height: 0;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.el-checkbox-button {
  --el-checkbox-button-checked-bg-color: var(--el-color-primary);
  --el-checkbox-button-checked-text-color: var(--el-color-white);
  --el-checkbox-button-checked-border-color: var(--el-color-primary);
  --el-checkbox-button-disabled-checked-fill: var(--el-border-color-extra-light);
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: var(--el-checkbox-font-weight);
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
  outline: var(--el-border);
  color: var(--el-button-text-color, var(--el-text-color-regular));
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  transition: var(--el-transition-all);
  user-select: none;
  padding: 8px 15px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 8px 15px;
}
.el-checkbox-button__inner:hover {
  color: var(--el-color-primary);
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: var(--el-checkbox-button-checked-text-color);
  background-color: var(--el-checkbox-button-checked-bg-color);
  border-color: var(--el-checkbox-button-checked-border-color);
  box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
}
.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
  background-color: var(--el-checkbox-button-disabled-checked-fill);
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-top-left-radius: var(--el-border-radius-base);
  border-bottom-left-radius: var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-top-right-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
}
.el-checkbox-button--large .el-checkbox-button__inner {
  padding: 12px 19px;
  font-size: var(--el-font-size-base);
  border-radius: 0;
}
.el-checkbox-button--large .el-checkbox-button__inner.is-round {
  padding: 12px 19px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 5px 11px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 5px 11px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-select-dialog__body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: 70vh;
  padding: 4px 2px;
  overflow-y: auto;
}
.zs-select-dialog__filter-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
}
.zs-select-dialog__filter-label {
  flex: 0 0 84px;
  padding-top: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--el-text-color-primary, #303133);
}
.zs-select-dialog__filter-group {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 8px;
}
.zs-select-dialog__search {
  display: flex;
  gap: 8px;
}
.zs-select-dialog__search :deep(.el-input) {
  flex: 1;
}
.zs-select-dialog__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 200px;
}
.zs-select-dialog__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.zs-select-dialog__row {
  display: block;
  padding: 6px 4px;
  border-radius: 6px;
}
.zs-select-dialog__items-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
}
.zs-select-dialog__item {
  width: 100%;
  margin-right: 0;
}
.zs-select-dialog__item :deep(.el-checkbox__label) {
  width: 100%;
}
.zs-select-dialog__item-label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.zs-select-dialog__pager {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.zs-select-dialog__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zs-select-dialog__count {
  font-size: 12px;
  color: var(--el-text-color-secondary, #606266);
}
.zs-select-dialog__actions {
  display: flex;
  gap: 8px;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
.zs-sparkline[data-v-684c10ea] {
  display: inline-block;
  vertical-align: middle;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
:root {
  --zs-brand: #176b67;
  --zs-brand-strong: #0d5754;
  --zs-accent: #0e7490;
  --zs-text: #172321;
  --zs-text-muted: #60706c;
  --zs-page: #f4f7f5;
  --zs-surface: #ffffff;
  --zs-surface-muted: #edf3f0;
  --zs-border: #dce5e1;
  --zs-success: #27845a;
  --zs-warning: #d97732;
  --zs-danger: #c94b45;
  --zs-reach: #c85a64;
  --zs-match: #d58a2f;
  --zs-safe: #27845a;
  --zs-focus: #0e7490;
  --zs-shadow-sm: 0 1px 2px rgb(23 35 33 / 6%), 0 8px 24px rgb(23 35 33 / 5%);
  --zs-radius-sm: 8px;
  --zs-radius-md: 12px;
  --zs-radius-lg: 16px;
  --zs-motion-fast: 120ms;
  --zs-motion-base: 180ms;
  --zs-motion-slow: 240ms;
  --zs-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

html.dark {
  --zs-brand: #5fc5bc;
  --zs-brand-strong: #8bd7d0;
  --zs-accent: #62c5dd;
  --zs-text: #edf8f5;
  --zs-text-muted: #abc0ba;
  --zs-page: #0d1716;
  --zs-surface: #142220;
  --zs-surface-muted: #1a2d2a;
  --zs-border: #29413d;
  --zs-focus: #79d7e8;
  --zs-shadow-sm: 0 1px 2px rgb(0 0 0 / 30%), 0 12px 32px rgb(0 0 0 / 18%);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
.zs-page-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.zs-page-title {
  margin: 0;
  color: var(--zs-text);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.zs-page-description {
  max-width: 720px;
  margin: 6px 0 0;
  color: var(--zs-text-muted);
  font-size: 14px;
  line-height: 1.6;
}

.zs-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: currentcolor;
}

.zs-tactile {
  border: 1px solid var(--zs-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 42%), var(--zs-surface);
  box-shadow: var(--zs-shadow-sm), inset 0 1px rgba(255, 255, 255, 0.07);
}

/* ===== ITableColumnPlus.display 富展示样式 ===== */
.zs-cell-display-tags {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  vertical-align: middle;
}

.zs-cell-display-progress {
  width: 100%;
  min-width: 80px;
}

.zs-cell-display-score {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.zs-cell-display-score__stars {
  display: inline-flex;
  margin-left: 6px;
  vertical-align: middle;
}

.zs-cell-display-trend {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.zs-cell-display-trend__icon {
  flex: none;
  font-size: 0.9em;
}

.zs-cell-display-trend__text {
  white-space: nowrap;
}

.zs-cell-display-trend.is-up {
  color: var(--zs-success);
}

.zs-cell-display-trend.is-down {
  color: var(--zs-danger);
}

.zs-cell-display-trend.is-zero {
  color: var(--zs-text-muted);
  font-weight: 500;
}

/* 在 ZsCardData 详情 dd 内允许标签换行，progress 占满宽度 */
.zs-card-data__field dd .zs-cell-display-tags,
.zs-card-data__field dd .zs-cell-display-progress {
  max-width: 100%;
}

.zs-card-data__field dd .zs-cell-display-tags {
  white-space: normal;
}

/* =====================================================================
 * Major Detail Peek · Editorial utility classes (Trust & Calm · Editorial)
 * 共享给 ZsEntityPeek (major 分支) 与 student-web (Major Detail Page)
 * ===================================================================== */
/* 学术院徽式 mark：方角 + 实线 + 内嵌虚线 + 底部 mono 副标 */
.zs-academic-mark {
  position: relative;
  display: grid;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  place-items: center;
  background: var(--zs-surface);
  border: 1.5px solid var(--zs-text);
  border-radius: 4px;
  color: var(--zs-text);
  font-family: var(--zs-font-display, "DM Serif Display", Georgia, serif);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
}

.zs-academic-mark::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px dashed var(--zs-border);
  border-radius: 2px;
  pointer-events: none;
}

.zs-academic-mark__caption {
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--zs-text-muted);
  font-family: var(--zs-font-mono, "DM Mono", "JetBrains Mono", Consolas, monospace);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* hero 来源条（mono 小字） */
.zs-source-strip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  background: var(--zs-surface-muted);
  border-radius: 4px;
  color: var(--zs-text-muted);
  font-family: var(--zs-font-mono, "DM Mono", "JetBrains Mono", Consolas, monospace);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.zs-source-strip::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--zs-success);
}

/* 细圆点分隔的 meta 行 */
.zs-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  align-items: center;
  color: var(--zs-text-muted);
  font-size: 12px;
}

.zs-meta-row > * + *::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 8px;
  border-radius: 999px;
  background: currentColor;
  vertical-align: middle;
  opacity: 0.5;
}

/* 编号式 tab 控件 */
.zs-numbered-tab {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 11px 0;
  border: 0;
  background: none;
  color: var(--zs-text-muted);
  cursor: pointer;
  white-space: nowrap;
  transition: color var(--zs-motion-base) var(--zs-ease), border-color var(--zs-motion-base) var(--zs-ease);
}

.zs-numbered-tab__index {
  font-family: var(--zs-font-mono, "DM Mono", "JetBrains Mono", Consolas, monospace);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.zs-numbered-tab__label {
  font-size: 13px;
  font-weight: 600;
}

.zs-numbered-tab.is-active {
  color: var(--zs-text);
  border-bottom: 2px solid var(--zs-text);
}

.zs-numbered-tab.is-active .zs-numbered-tab__label {
  font-weight: 700;
}

/* 通用节段标题 + mono 编号 */
.zs-section-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 10px;
}

.zs-section-head__index {
  font-family: var(--zs-font-mono, "DM Mono", "JetBrains Mono", Consolas, monospace);
  font-size: 11px;
  font-weight: 700;
  color: var(--zs-text-muted);
  letter-spacing: 0.08em;
}

.zs-section-head__title {
  font-family: var(--zs-font-display, "DM Serif Display", Georgia, serif);
  font-size: 16px;
  font-weight: 600;
  color: var(--zs-text);
  margin: 0;
}

.zs-section-head__caption {
  color: var(--zs-text-muted);
  font-size: 12px;
}

/* Editorial card 风格：细描边 + 极轻阴影 + 顶部色条 */
.zs-editorial-card {
  position: relative;
  background: var(--zs-surface);
  border: 1px solid var(--zs-border);
  border-radius: 8px;
  box-shadow: var(--zs-shadow-sm);
  overflow: hidden;
}

.zs-editorial-card--accent::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, var(--zs-brand) 0%, var(--zs-accent) 100%);
}

.zs-editorial-card__body {
  padding: 16px 18px;
}

.zs-editorial-card__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.zs-editorial-card__title {
  font-size: 14px;
  font-weight: 700;
  color: var(--zs-text);
  margin: 0;
}

.zs-editorial-card__caption {
  color: var(--zs-text-muted);
  font-size: 12px;
}

/* KPI strip（数字大、衬线字体） */
.zs-kpi-strip {
  display: grid;
  gap: 14px;
}

.zs-kpi-strip__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  background: var(--zs-surface-muted);
  border-radius: 6px;
}

.zs-kpi-strip__label {
  color: var(--zs-text-muted);
  font-size: 11px;
  letter-spacing: 0.02em;
}

.zs-kpi-strip__value {
  display: flex;
  align-items: baseline;
  gap: 6px;
  color: var(--zs-text);
  font-family: var(--zs-font-display, "DM Serif Display", Georgia, serif);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.zs-kpi-strip__unit {
  color: var(--zs-text-muted);
  font-family: var(--zs-font-sans);
  font-size: 12px;
}

.zs-kpi-strip__caption {
  color: var(--zs-text-muted);
  font-size: 11px;
}

/* Split bar：左 / 右两段填色 */
.zs-split-bar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  align-items: center;
}

.zs-split-bar__track {
  position: relative;
  height: 8px;
  background: var(--zs-surface-muted);
  border-radius: 999px;
  overflow: hidden;
}

.zs-split-bar__fill {
  position: absolute;
  top: 0;
  bottom: 0;
}

.zs-split-bar__fill--a {
  left: 0;
  background: linear-gradient(90deg, var(--zs-brand) 0%, color-mix(in srgb, var(--zs-brand) 70%, var(--zs-accent)) 100%);
}

.zs-split-bar__fill--b {
  background: linear-gradient(90deg, var(--zs-warning, #d97732) 0%, color-mix(in srgb, var(--zs-warning, #d97732) 70%, var(--zs-danger, #c94b45)) 100%);
}

.zs-split-bar__label {
  color: var(--zs-text-muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

/* 课程列表栅格 */
.zs-course-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}

.zs-course-grid__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: var(--zs-surface-muted);
  border-radius: 6px;
  color: var(--zs-text);
  font-size: 13px;
}

.zs-course-grid__num {
  font-family: var(--zs-font-mono, "DM Mono", "JetBrains Mono", Consolas, monospace);
  font-size: 11px;
  font-weight: 700;
  color: var(--zs-brand);
}

/* Tag chip 体系 */
.zs-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--zs-surface-muted);
  color: var(--zs-text);
  font-size: 11px;
  font-weight: 500;
}

.zs-chip--accent {
  background: color-mix(in srgb, var(--zs-brand) 12%, transparent);
  color: var(--zs-brand);
}

/* Data pill：info 灰阶 */
.zs-data-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--zs-text-secondary, #60706c);
  font-size: 12px;
  line-height: 1.5;
}

.zs-data-pill__label {
  color: var(--zs-text-muted);
}

.zs-data-pill__value {
  color: var(--zs-text);
  font-weight: 600;
}

/* KPI 大数字（用于右栏/侧栏） */
.zs-kpi-figure {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.zs-kpi-figure__value {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  color: var(--zs-text);
  font-family: var(--zs-font-display, "DM Serif Display", Georgia, serif);
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.zs-kpi-figure__unit {
  color: var(--zs-text-muted);
  font-family: var(--zs-font-sans);
  font-size: 12px;
}

.zs-kpi-figure__label {
  color: var(--zs-text-muted);
  font-size: 11px;
}

/* 区块灰底小标题 */
.zs-block-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 8px;
}

.zs-block-head__title {
  font-size: 13px;
  font-weight: 700;
  color: var(--zs-text);
  margin: 0;
}

.zs-block-head__hint {
  color: var(--zs-text-muted);
  font-size: 11px;
}

/* 引用块（权威背书） */
.zs-quote {
  margin: 8px 0 0;
  padding: 10px 14px 10px 14px;
  border-left: 2px solid var(--zs-brand);
  background: color-mix(in srgb, var(--zs-brand) 6%, transparent);
  color: var(--zs-text);
  font-family: var(--zs-font-display, "DM Serif Display", Georgia, serif);
  font-size: 13px;
  line-height: 1.7;
  border-radius: 0 4px 4px 0;
}

/* 表格增强（分数线 / 院校） */
.zs-data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.zs-data-table th {
  text-align: left;
  padding: 10px 12px;
  color: var(--zs-text-muted);
  background: var(--zs-surface-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--zs-border);
}

.zs-data-table td {
  padding: 12px;
  border-bottom: 1px solid var(--zs-border);
  color: var(--zs-text);
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
}

.zs-data-table tr {
  transition: background var(--zs-motion-fast) var(--zs-ease);
}

.zs-data-table tr:hover td {
  background: color-mix(in srgb, var(--zs-brand) 3%, transparent);
}

.zs-data-table tr:hover td:first-child {
  box-shadow: inset 2px 0 0 var(--zs-brand);
}

.zs-data-table .zs-data-table__num {
  text-align: right;
}

.zs-data-table .zs-data-table__num--hot {
  color: var(--zs-success, #27845a);
  font-weight: 700;
}

.zs-data-table .zs-data-table__num--mid {
  color: var(--zs-text);
  font-weight: 600;
}

.zs-data-table .zs-data-table__num--cold {
  color: var(--zs-text-muted);
  font-weight: 500;
}

/* 省份 mini-bar */
.zs-province-strip {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  background: var(--zs-surface-muted);
  border-radius: 6px;
}

.zs-province-strip__row {
  display: grid;
  grid-template-columns: 60px 1fr auto;
  gap: 10px;
  align-items: center;
}

.zs-province-strip__name {
  font-size: 12px;
  color: var(--zs-text);
}

.zs-province-strip__cells {
  display: flex;
  gap: 2px;
  height: 8px;
}

.zs-province-strip__cell {
  flex: 1;
  border-radius: 1px;
  background: var(--zs-brand);
  transition: filter var(--zs-motion-fast) var(--zs-ease);
  cursor: pointer;
}

.zs-province-strip__cell--1 {
  opacity: 1;
}

.zs-province-strip__cell--2 {
  opacity: 0.6;
}

.zs-province-strip__cell--3 {
  opacity: 0.3;
}

.zs-province-strip__cell--4 {
  opacity: 0.15;
}

.zs-province-strip__cell:hover {
  filter: brightness(1.1);
}

.zs-province-strip__val {
  font-size: 11px;
  color: var(--zs-text-muted);
  font-variant-numeric: tabular-nums;
}

/* 相似专业网格 */
.zs-similar-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.zs-similar-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 10px;
  background: transparent;
  border: 1px solid var(--zs-border);
  border-radius: 6px;
  text-align: left;
  cursor: pointer;
  transition: border-color var(--zs-motion-base) var(--zs-ease), background var(--zs-motion-base) var(--zs-ease), transform var(--zs-motion-base) var(--zs-ease);
  overflow: hidden;
}

.zs-similar-card:hover {
  border-color: var(--zs-brand);
  background: var(--zs-surface);
  transform: translateY(-1px);
}

.zs-similar-card__mark {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  background: var(--zs-surface-muted);
  color: var(--zs-brand);
  border-radius: 6px;
  font-family: var(--zs-font-display, "DM Serif Display", Georgia, serif);
  font-weight: 600;
  font-size: 14px;
}

.zs-similar-card__name {
  font-size: 13px;
  font-weight: 600;
  color: var(--zs-text);
  margin: 0;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.zs-similar-card__meta {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-top: 2px;
  color: var(--zs-text-muted);
  font-size: 11px;
}

.zs-similar-card__salary {
  margin-top: 4px;
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: var(--zs-brand);
  font-family: var(--zs-font-display, "DM Serif Display", Georgia, serif);
  font-size: 18px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.zs-similar-card__salary-unit {
  color: var(--zs-text-muted);
  font-family: var(--zs-font-sans);
  font-size: 10px;
}

.zs-similar-card__hint {
  position: absolute;
  inset: auto 8px 6px auto;
  padding: 2px 6px;
  background: color-mix(in srgb, var(--zs-brand) 12%, transparent);
  color: var(--zs-brand);
  border-radius: 3px;
  font-size: 10px;
  opacity: 0;
  transition: opacity var(--zs-motion-base) var(--zs-ease);
  pointer-events: none;
}

.zs-similar-card:hover .zs-similar-card__hint {
  opacity: 1;
}

/* Major panel 主从分栏 */
.zs-major-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 38%);
  gap: 16px;
  align-items: start;
}

@media (max-width: 880px) {
  .zs-major-grid {
    grid-template-columns: 1fr;
  }
}
/* hero 容器 */
.zs-major-hero {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 26px 28px;
  background: var(--zs-surface);
  border: 1px solid var(--zs-border);
  border-radius: 10px;
  box-shadow: var(--zs-shadow-sm);
  position: relative;
}

.zs-major-hero__body {
  min-width: 0;
  flex: 1;
  padding-bottom: 16px;
}

.zs-major-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--zs-brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.zs-major-hero__title {
  margin: 6px 0 10px;
  color: var(--zs-text);
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.zs-major-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.zs-major-hero__actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  padding-bottom: 16px;
}

/* 通用按钮 */
.zs-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border: 1px solid;
  border-radius: 6px;
  background: var(--zs-surface);
  color: var(--zs-text);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--zs-motion-base) var(--zs-ease);
}

.zs-btn--icon {
  padding: 7px;
  width: 32px;
  height: 32px;
  justify-content: center;
}

.zs-btn--ghost {
  border-color: var(--zs-border);
  background: var(--zs-surface);
  color: var(--zs-text-secondary, #60706c);
}

.zs-btn--ghost:hover {
  border-color: var(--zs-text);
  color: var(--zs-text);
}

.zs-btn--primary {
  background: var(--zs-brand);
  border-color: var(--zs-brand);
  color: var(--zs-brand-on, #fff);
}

.zs-btn--primary:hover {
  background: var(--zs-brand-strong);
  border-color: var(--zs-brand-strong);
}

/* chart header strip */
.zs-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px dashed var(--zs-border);
}

.zs-chart-head__left {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.zs-chart-head__index {
  font-family: var(--zs-font-mono, "DM Mono", "JetBrains Mono", Consolas, monospace);
  font-size: 11px;
  font-weight: 700;
  color: var(--zs-text-muted);
  letter-spacing: 0.06em;
}

.zs-chart-head__title {
  margin: 0;
  font-family: var(--zs-font-display, "DM Serif Display", Georgia, serif);
  font-size: 16px;
  font-weight: 600;
  color: var(--zs-text);
}

.zs-chart-head__toggles {
  display: inline-flex;
  gap: 0;
  border: 1px solid var(--zs-border);
  border-radius: 4px;
  overflow: hidden;
}

.zs-chart-head__toggle {
  padding: 3px 8px;
  background: var(--zs-surface);
  border: 0;
  color: var(--zs-text-muted);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  border-right: 1px solid var(--zs-border);
}

.zs-chart-head__toggle:last-child {
  border-right: 0;
}

.zs-chart-head__toggle.is-active {
  background: var(--zs-text);
  color: var(--zs-surface);
}

/* 解读小段（叙事感） */
.zs-insight {
  margin-top: 8px;
  padding: 6px 0;
  color: var(--zs-text-secondary, #60706c);
  font-size: 12px;
  line-height: 1.6;
}

.zs-insight::before {
  content: "INSIGHT · ";
  font-family: var(--zs-font-mono, "DM Mono", "JetBrains Mono", Consolas, monospace);
  font-weight: 700;
  color: var(--zs-brand);
  letter-spacing: 0.04em;
  margin-right: 4px;
}

/* 工具：用于状态/对比行 */
.zs-state-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px 16px;
  color: var(--zs-text-muted);
  font-size: 13px;
  text-align: center;
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 一分一段（yfyd）样式 token
* 与 yfyd.md §1 设计 token 完全对齐。
* 通过 :root CSS 变量 + BEM class 方式提供；跨项目可直接使用。
*/
:root {
  /* 颜色 */
  --yfyd-text-primary: #222222;
  --yfyd-text-secondary: #666666;
  --yfyd-text-tertiary: #999999;
  --yfyd-brand: #0011ff;
  --yfyd-brand-line: #9fbeff;
  --yfyd-brand-line-soft: rgba(159, 190, 255, 0.18);
  --yfyd-mark-line: #cccccc;
  --yfyd-border: #f3f3f5;
  --yfyd-border-strong: rgba(34, 34, 34, 0.06);
  --yfyd-bg: #ffffff;
  --yfyd-btn-primary-bg: #222222;
  --yfyd-btn-primary-text: #ffffff;
  /* 字体 */
  --yfyd-font-size-xs: 12px;
  --yfyd-font-size-sm: 14px;
  --yfyd-font-size-md: 16px;
  --yfyd-font-size-lg: 18px;
  --yfyd-line-height-tight: 22px;
  --yfyd-line-height-title: 26px;
  /* 间距 / 圆角 / 边框 */
  --yfyd-radius-sm: 6px;
  --yfyd-radius-md: 8px;
  --yfyd-radius-lg: 12px;
  --yfyd-border-thin: 1px solid var(--yfyd-border);
  --yfyd-border-input: 1px solid rgba(34, 34, 34, 0.06);
  /* 容器 */
  --yfyd-card-padding: 0 20px 20px;
  --yfyd-search-padding: 20px 0 16px;
  --yfyd-info-padding: 20px 16px;
  --yfyd-history-padding: 12px;
  --yfyd-table-title-padding: 20px 8px 15px;
  --yfyd-table-row-padding: 15px 8px;
  --yfyd-tag-padding: 2px 12px;
  --yfyd-table-row-height: 53px;
  --yfyd-tab-height: 45px;
  --yfyd-filter-row-height: 32px;
}

/* dark 主题适配（teacher 端 html.dark 切换） */
html.dark {
  --yfyd-text-primary: #edf8f5;
  --yfyd-text-secondary: #abc0ba;
  --yfyd-text-tertiary: #7a8a87;
  --yfyd-brand: #5b8aff;
  --yfyd-brand-line: #4a6dbf;
  --yfyd-brand-line-soft: rgba(91, 138, 255, 0.2);
  --yfyd-mark-line: #2a3d3a;
  --yfyd-border: #1f2e2c;
  --yfyd-border-strong: rgba(237, 248, 245, 0.08);
  --yfyd-bg: #142220;
  --yfyd-btn-primary-bg: #edf8f5;
  --yfyd-btn-primary-text: #142220;
}

/* 主卡片骨架 */
.yfyd-page {
  color: var(--yfyd-text-primary);
  font-size: var(--yfyd-font-size-sm);
  line-height: var(--yfyd-line-height-tight);
  background: var(--yfyd-bg);
  padding: 16px 24px 80px;
}

.yfyd-page__title {
  font-size: var(--yfyd-font-size-lg);
  font-weight: 700;
  line-height: var(--yfyd-line-height-title);
  color: var(--yfyd-text-primary);
  padding: 4px 0 16px;
}

.yfyd-card {
  background: var(--yfyd-bg);
  border: var(--yfyd-border-thin);
  border-radius: var(--yfyd-radius-md);
  padding: var(--yfyd-card-padding);
}

/* 搜索条 */
.yfyd-search {
  padding: var(--yfyd-search-padding);
}

.yfyd-search__form {
  display: flex;
  align-items: center;
  background: var(--yfyd-bg);
  border: var(--yfyd-border-input);
  border-radius: var(--yfyd-radius-md);
  padding: 2px 4px;
  height: 40px;
  width: 359px;
  transition: border-color 0.2s;
}
.yfyd-search__form:focus-within {
  border-color: var(--yfyd-brand);
}

.yfyd-search__input {
  flex: 1;
  min-width: 0;
  --el-input-bg-color: transparent;
  --el-input-border-color: transparent;
  --el-input-hover-border-color: transparent;
  --el-input-focus-border-color: transparent;
  --el-input-text-color: var(--yfyd-text-primary);
  --el-input-placeholder-color: var(--yfyd-text-tertiary);
  --el-input-height: 34px;
  --el-input-font-size: var(--yfyd-font-size-md);
}
.yfyd-search__input :deep(.el-input__wrapper) {
  background: transparent;
  box-shadow: none;
  padding: 0 6px;
}
.yfyd-search__input :deep(.el-input__inner) {
  color: var(--yfyd-text-primary);
  font-family: inherit;
}

.yfyd-search__btn {
  height: 32px;
  width: 52px;
  padding: 0;
  font-size: var(--yfyd-font-size-sm);
  font-weight: 400;
  border-radius: var(--yfyd-radius-sm);
  background: var(--yfyd-btn-primary-bg);
  border-color: var(--yfyd-btn-primary-bg);
  color: var(--yfyd-btn-primary-text);
  transition: background-color 0.2s, border-color 0.2s;
}
.yfyd-search__btn:hover, .yfyd-search__btn:focus {
  background: var(--yfyd-btn-primary-bg);
  border-color: var(--yfyd-btn-primary-bg);
  color: var(--yfyd-btn-primary-text);
  opacity: 0.85;
}
.yfyd-search__btn:active {
  opacity: 1;
}

/* 筛选区 */
.yfyd-filters {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.yfyd-filter {
  display: flex;
  align-items: center;
  padding: 0;
}

.yfyd-filter__label {
  width: 72px;
  font-size: var(--yfyd-font-size-sm);
  font-weight: 500;
  line-height: var(--yfyd-filter-row-height);
  color: var(--yfyd-text-primary);
  flex-shrink: 0;
}

.yfyd-filter__content {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
  overflow: visible;
}

.yfyd-filter__content--expanded {
  max-height: none;
  overflow: visible;
}

/* 筛选 tag */
.yfyd-tag {
  display: block;
  height: var(--yfyd-filter-row-height);
  line-height: 28px;
  padding: var(--yfyd-tag-padding);
  font-size: var(--yfyd-font-size-sm);
  color: var(--yfyd-text-primary);
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  user-select: none;
  border-radius: 0;
}
.yfyd-tag:hover {
  background: var(--yfyd-border);
}

.yfyd-tag--active {
  color: var(--yfyd-brand);
}

/* 所在地区 / 年份 / 科目 chip：与省控线 pl-chip 对齐（胶囊 + 品牌色填充）。
 * 仅挂在 .yfyd-filter--zs 节点下；批次行未挂此 class，沿用上方 yfyd-tag 矩形样式。
 * 显式声明 sans-serif 字体栈，跳过 .yfyd-page 的 PingFangSC，避免与 pl-chip 视觉重量不一致。 */
.yfyd-filter--zs .yfyd-tag {
  display: inline-block;
  height: auto;
  padding: 2px 12px;
  border-radius: 8px;
  background: transparent;
  color: var(--zs-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  transition: background-color 200ms;
}
.yfyd-filter--zs .yfyd-tag:hover {
  background: color-mix(in srgb, var(--zs-text) 4%, transparent);
}
.yfyd-filter--zs .yfyd-tag--active {
  color: var(--zs-page);
  background: var(--zs-brand);
}
.yfyd-filter--zs .yfyd-tag--active:hover {
  background: var(--zs-brand);
}

/* 图表卡片 */
.yfyd-chart {
  margin-top: 24px;
}

.yfyd-chart__info {
  display: flex;
  align-items: center;
  gap: 0 24px;
  padding: var(--yfyd-info-padding);
  border-radius: var(--yfyd-radius-lg);
}

.yfyd-chart__info-cell {
  display: flex;
  align-items: baseline;
  gap: 0 4px;
}

.yfyd-chart__info-label {
  font-size: var(--yfyd-font-size-sm);
  font-weight: 400;
  color: var(--yfyd-text-secondary);
}

.yfyd-chart__info-value {
  font-size: var(--yfyd-font-size-sm);
  font-weight: 700;
  color: var(--yfyd-text-primary);
}

.yfyd-chart__rank-tip {
  margin-left: auto;
  font-size: var(--yfyd-font-size-xs);
  line-height: 18px;
  color: var(--yfyd-text-tertiary);
}

.yfyd-chart__canvas {
  position: relative;
  height: 340px;
}

.yfyd-chart__canvas-main {
  width: 982px;
  height: 320px;
}

.yfyd-chart__tooltips-info {
  position: absolute;
  pointer-events: none;
}

.yfyd-chart__history {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 12px;
}

/* history 卡片 */
.yfyd-history {
  background: var(--yfyd-bg);
  border: var(--yfyd-border-input);
  border-radius: var(--yfyd-radius-md);
  padding: var(--yfyd-history-padding);
  height: 76px;
}

.yfyd-history__title {
  font-size: var(--yfyd-font-size-sm);
  font-weight: 600;
  color: var(--yfyd-text-primary);
  display: flex;
  align-items: baseline;
  gap: 0 4px;
}

.yfyd-history__title-year {
  font-weight: 400;
  color: var(--yfyd-text-secondary);
  font-size: var(--yfyd-font-size-sm);
}

.yfyd-history__sub {
  margin-top: 8px;
  font-size: var(--yfyd-font-size-sm);
  font-weight: 400;
  color: var(--yfyd-text-secondary);
}

/* 全部分数段标题 */
.yfyd-section-title {
  margin: 40px 0 8px;
  font-size: var(--yfyd-font-size-lg);
  font-weight: 500;
  line-height: var(--yfyd-line-height-title);
  color: var(--yfyd-text-primary);
}

/* tabs */
.yfyd-tabs {
  background: var(--yfyd-bg);
}

.yfyd-tabs__head {
  display: flex;
  height: var(--yfyd-tab-height);
  background: var(--yfyd-bg);
}

.yfyd-tabs__tab {
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: var(--yfyd-tab-height);
  font-size: var(--yfyd-font-size-sm);
  font-weight: 400;
  color: var(--yfyd-text-primary);
  cursor: pointer;
  position: relative;
  user-select: none;
  transition: color 0.2s;
}

.yfyd-tabs__tab--active {
  font-weight: 600;
  color: var(--yfyd-text-primary);
}

.yfyd-tabs__tab--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 2px;
  background: var(--yfyd-brand);
}

/* 表格 */
.yfyd-table__title {
  display: flex;
  padding: var(--yfyd-table-title-padding);
  color: var(--yfyd-text-secondary);
  font-size: var(--yfyd-font-size-sm);
  font-weight: 400;
}

.yfyd-table__title > div {
  flex: 0 0 39.88%;
}
.yfyd-table__title > div:last-child {
  flex: 0 0 18.74%;
}

.yfyd-table__row {
  display: flex;
  padding: var(--yfyd-table-row-padding);
  border-top: var(--yfyd-border-thin);
  color: var(--yfyd-text-primary);
  font-size: var(--yfyd-font-size-sm);
  font-weight: 400;
  min-height: var(--yfyd-table-row-height);
  align-items: center;
}

.yfyd-table__row > div {
  flex: 0 0 39.88%;
}
.yfyd-table__row > div:last-child {
  flex: 0 0 18.74%;
}

.yfyd-table__empty {
  padding: 24px 8px;
  text-align: center;
  color: var(--yfyd-text-tertiary);
  font-size: var(--yfyd-font-size-sm);
}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 *//*
Please read: https://github.com/unocss/unocss/blob/main/packages-presets/reset/tailwind-compat.md
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS.
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  /* Will affect the button style of most component libraries, so disable it */
  /* https://github.com/unocss/unocss/issues/2127 */
  /* background-color: transparent; !* 2 *! */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/*
Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.i-carbon-add{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17 15V8h-2v7H8v2h7v7h2v-7h7v-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-add-alt{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 4c6.6 0 12 5.4 12 12s-5.4 12-12 12S4 22.6 4 16S9.4 4 16 4m0-2C8.3 2 2 8.3 2 16s6.3 14 14 14s14-6.3 14-14S23.7 2 16 2'/%3E%3Cpath fill='currentColor' d='M24 15h-7V8h-2v7H8v2h7v7h2v-7h7z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-ai-generate{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 22v-2h1v-7h-1v-2h4v2h-1v7h1v2zm-3.5 0h2L14 11h-3L7.503 22h2l.601-2h4.778zm-4.794-4l1.628-5.411l.256-.003L14.264 18zM32 4h-4V0h-2v4h-4v2h4v4h2V6h4zm-2 8h2v2h-2zM18 0h2v2h-2z'/%3E%3Cpath fill='currentColor' d='M32 32H0V0h14v2H2v28h28V18h2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-arrow-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m14 26l1.41-1.41L7.83 17H28v-2H7.83l7.58-7.59L14 6L4 16z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-arrow-right,[i-carbon-arrow-right=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m18 6l-1.43 1.393L24.15 15H4v2h20.15l-7.58 7.573L18 26l10-10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-arrow-shift-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M23 6v10h5a1 1 0 0 1 .707 1.707l-12 12a1 1 0 0 1-1.414 0l-12-12A1 1 0 0 1 4 16h5V6a2 2 0 0 1 2-2h10a2.003 2.003 0 0 1 2 2m-7 21.586L25.586 18H21V6H11v12H6.414Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-bookmark{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M24 4v22.75l-7.1-3.59l-.9-.45l-.9.45L8 26.75V4zm0-2H8a2 2 0 0 0-2 2v26l10-5l10 5V4a2 2 0 0 0-2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-building{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M28 2H16a2 2 0 0 0-2 2v10H4a2 2 0 0 0-2 2v14h28V4a2 2 0 0 0-2-2M9 28v-7h4v7Zm19 0H15v-8a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v8H4V16h12V4h12Z'/%3E%3Cpath fill='currentColor' d='M18 8h2v2h-2zm6 0h2v2h-2zm-6 6h2v2h-2zm6 0h2v2h-2zm-6 6h2v2h-2zm6 0h2v2h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-catalog{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M26 2H8a2 2 0 0 0-2 2v4H4v2h2v5H4v2h2v5H4v2h2v4a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2m0 26H8v-4h2v-2H8v-5h2v-2H8v-5h2V8H8V4h18Z'/%3E%3Cpath fill='currentColor' d='M14 8h8v2h-8zm0 7h8v2h-8zm0 7h8v2h-8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-category{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M27 22.141V18a2 2 0 0 0-2-2h-8v-4h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2v4H7a2 2 0 0 0-2 2v4.142a4 4 0 1 0 2 0V18h8v4.142a4 4 0 1 0 2 0V18h8v4.141a4 4 0 1 0 2 0M13 4h6l.001 6H13ZM8 26a2 2 0 1 1-2-2a2 2 0 0 1 2 2m10 0a2 2 0 1 1-2-2a2.003 2.003 0 0 1 2 2m8 2a2 2 0 1 1 2-2a2 2 0 0 1-2 2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-chart-evaluation{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m25.586 8l3-3L30 6.411l-3 3.001zM16 20.5l-5-4.961l1.59-1.57l3.41 3.38L23.41 10L25 11.579z'/%3E%3Cpath fill='currentColor' d='M4 28v-2.587L10.414 19L9 17.585l-5 5V2H2v26a2 2 0 0 0 2 2h26v-2Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-chart-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m4.67 28l6.39-12l7.3 6.49a2 2 0 0 0 1.7.47a2 2 0 0 0 1.42-1.07L27 10.9l-1.82-.9l-5.49 11l-7.3-6.49a2 2 0 0 0-1.68-.51a2 2 0 0 0-1.42 1L4 25V2H2v26a2 2 0 0 0 2 2h26v-2Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-chart-radial,[i-carbon-chart-radial=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 30A14.016 14.016 0 0 1 2 16h2A12 12 0 1 0 16 4V2a14 14 0 0 1 0 28'/%3E%3Cpath fill='currentColor' d='M16 26A10.01 10.01 0 0 1 6 16h2a8 8 0 1 0 8-8V6a10 10 0 0 1 0 20'/%3E%3Cpath fill='currentColor' d='M16 22a6.007 6.007 0 0 1-6-6h2a4 4 0 1 0 4-4v-2a6 6 0 0 1 0 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-checkmark{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m13 24l-9-9l1.414-1.414L13 21.171L26.586 7.586L28 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-checkmark-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m14 21.414l-5-5.001L10.413 15L14 18.586L21.585 11L23 12.415z'/%3E%3Cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 26a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-chevron-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M22 16L12 26l-1.4-1.4l8.6-8.6l-8.6-8.6L12 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-circle-dash{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.7 4.7a14.7 14.7 0 0 0-3 3.1L6.3 9a13.3 13.3 0 0 1 2.6-2.7Zm-3.1 7.6l-1.9-.6A12.5 12.5 0 0 0 2 16h2a11.5 11.5 0 0 1 .6-3.7m-1.9 8.1a14.4 14.4 0 0 0 2 3.9l1.6-1.2a12.9 12.9 0 0 1-1.7-3.3Zm5.1 6.9a14.4 14.4 0 0 0 3.9 2l.6-1.9A12.9 12.9 0 0 1 9 25.7Zm3.9-24.6l.6 1.9A11.5 11.5 0 0 1 16 4V2a12.5 12.5 0 0 0-4.3.7m12.5 24.6a15.2 15.2 0 0 0 3.1-3.1L25.7 23a11.5 11.5 0 0 1-2.7 2.7Zm3.2-7.6l1.9.6A15.5 15.5 0 0 0 30 16h-2a11.5 11.5 0 0 1-.6 3.7m1.8-8.1a14.4 14.4 0 0 0-2-3.9l-1.6 1.2a12.9 12.9 0 0 1 1.7 3.3Zm-5.1-7a14.4 14.4 0 0 0-3.9-2l-.6 1.9a12.9 12.9 0 0 1 3.3 1.7Zm-3.8 24.7l-.6-1.9a11.5 11.5 0 0 1-3.7.6v2a21.4 21.4 0 0 0 4.3-.7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.414 16L24 9.414L22.586 8L16 14.586L9.414 8L8 9.414L14.586 16L8 22.586L9.414 24L16 17.414L22.586 24L24 22.586z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-document{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m25.7 9.3l-7-7c-.2-.2-.4-.3-.7-.3H8c-1.1 0-2 .9-2 2v24c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V10c0-.3-.1-.5-.3-.7M18 4.4l5.6 5.6H18zM24 28H8V4h8v6c0 1.1.9 2 2 2h6z'/%3E%3Cpath fill='currentColor' d='M10 22h12v2H10zm0-6h12v2H10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-document-multiple-02,[i-carbon-document-multiple-02=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M18 31H6c-1.1 0-2-.9-2-2V12h2v17h12z'/%3E%3Cpath fill='currentColor' d='M22 27H10c-1.1 0-2-.9-2-2V8h2v17h12z'/%3E%3Cpath fill='currentColor' d='M16 16h8v2h-8z'/%3E%3Cpath fill='currentColor' d='m27.7 9.3l-7-7c-.2-.2-.4-.3-.7-.3h-6c-1.1 0-2 .9-2 2v17c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-.3-.1-.5-.3-.7M20 4.4l5.6 5.6H20zM26 21H14V4h4v6c0 1.1.9 2 2 2h6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-edit{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M2 26h28v2H2zM25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4zm-5-5L24 7.6l-3 3L17.4 7zM6 22v-3.6l10-10l3.6 3.6l-10 10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-flow{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M27 22.14V17a2 2 0 0 0-2-2h-8V9.86a4 4 0 1 0-2 0V15H7a2 2 0 0 0-2 2v5.14a4 4 0 1 0 2 0V17h18v5.14a4 4 0 1 0 2 0M8 26a2 2 0 1 1-2-2a2 2 0 0 1 2 2m6-20a2 2 0 1 1 2 2a2 2 0 0 1-2-2m12 22a2 2 0 1 1 2-2a2 2 0 0 1-2 2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-grid,[i-carbon-grid=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 4H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 8H6V6h6Zm14-8h-6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 8h-6V6h6Zm-14 6H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2m0 8H6v-6h6Zm14-8h-6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2m0 8h-6v-6h6Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-health-cross{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 28h-6a2 2 0 0 1-2-2v-5H6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h5V6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v5h5a2 2 0 0 1 2 2v6a2.003 2.003 0 0 1-2 2h-5v5a2.003 2.003 0 0 1-2 2M6 13v6h7v7h6v-7h7v-6h-7V6h-6v7Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-list{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10 6h18v2H10zm0 18h18v2H10zm0-9h18v2H10zm-6 0h2v2H4zm0-9h2v2H4zm0 18h2v2H4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-location{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 18a5 5 0 1 1 5-5a5.006 5.006 0 0 1-5 5m0-8a3 3 0 1 0 3 3a3.003 3.003 0 0 0-3-3'/%3E%3Cpath fill='currentColor' d='m16 30l-8.436-9.949a35 35 0 0 1-.348-.451A10.9 10.9 0 0 1 5 13a11 11 0 0 1 22 0a10.9 10.9 0 0 1-2.215 6.597l-.001.003s-.3.394-.345.447ZM8.813 18.395s.233.308.286.374L16 26.908l6.91-8.15c.044-.055.278-.365.279-.366A8.9 8.9 0 0 0 25 13a9 9 0 1 0-18 0a8.9 8.9 0 0 0 1.813 5.395'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-locked{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M24 14h-2V8a6 6 0 0 0-12 0v6H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2M12 8a4 4 0 0 1 8 0v6h-8Zm12 20H8V16h16Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-logout{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6 30h12a2 2 0 0 0 2-2v-3h-2v3H6V4h12v3h2V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v24a2 2 0 0 0 2 2'/%3E%3Cpath fill='currentColor' d='M20.586 20.586L24.172 17H10v-2h14.172l-3.586-3.586L22 10l6 6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-magic-wand-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M29.414 24L12 6.586a2.05 2.05 0 0 0-2.828 0L6.586 9.172a2 2 0 0 0 0 2.828l17.413 17.414a2 2 0 0 0 2.828 0l2.587-2.586a2 2 0 0 0 0-2.828M8 10.586L10.586 8l5 5l-2.587 2.587zM2 16l2-2l2 2l-2 2zM14 4l2-2l2 2l-2 2zM2 4l2-2l2 2l-2 2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-receipt,[i-carbon-receipt=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 16h2v2h-2zM9 16h8v2H9zm12-4h2v2h-2zM9 12h8v2H9zm0-4h14v2H9z'/%3E%3Cpath fill='currentColor' d='M25 2H7a2 2 0 0 0-2 2v25a1 1 0 0 0 1 1h1a1 1 0 0 0 .8-.4l2.2-2.933l2.2 2.933a1.035 1.035 0 0 0 1.6 0l2.2-2.933l2.2 2.933a1.035 1.035 0 0 0 1.6 0l2.2-2.933l2.2 2.933a1 1 0 0 0 .8.4h1a1 1 0 0 0 1-1V4a2 2 0 0 0-2-2m0 25.333L22.8 24.4a1.035 1.035 0 0 0-1.6 0L19 27.333L16.8 24.4a1.035 1.035 0 0 0-1.6 0L13 27.333L10.8 24.4a1.035 1.035 0 0 0-1.6 0L7 27.333V4h18Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-save{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m27.71 9.29l-5-5A1 1 0 0 0 22 4H6a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V10a1 1 0 0 0-.29-.71M12 6h8v4h-8Zm8 20h-8v-8h8Zm2 0v-8a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8H6V6h4v4a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6.41l4 4V26Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-search{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m29 27.586l-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9a9.01 9.01 0 0 1-9-9'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-send-alt{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M27.71 4.29a1 1 0 0 0-1.05-.23l-22 8a1 1 0 0 0 0 1.87l9.6 3.84l3.84 9.6a1 1 0 0 0 .9.63a1 1 0 0 0 .92-.66l8-22a1 1 0 0 0-.21-1.05M19 24.2l-2.79-7L21 12.41L19.59 11l-4.83 4.83L7.8 13l17.53-6.33Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-star{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m16 6.52l2.76 5.58l.46 1l1 .15l6.16.89l-4.38 4.3l-.75.73l.18 1l1.05 6.13l-5.51-2.89L16 23l-.93.49l-5.51 2.85l1-6.13l.18-1l-.74-.77l-4.42-4.35l6.16-.89l1-.15l.46-1zM16 2l-4.55 9.22l-10.17 1.47l7.36 7.18L6.9 30l9.1-4.78L25.1 30l-1.74-10.13l7.36-7.17l-10.17-1.48Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-star-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m16 2l-4.55 9.22l-10.17 1.47l7.36 7.18L6.9 30l9.1-4.78L25.1 30l-1.74-10.13l7.36-7.17l-10.17-1.48Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-time{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 30a14 14 0 1 1 14-14a14 14 0 0 1-14 14m0-26a12 12 0 1 0 12 12A12 12 0 0 0 16 4'/%3E%3Cpath fill='currentColor' d='M20.59 22L15 16.41V7h2v8.58l5 5.01z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-trash-can{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 12h2v12h-2zm6 0h2v12h-2z'/%3E%3Cpath fill='currentColor' d='M4 6v2h2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h2V6Zm4 22V8h16v20Zm4-26h8v2h-8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m6 18l1.41 1.41L15 11.83V30h2V11.83l7.59 7.58L26 18L16 8zM6 8V4h20v4h2V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-user-avatar{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 8a5 5 0 1 0 5 5a5 5 0 0 0-5-5m0 8a3 3 0 1 1 3-3a3.003 3.003 0 0 1-3 3'/%3E%3Cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14.016 14.016 0 0 0 16 2m-6 24.377V25a3.003 3.003 0 0 1 3-3h6a3.003 3.003 0 0 1 3 3v1.377a11.9 11.9 0 0 1-12 0m13.993-1.451A5 5 0 0 0 19 20h-6a5 5 0 0 0-4.992 4.926a12 12 0 1 1 15.985 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-user-profile{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 4a5 5 0 1 1-5 5a5 5 0 0 1 5-5m0-2a7 7 0 1 0 7 7a7 7 0 0 0-7-7m10 28h-2v-5a5 5 0 0 0-5-5H9a5 5 0 0 0-5 5v5H2v-5a7 7 0 0 1 7-7h6a7 7 0 0 1 7 7Zm0-26h10v2H22zm0 5h10v2H22zm0 5h7v2h-7z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-view{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M30.94 15.66A16.69 16.69 0 0 0 16 5A16.69 16.69 0 0 0 1.06 15.66a1 1 0 0 0 0 .68A16.69 16.69 0 0 0 16 27a16.69 16.69 0 0 0 14.94-10.66a1 1 0 0 0 0-.68M16 25c-5.3 0-10.9-3.93-12.93-9C5.1 10.93 10.7 7 16 7s10.9 3.93 12.93 9C26.9 21.07 21.3 25 16 25'/%3E%3Cpath fill='currentColor' d='M16 10a6 6 0 1 0 6 6a6 6 0 0 0-6-6m0 10a4 4 0 1 1 4-4a4 4 0 0 1-4 4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.i-carbon-warning{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 26a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3Cpath fill='currentColor' d='M15 8h2v11h-2zm1 14a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 22'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em;}.container{width:100%;}.btn{display:inline-block;cursor:pointer;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(15 118 110 / var(--un-bg-opacity));padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}.btn:disabled{cursor:default;--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity));opacity:0.5;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.visible{visibility:visible;}.absolute,[absolute=""]{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.-top-5{top:-1.25rem;}.bottom-0{bottom:0;}.left-0{left:0;}.left-1\/2{left:50%;}.right-0{right:0;}[top~="\36 vh"]{top:6vh;}.grid{display:grid;}.inline-grid{display:inline-grid;}.grid-cols-\[48px_1fr\]\!{grid-template-columns:48px 1fr !important;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}[rows~="\31 "]{grid-template-rows:repeat(1,minmax(0,1fr));}[rows~="\34 "]{grid-template-rows:repeat(4,minmax(0,1fr));}.mb-3{margin-bottom:0.75rem;}.mb-5{margin-bottom:1.25rem;}.ml-2{margin-left:0.5rem;}.ml-3{margin-left:0.75rem;}.mr-1{margin-right:0.25rem;}.mt-1{margin-top:0.25rem;}.mt-2{margin-top:0.5rem;}.mt-5{margin-top:1.25rem;}[ms=""]{margin-inline-start:1rem;}.inline,[inline=""]{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}[size~="\31 280"]{width:320rem;height:320rem;}[size~="\31 4"]{width:3.5rem;height:3.5rem;}[size~="\31 8"]{width:4.5rem;height:4.5rem;}[size~="\32 0"]{width:5rem;height:5rem;}[size~="\34 8"]{width:12rem;height:12rem;}[size~="\35 6"]{width:14rem;height:14rem;}[size~="\37 2"]{width:18rem;height:18rem;}[size~="\38 0\%"]{width:80%;height:80%;}.h-\[34px\]{height:34px;}.h-\[70vh\]{height:70vh;}.h-\[calc\(100vh-340px\)\]{height:calc(100vh - 340px);}.h-\[calc\(100vh-72px\)\]{height:calc(100vh - 72px);}.h-14{height:3.5rem;}.h-2,.h2{height:0.5rem;}.h-3,.h3{height:0.75rem;}.h-6{height:1.5rem;}.h-64{height:16rem;}.h-full{height:100%;}.h-screen{height:100vh;}.h1{height:0.25rem;}.h4{height:1rem;}.w-14{width:3.5rem;}.w-48{width:12rem;}.w-80{width:20rem;}.w-auto{width:auto;}.w-full{width:100%;}.flex,[flex=""]{display:flex;}.inline-flex,[inline-flex=""]{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink{flex-shrink:1;}.shrink-0{flex-shrink:0;}.flex-grow,.grow-1{flex-grow:1;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.table-row{display:table-row;}.border-collapse{border-collapse:collapse;}.origin-center{transform-origin:center;}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-0{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:0deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-2{gap:0.5rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1rem;}.gap-y-2{row-gap:0.5rem;}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.break-all{word-break:break-all;}.b,.border,.border-1,[border=""]{border-width:1px;}.last\:border-0:last-child{border-width:0px;}.border-b{border-bottom-width:1px;}.border-l-0{border-left-width:0px;}.border-r-0\!{border-right-width:0px !important;}.border-\#dcdfe6{--un-border-opacity:1;border-color:rgb(220 223 230 / var(--un-border-opacity));}.border-gray-100{--un-border-opacity:1;border-color:rgb(243 244 246 / var(--un-border-opacity));}.border-transparent\!{border-color:transparent !important;}.rounded{border-radius:0.25rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.5rem;}.rounded-l-1{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.rounded-r-1{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.rounded-t{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;}.border-none{border-style:none;}.border-solid{border-style:solid;}.bg-blue-500{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity));}.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}.bg-indigo-50{--un-bg-opacity:1;background-color:rgb(238 242 255 / var(--un-bg-opacity));}.bg-purple-500{--un-bg-opacity:1;background-color:rgb(168 85 247 / var(--un-bg-opacity));}.bg-transparent\!{background-color:transparent !important;}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}.bg-white\/10{background-color:rgb(255 255 255 / 0.1);}.bg-white\/20{background-color:rgb(255 255 255 / 0.2);}.dark .dark\:bg-hex-121212{--un-bg-opacity:1;background-color:rgb(18 18 18 / var(--un-bg-opacity));}.from-emerald-500{--un-gradient-from-position:0%;--un-gradient-from:rgb(16 185 129 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(16 185 129 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-indigo-500{--un-gradient-from-position:0%;--un-gradient-from:rgb(99 102 241 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(99 102 241 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-indigo-600{--un-gradient-from-position:0%;--un-gradient-from:rgb(79 70 229 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(79 70 229 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.to-purple-600{--un-gradient-to-position:100%;--un-gradient-to:rgb(147 51 234 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.to-teal-500{--un-gradient-to-position:100%;--un-gradient-to:rgb(20 184 166 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.to-violet-500{--un-gradient-to-position:100%;--un-gradient-to:rgb(139 92 246 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-t{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}[stroke-width~="\31 \.4"]{stroke-width:1.4px;}[stroke-width~="\31 \.6"]{stroke-width:1.6px;}[stroke-width~="\36 "]{stroke-width:6px;}[stroke-width~="\38 "]{stroke-width:8px;}.object-contain{object-fit:contain;}.p-3{padding:0.75rem;}.p-4{padding:1rem;}.p-6{padding:1.5rem;}.p\[0\]{padding:0;}.p\[1\]{padding:1;}[p~="\31 "]{padding:0.25rem;}.px,.px-4,[px=""]{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.pl{padding-left:1rem;}.pie{padding-inline-end:1rem;}.text-center{text-align:center;}.text-right{text-align:right;}.indent{text-indent:1.5rem;}[indent~="\32 0"]{text-indent:5rem;}.text-wrap{text-wrap:wrap;}.align-middle{vertical-align:middle;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-4{font-size:1rem;}.text-base{font-size:1rem;line-height:1.5rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-xs{font-size:0.75rem;line-height:1rem;}[font-size~="\31 6"]{font-size:4rem;}[font-size~="\32 0"]{font-size:5rem;}[font-size~="\32 2"]{font-size:5.5rem;}[font-size~="\32 8"]{font-size:7rem;}[font-size~="\35 2"]{font-size:13rem;}.dark .dark\:text-white,.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}.text-\[--el-text-color-placeholder\]{color:var(--el-text-color-placeholder);}.text-\[var\(--zs-text\)\]{color:var(--zs-text);}.text-blue-600,.text-info{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity));}.text-emerald-600{--un-text-opacity:1;color:rgb(5 150 105 / var(--un-text-opacity));}.text-gray-300{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity));}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));}.text-gray-900{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity));}.text-indigo-500{--un-text-opacity:1;color:rgb(99 102 241 / var(--un-text-opacity));}.text-primary{--un-text-opacity:1;color:rgb(15 118 110 / var(--un-text-opacity));}.text-primary\!{--un-text-opacity:1 !important;color:rgb(15 118 110 / var(--un-text-opacity)) !important;}.text-white\/70{color:rgb(255 255 255 / 0.7);}.text-white\/80{color:rgb(255 255 255 / 0.8);}.font-bold{font-weight:700;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.font-sans{font-family:DM Sans,ui-sans-serif,system-ui,-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";}.uppercase{text-transform:uppercase;}.italic{font-style:italic;}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}.line-through{text-decoration-line:line-through;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.tab,[tab=""]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.active-tab:active{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.opacity-0{opacity:0;}.group:hover .group-hover\:opacity-100{opacity:1;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-\[0px_0px_0px_1px_\#dcdfe6_inset\]{--un-shadow:inset 0px 0px 0px 1px var(--un-shadow-color, rgb(220 223 230));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-300{transition-duration:300ms;}.ease,.ease-in-out,[ease=""]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out,[ease-out=""]{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2/span 2;}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (min-width: 1280px){.xl\:col-span-2{grid-column:span 2/span 2;}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}}
/* 只需要重写你需要的即可 */
/* Element Chalk Variables */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/* 只需要重写你需要的即可 */
/**
 * Trust & Calm · Editorial
 * Design tokens for：高考志愿填报平台（5 端共享）
 * 由 tokens.json 同步而来，编辑前先改 .json 源文件。
 */
:root {
  /* ===== Brand ===== */
  --zc-brand: #0f766e;
  --zc-brand-soft: #e6f4f1;
  --zc-brand-strong: #115e59;
  --zc-brand-on: #ffffff;
  /* ===== Neutral (stone) ===== */
  --zc-neutral-0: #ffffff;
  --zc-neutral-50: #fafaf9;
  --zc-neutral-100: #f5f5f4;
  --zc-neutral-200: #e7e5e4;
  --zc-neutral-300: #d6d3d1;
  --zc-neutral-400: #a8a29e;
  --zc-neutral-500: #78716c;
  --zc-neutral-600: #57534e;
  --zc-neutral-700: #44403c;
  --zc-neutral-800: #292524;
  --zc-neutral-900: #1c1917;
  /* ===== Semantic：冲稳保 + 风险等级 ===== */
  --zc-reach: #ea580c;
  --zc-reach-soft: #fff1e6;
  --zc-match: #0f766e;
  --zc-match-soft: #e6f4f1;
  --zc-safe: #0e7490;
  --zc-safe-soft: #e0f2fe;
  --zc-risk: #b91c1c;
  --zc-risk-soft: #fee2e2;
  --zc-warn: #d97706;
  --zc-warn-soft: #fef3c7;
  --zc-info: #2563eb;
  --zc-info-soft: #dbeafe;
  --zc-success: #059669;
  --zc-success-soft: #d1fae5;
  /* ===== Surface ===== */
  --zc-surface-page: var(--zc-neutral-50);
  --zc-surface-card: var(--zc-neutral-0);
  --zc-surface-raised: var(--zc-neutral-0);
  --zc-surface-inverted: var(--zc-neutral-900);
  --zc-surface-scrim: rgba(28, 25, 23, 0.4);
  /* ===== Text ===== */
  --zc-text-primary: var(--zc-neutral-900);
  --zc-text-secondary: var(--zc-neutral-600);
  --zc-text-muted: var(--zc-neutral-500);
  --zc-text-disabled: var(--zc-neutral-400);
  --zc-text-on-brand: var(--zc-brand-on);
  --zc-text-link: var(--zc-brand);
  --zc-text-link-hover: var(--zc-brand-strong);
  /* ===== Border ===== */
  --zc-border-subtle: var(--zc-neutral-200);
  --zc-border: var(--zc-neutral-300);
  --zc-border-strong: var(--zc-neutral-400);
  /* ===== Typography ===== */
  --zc-font-sans: 'Source Han Sans VF', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;
  --zc-font-display: 'DM Serif Display', 'Source Han Serif SC', 'Songti SC', Georgia, serif;
  --zc-font-mono: 'DM Mono', 'JetBrains Mono', Consolas, monospace;
  --zc-fs-xs: 12px;
  --zc-fs-sm: 14px;
  --zc-fs-base: 16px;
  --zc-fs-lg: 20px;
  --zc-fs-xl: 28px;
  --zc-fs-2xl: 40px;
  --zc-fs-3xl: 56px;
  --zc-lh-tight: 1.15;
  --zc-lh-snug: 1.3;
  --zc-lh-normal: 1.5;
  --zc-lh-relaxed: 1.7;
  /* ===== Spacing ===== */
  --zc-space-1: 4px;
  --zc-space-2: 8px;
  --zc-space-3: 12px;
  --zc-space-4: 16px;
  --zc-space-5: 24px;
  --zc-space-6: 32px;
  --zc-space-7: 48px;
  --zc-space-8: 64px;
  --zc-space-9: 96px;
  /* ===== Radius ===== */
  --zc-radius-sm: 6px;
  --zc-radius-md: 10px;
  --zc-radius-card: 12px;
  --zc-radius-hero: 24px;
  --zc-radius-full: 9999px;
  /* ===== Shadow ===== */
  --zc-shadow-lift1: 0 1px 2px rgba(28, 25, 23, 0.04), 0 1px 1px rgba(28, 25, 23, 0.04);
  --zc-shadow-lift2: 0 4px 12px rgba(28, 25, 23, 0.06), 0 2px 4px rgba(28, 25, 23, 0.04);
  --zc-shadow-lift3: 0 16px 32px rgba(28, 25, 23, 0.08), 0 4px 8px rgba(28, 25, 23, 0.04);
  --zc-shadow-focus: 0 0 0 3px rgba(15, 118, 110, 0.18);
  /* ===== Motion ===== */
  --zc-dur-fast: 120ms;
  --zc-dur-base: 200ms;
  --zc-dur-slow: 320ms;
  --zc-dur-page: 480ms;
  --zc-ease-standard: cubic-bezier(0.2, 0, 0.2, 1);
  --zc-ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --zc-ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
  /* ===== Layout ===== */
  --zc-page-max: 1280px;
  --zc-gutter: 24px;
  --zc-rail-width: 240px;
  /* ===== Ranking gradients (gold / silver / bronze) ===== */
  --zc-rank-1-start: #fbbf24;
  --zc-rank-1-end: #d97706;
  --zc-rank-2-start: #e5e7eb;
  --zc-rank-2-end: #9ca3af;
  --zc-rank-3-start: #fed7aa;
  --zc-rank-3-end: #c2410c;
}

/* ===== Element Plus 主题覆盖（admin/teacher/institution） ===== */
:root {
  --el-color-primary: var(--zc-brand);
  --el-color-primary-light-3: color-mix(in srgb, var(--zc-brand) 70%, white);
  --el-color-primary-light-5: color-mix(in srgb, var(--zc-brand) 50%, white);
  --el-color-primary-light-7: var(--zc-brand-soft);
  --el-color-primary-light-8: color-mix(in srgb, var(--zc-brand) 20%, white);
  --el-color-primary-light-9: color-mix(in srgb, var(--zc-brand) 10%, white);
  --el-color-primary-dark-2: var(--zc-brand-strong);
  --el-color-success: var(--zc-success);
  --el-color-warning: var(--zc-warn);
  --el-color-danger: var(--zc-risk);
  --el-color-error: var(--zc-risk);
  --el-color-info: var(--zc-info);
  --el-bg-color: var(--zc-surface-page);
  --el-bg-color-page: var(--zc-surface-page);
  --el-text-color-primary: var(--zc-text-primary);
  --el-text-color-regular: var(--zc-text-primary);
  --el-text-color-secondary: var(--zc-text-secondary);
  --el-border-color: var(--zc-border);
  --el-border-color-light: var(--zc-border-subtle);
  --el-border-color-lighter: var(--zc-border-subtle);
  --el-font-family: var(--zc-font-sans);
  --el-border-radius-base: var(--zc-radius-md);
  --el-border-radius-small: var(--zc-radius-sm);
}

/* ============================================================
 * Dark theme overrides
 * 由 applyExperienceTheme() 切换 html.dark 后生效
 * 所有使用 var(--zc-*) 的页面元素都会自动跟随主题
 * ============================================================ */
html.dark {
  /* ===== Neutral (stone) — invert ===== */
  --zc-neutral-0: #14201f;
  --zc-neutral-50: #0f1a19;
  --zc-neutral-100: #162523;
  --zc-neutral-200: #1e302d;
  --zc-neutral-300: #2a3f3b;
  --zc-neutral-400: #4a5c58;
  --zc-neutral-500: #6e7c78;
  --zc-neutral-600: #94a19d;
  --zc-neutral-700: #b7c2bf;
  --zc-neutral-800: #d8dfdd;
  --zc-neutral-900: #edf5f3;
  /* ===== Brand — brighter teal for contrast ===== */
  --zc-brand: #5fc5bc;
  --zc-brand-soft: #1a2d2a;
  --zc-brand-strong: #8bd7d0;
  --zc-brand-on: #0f1a19;
  /* ===== Semantic — bright fg, deep desaturated soft ===== */
  --zc-reach: #fb923c;
  --zc-reach-soft: #2c1a0e;
  --zc-match: #5fc5bc;
  --zc-match-soft: #1a2d2a;
  --zc-safe: #67e8f9;
  --zc-safe-soft: #0e2530;
  --zc-risk: #fca5a5;
  --zc-risk-soft: #2c1414;
  --zc-warn: #fbbf24;
  --zc-warn-soft: #2c1f0a;
  --zc-info: #93c5fd;
  --zc-info-soft: #0f1f35;
  --zc-success: #6ee7b7;
  --zc-success-soft: #0e2a1f;
  /* ===== Surface — deep base, raised on top ===== */
  --zc-surface-page: #0d1716;
  --zc-surface-card: #142220;
  --zc-surface-raised: #1a2d2a;
  --zc-surface-inverted: #edf5f3;
  --zc-surface-scrim: rgba(0, 0, 0, 0.6);
  /* ===== Text ===== */
  --zc-text-primary: #edf5f3;
  --zc-text-secondary: #b7c2bf;
  --zc-text-muted: #94a19d;
  --zc-text-disabled: #6e7c78;
  --zc-text-on-brand: #0f1a19;
  --zc-text-link: #5fc5bc;
  --zc-text-link-hover: #8bd7d0;
  /* ===== Border ===== */
  --zc-border-subtle: #1e302d;
  --zc-border: #2a3f3b;
  --zc-border-strong: #4a5c58;
  /* ===== Shadow — darker, deeper ===== */
  --zc-shadow-lift1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
  --zc-shadow-lift2: 0 4px 12px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.25);
  --zc-shadow-lift3: 0 16px 32px rgba(0, 0, 0, 0.5), 0 4px 8px rgba(0, 0, 0, 0.3);
  --zc-shadow-focus: 0 0 0 3px rgba(95, 197, 188, 0.28);
  /* ===== Ranking gradients (gold / silver / bronze) — softer on dark ===== */
  --zc-rank-1-start: #d9a85a;
  --zc-rank-1-end: #8c6a2a;
  --zc-rank-2-start: #b8bcc2;
  --zc-rank-2-end: #5e646c;
  --zc-rank-3-start: #d4956a;
  --zc-rank-3-end: #7a4928;
}

html.dark {
  color-scheme: dark;
  --el-color-primary: #142220;
  --el-color-primary-light-3: rgb(20, 30, 28);
  --el-color-primary-light-5: rgb(20, 27, 26);
  --el-color-primary-light-7: rgb(20, 24, 24);
  --el-color-primary-light-8: rgb(20, 23, 22);
  --el-color-primary-light-9: rgb(20, 21, 21);
  --el-color-primary-dark-2: rgb(67, 78, 77);
  --el-color-success: #67c23a;
  --el-color-success-light-3: rgb(78, 142, 47);
  --el-color-success-light-5: rgb(62, 107, 39);
  --el-color-success-light-7: rgb(45, 72, 31);
  --el-color-success-light-8: rgb(37, 55, 28);
  --el-color-success-light-9: rgb(28, 37, 24);
  --el-color-success-dark-2: rgb(133, 206, 97);
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: rgb(167, 119, 48);
  --el-color-warning-light-5: rgb(125, 91, 40);
  --el-color-warning-light-7: rgb(83, 63, 32);
  --el-color-warning-light-8: rgb(62, 48, 28);
  --el-color-warning-light-9: rgb(41, 34, 24);
  --el-color-warning-dark-2: rgb(235, 181, 99);
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: rgb(178, 82, 82);
  --el-color-danger-light-5: rgb(133, 64, 64);
  --el-color-danger-light-7: rgb(88, 46, 46);
  --el-color-danger-light-8: rgb(65, 38, 38);
  --el-color-danger-light-9: rgb(42, 29, 29);
  --el-color-danger-dark-2: rgb(247, 137, 137);
  --el-color-error: #f56c6c;
  --el-color-error-light-3: rgb(178, 82, 82);
  --el-color-error-light-5: rgb(133, 64, 64);
  --el-color-error-light-7: rgb(88, 46, 46);
  --el-color-error-light-8: rgb(65, 38, 38);
  --el-color-error-light-9: rgb(42, 29, 29);
  --el-color-error-dark-2: rgb(247, 137, 137);
  --el-color-info: #909399;
  --el-color-info-light-3: rgb(107, 109, 113);
  --el-color-info-light-5: rgb(82, 84, 87);
  --el-color-info-light-7: rgb(57, 58, 60);
  --el-color-info-light-8: rgb(45, 45, 47);
  --el-color-info-light-9: rgb(32, 33, 33);
  --el-color-info-dark-2: rgb(166, 169, 173);
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.72);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.72);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
  --el-bg-color-page: #0a0a0a;
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #E5EAF3;
  --el-text-color-regular: #CFD3DC;
  --el-text-color-secondary: #A3A6AD;
  --el-text-color-placeholder: #8D9095;
  --el-text-color-disabled: #6C6E72;
  --el-border-color-darker: #636466;
  --el-border-color-dark: #58585B;
  --el-border-color: #4C4D4F;
  --el-border-color-light: #414243;
  --el-border-color-lighter: #363637;
  --el-border-color-extra-light: #2B2B2C;
  --el-fill-color-darker: #424243;
  --el-fill-color-dark: #39393A;
  --el-fill-color: #303030;
  --el-fill-color-light: #262727;
  --el-fill-color-lighter: #1D1D1D;
  --el-fill-color-extra-light: #191919;
  --el-fill-color-blank: #141414;
  --el-mask-color: rgba(0, 0, 0, 0.8);
  --el-mask-color-extra-light: rgba(0, 0, 0, 0.3);
}

html.dark .el-button {
  --el-button-disabled-text-color: rgba(255, 255, 255, 0.5);
}

html.dark .el-card {
  --el-card-bg-color: var(--el-bg-color-overlay);
  --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;
}

html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

html.dark {
  background: var(--zs-page);
}

:root {
  interpolate-size: allow-keywords;
}

body {
  color: var(--zs-text);
  background: var(--zs-page);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  text-rendering: optimizelegibility;
}

.el-card {
  border-color: var(--zs-border);
  border-radius: var(--zs-radius-lg);
}

.el-main {
  background: var(--zs-page);
}