.dots-loader:not(:required) {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-bottom: 30px;
  overflow: hidden;
  text-indent: -9999px;
  background: transparent;
  border-radius: 100%;
  box-shadow:
    #f86 -14px -14px 0 7px,
    #fc6 14px -14px 0 7px,
    #6d7 14px 14px 0 7px,
    #4ae -14px 14px 0 7px;
  transform-origin: 50% 50%;
  animation: dots-loader 5s infinite ease-in-out;
}

@keyframes dots-loader {
  0% {
    box-shadow:
      #f86 -14px -14px 0 7px,
      #fc6 14px -14px 0 7px,
      #6d7 14px 14px 0 7px,
      #4ae -14px 14px 0 7px;
  }

  8.33% {
    box-shadow:
      #f86 14px -14px 0 7px,
      #fc6 14px -14px 0 7px,
      #6d7 14px 14px 0 7px,
      #4ae -14px 14px 0 7px;
  }

  16.67% {
    box-shadow:
      #f86 14px 14px 0 7px,
      #fc6 14px 14px 0 7px,
      #6d7 14px 14px 0 7px,
      #4ae -14px 14px 0 7px;
  }

  25% {
    box-shadow:
      #f86 -14px 14px 0 7px,
      #fc6 -14px 14px 0 7px,
      #6d7 -14px 14px 0 7px,
      #4ae -14px 14px 0 7px;
  }

  33.33% {
    box-shadow:
      #f86 -14px -14px 0 7px,
      #fc6 -14px 14px 0 7px,
      #6d7 -14px -14px 0 7px,
      #4ae -14px -14px 0 7px;
  }

  41.67% {
    box-shadow:
      #f86 14px -14px 0 7px,
      #fc6 -14px 14px 0 7px,
      #6d7 -14px -14px 0 7px,
      #4ae 14px -14px 0 7px;
  }

  50% {
    box-shadow:
      #f86 14px 14px 0 7px,
      #fc6 -14px 14px 0 7px,
      #6d7 -14px -14px 0 7px,
      #4ae 14px -14px 0 7px;
  }

  58.33% {
    box-shadow:
      #f86 -14px 14px 0 7px,
      #fc6 -14px 14px 0 7px,
      #6d7 -14px -14px 0 7px,
      #4ae 14px -14px 0 7px;
  }

  66.67% {
    box-shadow:
      #f86 -14px -14px 0 7px,
      #fc6 -14px -14px 0 7px,
      #6d7 -14px -14px 0 7px,
      #4ae 14px -14px 0 7px;
  }

  75% {
    box-shadow:
      #f86 14px -14px 0 7px,
      #fc6 14px -14px 0 7px,
      #6d7 14px -14px 0 7px,
      #4ae 14px -14px 0 7px;
  }

  83.33% {
    box-shadow:
      #f86 14px 14px 0 7px,
      #fc6 14px -14px 0 7px,
      #6d7 14px 14px 0 7px,
      #4ae 14px 14px 0 7px;
  }

  91.67% {
    box-shadow:
      #f86 -14px 14px 0 7px,
      #fc6 14px -14px 0 7px,
      #6d7 14px 14px 0 7px,
      #4ae -14px 14px 0 7px;
  }

  100% {
    box-shadow:
      #f86 -14px -14px 0 7px,
      #fc6 14px -14px 0 7px,
      #6d7 14px 14px 0 7px,
      #4ae -14px 14px 0 7px;
  }
}

.gauge-loader:not(:required) {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 32px;
  margin-bottom: 10px;
  overflow: hidden;
  text-indent: -9999px;
  background: #6ca;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}

.gauge-loader:not(:required)::before {
  position: absolute;
  top: 5px;
  left: 30px;
  width: 4px;
  height: 27px;
  content: '';
  background: white;
  border-radius: 2px;
  transform-origin: 50% 100%;
  animation: gauge-loader 4000ms infinite ease;
}

.gauge-loader:not(:required)::after {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 13px;
  height: 13px;
  content: '';
  background: white;
  border-radius: 8px;
}

@keyframes gauge-loader {
  0% {
    transform: rotate(-50deg);
  }

  10% {
    transform: rotate(20deg);
  }

  20% {
    transform: rotate(60deg);
  }

  24% {
    transform: rotate(60deg);
  }

  40% {
    transform: rotate(-20deg);
  }

  54% {
    transform: rotate(70deg);
  }

  56% {
    transform: rotate(78deg);
  }

  58% {
    transform: rotate(73deg);
  }

  60% {
    transform: rotate(75deg);
  }

  62% {
    transform: rotate(70deg);
  }

  70% {
    transform: rotate(-20deg);
  }

  80% {
    transform: rotate(20deg);
  }

  83% {
    transform: rotate(25deg);
  }

  86% {
    transform: rotate(20deg);
  }

  89% {
    transform: rotate(25deg);
  }

  100% {
    transform: rotate(-50deg);
  }
}

.inner-circles-loader:not(:required) {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  overflow: hidden;
  text-indent: -9999px;
  background: rgb(25 165 152 / 50%);
  border-radius: 50%;
  transform: translate3d(0, 0, 0);
}

.inner-circles-loader:not(:required)::before,
.inner-circles-loader:not(:required)::after {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  content: '';
  border-radius: 50%;
}

.inner-circles-loader:not(:required)::before {
  left: 0;
  background: #c7efcf;
  transform-origin: 0 50%;
  animation: inner-circles-loader 3s infinite;
}

.inner-circles-loader:not(:required)::after {
  right: 0;
  background: #eef5db;
  transform-origin: 100% 50%;
  animation: inner-circles-loader 3s 0.2s reverse infinite;
}

@keyframes inner-circles-loader {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.plus-loader:not(:required) {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  overflow: hidden;
  text-indent: -9999px;
  background: #f86;
  border-radius: 24px;
  transform: rotateZ(90deg);
  transform-origin: 50% 50%;
  animation: plus-loader-background 3s infinite ease-in-out;
}

.plus-loader:not(:required)::after {
  position: absolute;
  top: 0;
  right: 50%;
  width: 50%;
  height: 100%;
  content: '';
  background: #f86;
  border-radius: 24px;
  border-radius: 24px 0 0 24px;
  transform-origin: 100% 50%;
  animation: plus-loader-top 3s infinite linear;
}

.plus-loader:not(:required)::before {
  position: absolute;
  top: 0;
  right: 50%;
  width: 50%;
  height: 100%;
  content: '';
  background: #fc6;
  border-radius: 24px;
  border-radius: 24px 0 0 24px;
  transform-origin: 100% 50%;
  animation: plus-loader-bottom 3s infinite linear;
}

@keyframes plus-loader-top {
  2.5% {
    background: #f86;
    transform: rotateY(0deg);
    animation-timing-function: ease-in;
  }

  13.75% {
    background: #ff430d;
    transform: rotateY(90deg);
    animation-timing-function: step-start;
  }

  13.76% {
    background: #ffae0d;
    transform: rotateY(90deg);
    animation-timing-function: ease-out;
  }

  25% {
    background: #fc6;
    transform: rotateY(180deg);
  }

  27.5% {
    background: #fc6;
    transform: rotateY(180deg);
    animation-timing-function: ease-in;
  }

  41.25% {
    background: #ffae0d;
    transform: rotateY(90deg);
    animation-timing-function: step-start;
  }

  41.26% {
    background: #2cc642;
    transform: rotateY(90deg);
    animation-timing-function: ease-out;
  }

  50% {
    background: #6d7;
    transform: rotateY(0deg);
  }

  52.5% {
    background: #6d7;
    transform: rotateY(0deg);
    animation-timing-function: ease-in;
  }

  63.75% {
    background: #2cc642;
    transform: rotateY(90deg);
    animation-timing-function: step-start;
  }

  63.76% {
    background: #1386d2;
    transform: rotateY(90deg);
    animation-timing-function: ease-out;
  }

  75% {
    background: #4ae;
    transform: rotateY(180deg);
  }

  77.5% {
    background: #4ae;
    transform: rotateY(180deg);
    animation-timing-function: ease-in;
  }

  91.25% {
    background: #1386d2;
    transform: rotateY(90deg);
    animation-timing-function: step-start;
  }

  91.26% {
    background: #ff430d;
    transform: rotateY(90deg);
    animation-timing-function: ease-in;
  }

  100% {
    background: #f86;
    transform: rotateY(0deg);
    animation-timing-function: step-start;
  }
}

@keyframes plus-loader-bottom {
  0% {
    background: #fc6;
    animation-timing-function: step-start;
  }

  50% {
    background: #fc6;
    animation-timing-function: step-start;
  }

  75% {
    background: #4ae;
    animation-timing-function: step-start;
  }

  100% {
    background: #4ae;
    animation-timing-function: step-start;
  }
}

@keyframes plus-loader-background {
  0% {
    background: #f86;
    transform: rotateZ(180deg);
  }

  25% {
    background: #f86;
    transform: rotateZ(180deg);
    animation-timing-function: step-start;
  }

  27.5% {
    background: #6d7;
    transform: rotateZ(90deg);
  }

  50% {
    background: #6d7;
    transform: rotateZ(90deg);
    animation-timing-function: step-start;
  }

  52.5% {
    background: #6d7;
    transform: rotateZ(0deg);
  }

  75% {
    background: #6d7;
    transform: rotateZ(0deg);
    animation-timing-function: step-start;
  }

  77.5% {
    background: #f86;
    transform: rotateZ(270deg);
  }

  100% {
    background: #f86;
    transform: rotateZ(270deg);
    animation-timing-function: step-start;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1;text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:auto}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.fade-transform-enter-active,.fade-transform-leave-active{transition:var(--layout-transition)}.fade-transform-enter-from,.fade-transform-leave-to{opacity:0;transform:translateX(-30px)}.vab-loading-type1{display:flex;width:36px;height:36px;margin:0 auto var(--space-lg);border:3px solid rgba(0,0,0,0);border-top-color:var(--color-primary);border-bottom-color:var(--color-primary);border-radius:50%;animation:vabLoading1-0 .8s linear infinite}.vab-loading-type1::before{display:block;width:8px;height:8px;margin:auto;content:"";border:3px solid var(--color-primary);border-radius:50%;animation:vabLoading1 .5s alternate ease-in infinite}@keyframes vabLoading1-0{to{transform:rotate(360deg)}}@keyframes vabLoading1{from{transform:scale(0.5)}to{transform:scale(1.2)}}.vab-loading-type2{width:20px;height:20px;margin-top:-40px;margin-left:-10px;animation:vabLoading2 1s linear reverse infinite}.vab-loading-type2::before{display:block;width:36px;height:36px;margin-top:-17px;margin-left:-18px;content:"";animation:vabLoading2 .4s linear infinite}.vab-loading-type2::after{display:block;width:8px;height:8px;margin-top:-3px;margin-left:-4px;content:"";animation:vabLoading2 .4s linear infinite}.vab-loading-type2::before,.vab-loading-type2,.vab-loading-type2::after{position:absolute;top:40%;left:50%;border:3px solid rgba(0,0,0,0);border-top-color:var(--color-primary);border-right-color:var(--color-primary);border-radius:50%}@keyframes vabLoading2{to{transform:rotate(360deg)}}.vab-loading-type3{display:inline-block;width:2.5em;height:3em;margin-bottom:var(--space-lg);border:3px solid rgba(0,0,0,0);border-top-color:var(--color-primary);border-bottom-color:var(--color-primary);border-radius:50%;animation:vabLoading3 2s ease infinite}@keyframes vabLoading3{50%{border-width:8px;transform:rotate(360deg) scale(0.4, 0.33)}100%{border-width:3px;transform:rotate(720deg) scale(1, 1)}}.vab-loading-type4{display:inline-block;width:30px;height:30px;margin:0 auto var(--space-sm-alt);border:8px solid rgba(0,0,0,0);border-bottom-color:var(--color-primary);border-left-color:var(--color-primary);border-radius:50%;animation:vabLoading4 1s linear infinite normal}.vab-loading-type4::after{display:block;width:15px;height:15px;margin:0;content:" ";border:6px solid var(--color-primary);border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-radius:50%}@keyframes vabLoading4{0%{opacity:.2;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}100%{opacity:.2;transform:rotate(360deg)}}.vab-loading-type5{display:block;width:0;height:0;margin:0 auto var(--space-lg);border:solid 1.5em var(--color-primary);border-right:solid 1.5em rgba(0,0,0,0);border-left:solid 1.5em rgba(0,0,0,0);border-radius:100%;animation:vabLoading5 1s linear infinite}@keyframes vabLoading5{0%{transform:rotate(0deg)}50%{transform:rotate(60deg)}100%{transform:rotate(360deg)}}.vab-loading-type6{display:block;width:0;height:0;margin:0 auto 25px;perspective:200px}.vab-loading-type6::before,.vab-loading-type6::after{position:absolute;width:20px;height:20px;content:"";background:rgba(0,0,0,0);animation:vabLoading6 .5s infinite alternate}.vab-loading-type6::before{left:0}.vab-loading-type6::after{right:0;animation-delay:.15s}@keyframes vabLoading6{0%{box-shadow:0 0 0 rgba(0,0,0,0);transform:scale(1) translateY(0) rotateX(0deg)}100%{background:var(--color-primary);box-shadow:0 25px 40px rgba(var(--color-primary-rgb), 0.5);transform:scale(1.2) translateY(-25px) rotateX(45deg)}}.vab-loading-type7{display:block;width:25px;height:25px;margin:0 auto var(--space-lg);border:2px solid var(--color-primary);border-top-color:rgba(var(--color-primary-rgb), 0.2);border-right-color:rgba(var(--color-primary-rgb), 0.2);border-bottom-color:rgba(var(--color-primary-rgb), 0.2);border-radius:100%;animation:vabLoading7 infinite .75s linear}@keyframes vabLoading7{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.vab-loading-type8{position:relative;box-sizing:border-box;display:block;width:20px;height:20px;margin:0 auto var(--space-lg);background-color:var(--color-primary);border-radius:50%;box-shadow:30px 0 0 0 var(--color-primary);transform:translateX(-15px)}.vab-loading-type8::after{position:absolute;top:8px;left:9px;width:10px;height:10px;content:"";background-color:var(--bg-card);border-radius:50%;box-shadow:30px 0 0 0 #fff;animation:vabLoading8 2s ease-in-out infinite alternate}@keyframes vabLoading8{0%{left:9px}100%{left:1px}}.vab-loading-type9{position:relative;box-sizing:border-box;display:block;width:20px;height:20px;margin:0 auto var(--space-lg);border:1px var(--color-primary) solid;animation:vabLoading9 5s linear infinite}.vab-loading-type9::after{position:absolute;top:-8px;left:0;width:4px;height:4px;content:"";background-color:var(--color-primary);animation:vabLoading9_check 1s ease-in-out infinite}@keyframes vabLoading9_check{25%{top:-8px;left:22px}50%{top:22px;left:22px}75%{top:22px;left:-9px}100%{top:-7px;left:-9px}}@keyframes vabLoading9{0%{box-shadow:inset 0 0 0 0 rgba(var(--color-primary-rgb), 0.5);opacity:.5}100%{box-shadow:inset 0 -20px 0 0 var(--color-primary)}}body .nav-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:18px !important;height:18px !important;margin:0 var(--space-xs) !important;font-size:.9em !important;color:var(--text-auxiliary) !important;cursor:pointer !important;background:rgba(255,255,255,.8) !important;border:1px solid rgba(255,255,255,.8) !important;border-color:#fff !important;border-radius:var(--radius-md) !important;box-shadow:0 4px 12px var(--shadow-alpha-10),0 2px 4px rgba(0,0,0,.05) !important;backdrop-filter:blur(10px) !important;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1) !important}body .nav-icon:hover{background:rgba(255,255,255,.8) !important;border-color:#fff !important;box-shadow:0 4px 12px var(--shadow-alpha-10),0 2px 4px rgba(0,0,0,.05) !important;transform:translateY(-1px) !important}body .nav-icon:active{box-shadow:0 2px 6px var(--shadow-alpha-10),0 1px 2px rgba(0,0,0,.05) !important;transform:translateY(0) !important}body .avatar-dropdown-icon{margin-left:var(--space-sm) !important;font-size:var(--font-size-xs) !important;color:var(--text-regular) !important}body .dropdown-icon{display:flex !important;align-items:center !important;width:18px !important;height:18px !important;margin-right:6px !important;font-size:var(--font-size-sm) !important}img{object-fit:cover}a{color:var(--color-primary);text-decoration:none;cursor:pointer}*{box-sizing:border-box}svg{transition:none}svg *{transition:none}html body{position:relative;height:100vh;padding:0;margin:0;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);line-height:1;background:var(--bg-page-teacher);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html body::-webkit-scrollbar{width:13px;height:13px}html body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);background-clip:padding-box;border:3px solid rgba(0,0,0,0);border-radius:7px}html body::-webkit-scrollbar-thumb:hover{background-color:var(--el-overlay-color)}html body::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}html body::-webkit-scrollbar-track:hover{background-color:#f8fafc}html body div::-webkit-scrollbar{width:13px;height:13px}html body div::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);background-clip:padding-box;border:3px solid rgba(0,0,0,0);border-radius:7px}html body div::-webkit-scrollbar-thumb:hover{background-color:var(--el-overlay-color)}html body div::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}html body div::-webkit-scrollbar-track:hover{background-color:#f8fafc}html body p{margin-bottom:0}html body svg:hover,html body i:hover{opacity:.8}html body .v-modal{backdrop-filter:blur(10px)}html body .editor-toolbar .no-mobile,html body .editor-toolbar .fa-question-circle{display:none}html body .el-divider--horizontal .el-divider__text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}html body .hm-layout-wrapper .app-main-container::-webkit-scrollbar{width:13px;height:13px}html body .hm-layout-wrapper .app-main-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);background-clip:padding-box;border:3px solid rgba(0,0,0,0);border-radius:7px}html body .hm-layout-wrapper .app-main-container::-webkit-scrollbar-thumb:hover{background-color:var(--el-overlay-color)}html body .hm-layout-wrapper .app-main-container::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}html body .hm-layout-wrapper .app-main-container::-webkit-scrollbar-track:hover{background-color:#f8fafc}html body .hm-layout-wrapper .app-main-container>[class*=-container]{padding:var(--space-xl);background:var(--bg-card)}html body #nprogress{position:fixed;z-index:var(--layout-z)}html body #nprogress .bar{background:var(--color-primary) !important}html body #nprogress .peg{box-shadow:0 0 10px var(--color-primary),0 0 5px var(--color-primary) !important}html body input::placeholder{color:var(--text-placeholder);font-size:calc(var(--font-size-base) - 2px)}@media(width <= 768px){html body .page-header{padding:var(--space-xl) !important}html body .page-header .header-content{flex-direction:column !important;gap:16px !important;text-align:center !important}html body .page-header .header-content .header-left .page-title{font-size:var(--font-size-xl) !important}}html body .select-tree-popper .el-scrollbar .el-scrollbar__view .el-select-dropdown__item{height:auto;max-height:274px;padding:0;overflow-y:auto;line-height:26px}html body .el-divider--horizontal .el-divider__text{position:relative;padding:0 var(--space-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-regular);background:var(--bg-card)}html body .el-divider--horizontal .el-divider__text::before{position:absolute;top:50%;left:-8px;width:4px;height:4px;margin-top:-2px;content:"";background:var(--color-primary);border-radius:50%}html body .el-divider--vertical{width:1px;height:1em;margin:0 var(--space-lg);background:var(--border-light)}html body .el-divider--primary{background:linear-gradient(90deg, transparent, var(--color-primary), transparent)}html body .el-divider--primary .el-divider__text{color:var(--color-primary)}html body .el-divider--primary .el-divider__text::before{background:var(--color-primary)}html body .el-divider--success{background:linear-gradient(90deg, transparent, var(--color-success), transparent)}html body .el-divider--success .el-divider__text{color:var(--color-success)}html body .el-divider--success .el-divider__text::before{background:var(--color-success)}html body .el-divider--warning{background:linear-gradient(90deg, transparent, var(--color-warning), transparent)}html body .el-divider--warning .el-divider__text{color:var(--color-warning)}html body .el-divider--warning .el-divider__text::before{background:var(--color-warning)}html body .el-divider--danger{background:linear-gradient(90deg, transparent, var(--color-danger), transparent)}html body .el-divider--danger .el-divider__text{color:var(--color-danger)}html body .el-divider--danger .el-divider__text::before{background:var(--color-danger)}html body .el-divider--dashed{background:none;border-top:1px dashed var(--border-light)}html body .el-divider--dashed .el-divider__text{background:var(--bg-card)}html body .el-divider--thick{height:2px;background:linear-gradient(90deg, transparent, var(--color-primary), transparent)}html body .side-container .el-menu--collapse .el-menu-item,html body .side-container .el-menu--collapse .el-sub-menu{display:flex;align-items:center;justify-content:center}html body .side-container .el-menu-item,html body .side-container .el-sub-menu>.el-sub-menu__title{box-sizing:border-box;margin:7px 0 7px 7px;border-radius:var(--radius-progress) !important}html body .side-container .el-menu-item *,html body .side-container .el-sub-menu>.el-sub-menu__title *{box-sizing:border-box}html body .side-container .el-menu-item:hover,html body .side-container .el-sub-menu>.el-sub-menu__title:hover{border-radius:var(--radius-progress) !important}html body .side-container .el-menu-item.is-active,html body .side-container .el-sub-menu>.el-sub-menu__title.is-active{background:var(--color-primary) !important}html body .h-box{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}html body .v-box{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}html body .h-box-left{justify-content:flex-start}html body .fill-width{width:100%}html body .blueBtn{background-color:var(--color-primary)}html body .blueBtn:hover{background-color:var(--color-primary-hover)}html body .form-group-title{display:flex;align-items:center;padding-bottom:6px;margin:var(--space-sm) 0 var(--space-md) var(--space-sm-alt);font-size:var(--font-size-base);font-weight:600;border-bottom:0}html body .form-group-title .circle{width:5px;height:5px;margin-right:var(--space-sm);border:3px solid var(--color-primary);border-radius:50%}html body .form-dialog .el-dialog__body .label-info{margin-bottom:var(--space-lg);margin-top:var(--space-xs)}html body .form-dialog .el-dialog__body .el-form{max-height:55vh;overflow:auto}html body .form-dialog .el-dialog__body .el-descriptions{padding-left:var(--space-xl);padding-right:var(--space-xl)}html body .form-dialog .el-dialog__body .el-descriptions.descriptions-half .el-descriptions__body .el-descriptions__table .el-descriptions__cell{width:50%}html body .form-dialog .el-dialog__body .el-descriptions .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:var(--font-size-base);color:var(--text-regular);padding-bottom:var(--space-xl)}html body .form-dialog.form-row-half .el-dialog__body .el-form{display:flex;flex-wrap:wrap;column-gap:20px}html body .form-dialog.form-row-half .el-dialog__body .el-form .el-form-item{width:calc(50% - 10px)}html body .table-action .el-button+.el-button{margin-left:0}html body .table-action .el-button+.el-button:before{content:"|";color:var(--border-light);font-size:1.2rem;margin:0 var(--space-md) 0 var(--space-sm);display:inline-block;line-height:1;pointer-events:none;user-select:none;transform:translateY(-1px)}html body .table-container{display:flex;flex-direction:column}html body .table-container.table-row{flex-direction:row !important}html body .table-container .aside{width:360px;height:100%;flex-shrink:0;border-right:1px solid var(--border-lighter);display:flex;flex-direction:column}html body .table-container .table-main{flex-grow:1;min-width:0;height:100%;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column}html body .table-container .page-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--space-xl)}html body .table-container .page-header .header-title{margin-right:auto;color:var(--text-primary)}html body .table-container .page-header .header-actions-right{display:flex !important;gap:var(--space-md);align-items:center !important}html body .table-container .page-header .header-actions-right .el-input{width:260px}html body .table-container .page-header .header-actions-right .el-button+.el-button{margin-left:0}html body .table-container .pagination-container{display:flex;justify-content:flex-end;margin-top:var(--space-md)}html body .empty-container{height:100vh;display:flex;flex-direction:column}html body .empty-container .table-container{flex-grow:1;padding:var(--space-xl);margin:var(--space-2xl);background:var(--bg-card);overflow:auto}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

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

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

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

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

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


:root{--color-primary: #216BFE;--color-primary-rgb: 33, 107, 254;--color-primary-light: rgba(33, 107, 254, 0.1);--color-primary-light-border: rgba(33, 107, 254, 0.2);--color-primary-alt: #3865F3;--color-primary-hover: #3D7CFF;--color-exit-text: #246DDF;--color-exit-bg: #F8FCFF;--menu-item-active-bg: #ffffff;--logo-title-color: #ffffff;--text-primary: #222222;--text-regular: #505968;--text-secondary: #88909B;--text-placeholder: #E0E0E0;--text-auxiliary: rgba(0, 0, 0, 0.65);--color-white-rgb: 255, 255, 255;--border-base: rgba(0, 0, 0, 0.1);--border-light: rgba(0, 0, 0, 0.07);--border-lighter: rgba(0, 0, 0, 0.04);--bg-page-teacher: #F8F8F9;--bg-sidebar: #216BFE;--bg-card: #FFFFFF;--bg-stat-inner: #F8F8F9;--bg-disabled: #F5F7FB;--bg-section: #F5F5F5;--bg-stripe: #E8E8E8;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399;--space-micro: 2px;--space-xs: 4px;--space-sm: 8px;--space-sm-alt: 10px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 28px;--space-4xl: 32px;--margin-lg: 42px;--layout-pad-sm: 16px;--layout-pad-md: 24px;--layout-pad-lg: 32px;--layout-pad-xl: 40px;--layout-pad-2xl: 48px;--layout-margin: 42px;--layout-gap-lg: 20px;--layout-gap-xl: 24px;--radius-xs: 2px;--radius-sm: 4px;--radius-progress: 5px;--radius-base: 6px;--radius-md: 8px;--radius-xl: 10px;--radius-lg: 12px;--radius-3xl: 16px;--radius-circle: 50%;--radius-circle-max: 100vmax;--font-family: "Alibaba PuHuiTi", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-caption: 16px;--font-size-base: 18px;--font-size-md: 20px;--font-size-lg: 22px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-weight-bold: 700;--line-height-base: 1.5;--button-height-primary: 40px;--button-height-text: 40px;--button-height-gradient: 50px;--button-height-small: 32px;--search-input-width: 260px;--search-input-width-small: 200px;--icon-size-sm: 15px;--icon-size-md: 20px;#--icon-size-lg:24px;--badge-dot-size-msg: 7px;--badge-dot-size-task: 8px;--shadow-card: 0 0 0 0 rgba(233, 243, 255, 1);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.1);--shadow-dialog: 0 4px 20px rgba(0, 0, 0, 0.08);--shadow-border: var(--shadow-border-edge), var(--shadow-border-contact);--shadow-card-modern: var(--shadow-border-edge), var(--shadow-border-contact), var(--shadow-border-md);--shadow-border-primary: var(--shadow-border-edge-primary), var(--shadow-border-contact-primary);--shadow-card-modern-primary: var(--shadow-border-edge-primary), var(--shadow-border-contact-primary), var(--shadow-border-md-primary);--shadow-border-rgb: 15, 23, 42;--shadow-border-edge: 0 0 0 1px rgba(var(--shadow-border-rgb), 0.08);--shadow-border-contact: 0 1px 2px rgba(var(--shadow-border-rgb), 0.06);--shadow-border-md: 0 4px 12px rgba(var(--shadow-border-rgb), 0.1);--shadow-border-rgb-primary: var(--el-color-primary-rgb);--shadow-border-edge-primary: 0 0 0 1px rgba(var(--shadow-border-rgb-primary), 0.24);--shadow-border-contact-primary: 0 1px 2px rgba(var(--shadow-border-rgb-primary), 0.22);--shadow-border-md-primary: 0 4px 12px rgba(var(--shadow-border-rgb-primary), 0.26);--overlay-dark: #1F2937;--shadow-alpha-10: rgba(0, 0, 0, 0.1);--shadow-alpha-8: rgba(0, 0, 0, 0.08);--overlay-heavy: rgba(0, 0, 0, 0.7);--transition-fast: 150ms ease;--transition-base: 200ms ease;--el-color-primary: var(--color-primary);--el-color-primary-light-3: #5A8FFE;--el-color-primary-light-5: #90B5FE;--el-color-primary-light-7: #BDD4FE;--el-color-primary-light-8: #D3E3FE;--el-color-primary-light-9: #E9F0FF;--el-color-primary-dark-2: #1B56CB;--el-color-primary-rgb: 33, 107, 254;--el-color-success: var(--color-success);--el-color-warning: var(--color-warning);--el-color-danger: var(--color-danger);--el-color-error: var(--color-danger);--el-color-info: var(--color-info);--el-color-success-light-3: #95D475;--el-color-success-light-5: #B3E19D;--el-color-success-light-7: #D1EDC4;--el-color-success-light-8: #E1F3D8;--el-color-success-light-9: #F0F9EB;--el-color-success-dark-2: #529B2E;--el-color-success-rgb: 103, 194, 58;--el-color-warning-light-3: #EEBE77;--el-color-warning-light-5: #F3D19E;--el-color-warning-light-7: #F8E3C5;--el-color-warning-light-8: #FAECD8;--el-color-warning-light-9: #FDF6EC;--el-color-warning-dark-2: #B88230;--el-color-warning-rgb: 230, 162, 60;--el-color-danger-light-3: #F89898;--el-color-danger-light-5: #FAB6B6;--el-color-danger-light-7: #FCD3D3;--el-color-danger-light-8: #FDE2E2;--el-color-danger-light-9: #FEF0F0;--el-color-danger-dark-2: #C45656;--el-color-danger-rgb: 245, 108, 108;--el-color-error-light-3: #F89898;--el-color-error-light-5: #FAB6B6;--el-color-error-light-7: #FCD3D3;--el-color-error-light-8: #FDE2E2;--el-color-error-light-9: #FEF0F0;--el-color-error-dark-2: #C45656;--el-color-error-rgb: 245, 108, 108;--el-color-info-light-3: #B1B3B8;--el-color-info-light-5: #C8C9CC;--el-color-info-light-7: #DEDFE0;--el-color-info-light-8: #E9E9EB;--el-color-info-light-9: #F4F4F5;--el-color-info-dark-2: #73767A;--el-color-info-rgb: 144, 147, 153;--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-regular);--el-text-color-secondary: var(--text-secondary);--el-text-color-placeholder: var(--text-placeholder);--el-text-color-disabled: #C0C4CC;--el-border-color: var(--border-base);--el-border-color-light: var(--border-light);--el-border-color-lighter: var(--border-lighter);--el-border-color-extra-light: rgba(0, 0, 0, 0.02);--el-fill-color: #F0F2F5;--el-fill-color-light: #F5F7FA;--el-fill-color-lighter: #FAFAFA;--el-fill-color-extra-light: #FAFAFA;--el-fill-color-dark: #EBEDF0;--el-fill-color-darker: #E6E8EB;--el-fill-color-blank: #FFFFFF;--el-bg-color: #FFFFFF;--el-bg-color-page: var(--bg-page-teacher);--el-bg-color-overlay: #FFFFFF;--el-border-radius-base: var(--radius-sm);--el-border-radius-small: var(--radius-xs);--el-border-radius-round: 20px;--el-border-radius-circle: var(--radius-circle);--el-font-family: var(--font-family);--el-font-size-extra-large: var(--font-size-2xl);--el-font-size-large: var(--font-size-xl);--el-font-size-medium: var(--font-size-md);--el-font-size-base: var(--font-size-base);--el-font-size-small: var(--font-size-sm);--el-font-size-extra-small: var(--font-size-xs);--el-component-size: 40px;--el-component-size-large: 48px;--el-component-size-small: 32px;--el-box-shadow: var(--shadow-card-hover);--el-box-shadow-light: var(--shadow-card);--el-box-shadow-lighter: var(--shadow-card);--el-box-shadow-dark: var(--shadow-dialog);--el-transition-duration: var(--transition-base);--el-transition-duration-fast: var(--transition-fast);--el-disabled-bg-color: var(--bg-disabled);--el-disabled-text-color: #C0C4CC;--el-disabled-border-color: #E4E7ED;--el-overlay-color: rgba(0, 0, 0, 0.5);--el-overlay-color-light: rgba(0, 0, 0, 0.3);--el-overlay-color-lighter: rgba(0, 0, 0, 0.15);--el-color-white: #ffffff;--el-color-black: #000000;--el-border-color-dark: rgba(0, 0, 0, 0.14);--el-border-color-darker: rgba(0, 0, 0, 0.18);--el-border-color-hover: var(--el-text-color-disabled);--el-border-width: 1px;--el-border-style: solid;--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-font-weight-primary: 500;--el-font-line-height-primary: var(--line-height-base);--el-index-normal: 1;--el-index-top: 1000;--el-index-popper: 2000;--el-mask-color: rgba(255, 255, 255, 0.9);--el-mask-color-extra-light: rgba(255, 255, 255, 0.3);--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-button-font-weight: 500;--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-hover-border-color: var(--color-primary);--el-button-hover-bg-color: var(--el-color-primary-light-9);--el-button-hover-text-color: var(--color-primary);--el-button-active-border-color: var(--color-primary);--el-button-active-bg-color: var(--el-color-primary-light-7);--el-button-active-text-color: var(--color-primary);--el-button-disabled-text-color: var(--el-disabled-text-color);--el-button-disabled-bg-color: var(--el-disabled-bg-color);--el-button-disabled-border-color: var(--el-disabled-border-color);--el-input-height: 40px;--el-input-inner-height: 40px;--el-input-border-color: var(--el-border-color);--el-input-hover-border-color: var(--el-border-color-hover);--el-input-focus-border-color: var(--color-primary);--el-input-bg-color: var(--el-fill-color-blank);--el-input-text-color: var(--el-text-color-regular);--el-input-placeholder-color: var(--el-text-color-placeholder);--el-input-icon-color: var(--el-text-color-placeholder);--el-input-border-radius: var(--radius-sm);--el-card-border-color: var(--el-border-color);--el-card-border-radius: 12px;--el-card-padding: 20px;--el-card-bg-color: var(--el-fill-color-blank);--el-table-border-color: var(--el-border-color-lighter);--el-table-header-bg-color: var(--bg-page-teacher);--el-table-header-text-color: var(--el-text-color-regular);--el-table-text-color: var(--el-text-color-regular);--el-table-row-hover-bg-color: var(--bg-page-teacher);--el-table-bg-color: var(--el-fill-color-blank);--el-table-current-row-bg-color: rgba(33, 107, 254, 0.08);--el-dialog-border-radius: 8px;--el-dialog-padding-primary: 20px;--el-dialog-title-font-size: var(--font-size-lg);--el-dialog-content-font-size: var(--font-size-base);--el-message-bg-color: var(--el-fill-color-blank);--el-message-border-color: var(--el-border-color-lighter);--el-message-padding: 12px 20px;--el-message-text-color: var(--el-text-color-regular);--el-messagebox-border-radius: 8px;--el-messagebox-padding-primary: 20px;--el-messagebox-title-color: var(--el-text-color-primary);--el-messagebox-content-color: var(--el-text-color-regular);--el-messagebox-content-font-size: var(--font-size-base);--el-tag-border-radius: var(--radius-xs);--el-tag-font-size: var(--font-size-sm);--el-pagination-button-height: 28px;--el-pagination-button-width: 28px;--el-pagination-font-size: var(--font-size-sm);--el-pagination-text-color: var(--el-text-color-regular);--el-pagination-hover-color: var(--color-primary);--el-form-label-font-size: var(--font-size-base);--el-select-font-size: var(--font-size-base);--el-select-input-focus-border-color: var(--color-primary);--el-menu-active-color: #ffffff;--el-menu-text-color: rgba(255, 255, 255, 0.95);--el-menu-bg-color: var(--color-primary);--el-menu-hover-bg-color: rgba(255, 255, 255, 0.1);--el-menu-item-height: 50px;--el-menu-item-font-size: var(--font-size-base);--el-dropdown-menuItem-hover-fill: var(--color-primary-light);--el-dropdown-menuItem-hover-color: var(--color-primary);--el-checkbox-font-size: var(--font-size-base);--el-checkbox-text-color: var(--el-text-color-regular);--el-checkbox-input-height: 16px;--el-checkbox-input-width: 16px;--el-radio-font-size: var(--font-size-base);--el-radio-text-color: var(--el-text-color-regular);--el-radio-input-height: 16px;--el-radio-input-width: 16px;--el-popover-border-radius: 8px;--el-popover-font-size: var(--font-size-base);--el-empty-image-width: 120px;--el-empty-padding: 40px 0;--el-skeleton-color: var(--el-fill-color);--el-skeleton-to-color: var(--el-fill-color-light);--el-descriptions-table-border: 1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background: var(--el-fill-color-light);--el-collapse-border-color: var(--el-border-color-lighter);--el-collapse-header-height: 48px;--el-collapse-header-bg-color: var(--el-fill-color-blank);--el-collapse-header-text-color: var(--el-text-color-primary);--el-collapse-content-bg-color: var(--el-fill-color-blank);--el-avatar-text-color: #ffffff;--el-avatar-bg-color: var(--el-text-color-disabled);--el-avatar-size: 40px;--el-avatar-border-radius: 50%;--layout-side-w: 256px;--layout-side-w-collapsed: 65px;--layout-topbar-h: 65px;--layout-navbar-h: 60px;--layout-tabsbar-h: 54px;--layout-logo-h: 75px;--layout-tag-h: 34px;--layout-menu-item-h: 50px;--layout-footer-h: 55px;--layout-pad: 20px;--layout-z: 999;--layout-side-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);--layout-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s, background 0s, color 0s, font-size 0s;--graph-color-1: #755FE5;--graph-color-2: #556DE5;--graph-color-3: #17B630;--graph-color-4: #42BCE5;--graph-color-5: #74EEB7;--graph-color-6: #FDB603;--graph-color-7: #1C91E5;--graph-color-8: #00B680;--graph-color-9: #275BC4;--graph-color-10: #F66950;--graph-color-11: #E56098;--graph-color-12: #E56E6E;--graph-color-13: #E56082;--graph-color-14: #FF7862;--graph-root-color-start: #b3a9f8;--graph-root-color-end: #7c73f2;--graph-root-shadow: rgba(124, 115, 242, 0.5);--graph-selected-color-start: #F2B7FF;--graph-selected-color-end: #CF66FF;--graph-selected-border: #C95EFF;--graph-selected-shadow: rgba(170, 72, 255, 0.45);--graph-legend-fill: #909399;--color-knowledge-point: #5F4FFD;--color-knowledge-point-bg: rgba(95, 79, 253, 0.1)}@media(max-width: 1600px){:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-caption: 15px;--font-size-base: 17px;--font-size-md: 19px;--font-size-lg: 21px;--font-size-xl: 23px;--font-size-2xl: 27px;--font-size-3xl: 30px;--font-size-4xl: 38px;--button-height-primary: 38px;--button-height-small: 36px;--el-component-size: 38px;--el-component-size-large: 46px;--el-component-size-small: 30px;--space-sm: 7px;--space-sm-alt: 9px;--space-md: 10px;--space-lg: 14px;--space-xl: 18px;--space-2xl: 20px;--space-3xl: 24px;--space-4xl: 28px;--layout-pad-sm: 16px;--layout-pad-md: 22px;--layout-pad-lg: 28px;--layout-pad-xl: 34px;--layout-pad-2xl: 42px;--layout-margin: 36px;--layout-gap-lg: 18px;--layout-gap-xl: 22px;--layout-side-w: 240px;--layout-topbar-h: 60px;--layout-navbar-h: 56px;--layout-tabsbar-h: 50px;--layout-menu-item-h: 46px;--icon-size-sm: 14px}}@media(max-width: 1440px){:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-caption: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 22px;--font-size-2xl: 26px;--font-size-3xl: 28px;--font-size-4xl: 36px;--button-height-primary: 36px;--button-height-small: 34px;--el-component-size: 36px;--el-component-size-large: 44px;--el-component-size-small: 28px;--space-sm: 6px;--space-sm-alt: 8px;--space-md: 9px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 18px;--space-3xl: 20px;--space-4xl: 24px;--layout-pad-sm: 14px;--layout-pad-md: 20px;--layout-pad-lg: 24px;--layout-pad-xl: 28px;--layout-pad-2xl: 36px;--layout-margin: 30px;--layout-gap-lg: 16px;--layout-gap-xl: 20px;--layout-side-w: 220px;--layout-topbar-h: 56px;--layout-navbar-h: 52px;--layout-tabsbar-h: 46px;--layout-menu-item-h: 44px;--icon-size-sm: 14px}}@media(max-width: 1280px){:root{--font-size-xs: 10px;--font-size-sm: 12px;--font-size-caption: 14px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 19px;--font-size-xl: 21px;--font-size-2xl: 25px;--font-size-3xl: 26px;--font-size-4xl: 34px;--button-height-primary: 34px;--button-height-small: 32px;--el-component-size: 34px;--el-component-size-large: 42px;--el-component-size-small: 26px;--space-sm: 5px;--space-sm-alt: 7px;--space-md: 8px;--space-lg: 11px;--space-xl: 14px;--space-2xl: 16px;--space-3xl: 18px;--space-4xl: 22px;--layout-pad-sm: 12px;--layout-pad-md: 18px;--layout-pad-lg: 20px;--layout-pad-xl: 22px;--layout-pad-2xl: 30px;--layout-margin: 24px;--layout-gap-lg: 14px;--layout-gap-xl: 18px;--layout-side-w: 200px;--layout-topbar-h: 52px;--layout-navbar-h: 48px;--layout-tabsbar-h: 42px;--layout-menu-item-h: 42px;--icon-size-sm: 13px}}@media(max-width: 1024px){:root{--font-size-xs: 10px;--font-size-sm: 12px;--font-size-caption: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 24px;--font-size-4xl: 32px;--button-height-primary: 32px;--el-component-size: 32px;--el-component-size-large: 40px;--el-component-size-small: 24px;--space-sm: 4px;--space-sm-alt: 6px;--space-md: 7px;--space-lg: 10px;--space-xl: 12px;--space-2xl: 14px;--space-3xl: 16px;--space-4xl: 20px;--layout-pad-sm: 10px;--layout-pad-md: 16px;--layout-pad-lg: 16px;--layout-pad-xl: 16px;--layout-pad-2xl: 24px;--layout-margin: 20px;--layout-gap-lg: 12px;--layout-gap-xl: 16px;--layout-side-w: 180px;--layout-topbar-h: 48px;--layout-navbar-h: 44px;--layout-tabsbar-h: 40px;--layout-menu-item-h: 40px;--icon-size-sm: 12px}}
.el-button:not(.el-button--small):not(.el-button--large):not(.el-button--text):not(.el-button--link){height:var(--button-height-primary)}.el-button:not(.el-button--small):not(.el-button--large).is-circle{width:var(--button-height-primary)}.el-button--small{--el-button-size: var(--button-height-small);font-size:var(--font-size-sm)}.el-button--large.is-round{padding:var(--space-md) calc(var(--space-xl) - 1px)}.el-input,.el-textarea{--el-input-border-color: var(--el-border-color);--el-input-hover-border-color: var(--el-border-color-hover);--el-input-focus-border-color: var(--color-primary);--el-input-bg-color: var(--el-fill-color-blank);--el-input-text-color: var(--el-text-color-regular);--el-input-placeholder-color: var(--el-text-color-placeholder);--el-input-icon-color: var(--el-text-color-placeholder);--el-input-border-radius: var(--radius-sm)}.el-card{--el-card-border-color: var(--el-border-color);--el-card-border-radius: var(--radius-lg);--el-card-padding: var(--space-xl);--el-card-bg-color: var(--el-fill-color-blank);margin-bottom:var(--space-lg);border:1px solid var(--el-card-border-color);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--shadow-alpha-8)}.el-card__body{padding:var(--space-xl)}.el-table{--el-table-border-color: var(--el-border-color-lighter);--el-table-header-bg-color: var(--bg-page-teacher);--el-table-header-text-color: var(--el-text-color-regular);--el-table-text-color: var(--el-text-color-regular);--el-table-row-hover-bg-color: var(--bg-page-teacher);--el-table-bg-color: var(--el-fill-color-blank);--el-table-current-row-bg-color: rgba(var(--color-primary-rgb), 0.08)}.el-table .el-table__body-wrapper::-webkit-scrollbar{width:13px;height:13px}.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);background-clip:padding-box;border:3px solid rgba(0,0,0,0);border-radius:7px}.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--el-overlay-color)}.el-table .el-table__body-wrapper::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.el-table .el-table__body-wrapper::-webkit-scrollbar-track:hover{background-color:#f8fafc}.el-table th{background:var(--bg-page-teacher)}.el-table th.el-table__cell{padding:var(--space-lg) 0}.el-table td,.el-table th{position:relative;box-sizing:border-box;padding:7.5px 0}.el-table td .cell,.el-table th .cell{font-weight:normal}.el-dialog{--el-dialog-border-radius: var(--radius-md);--el-dialog-title-font-size: var(--font-size-lg);--el-dialog-content-font-size: var(--font-size-base)}.el-dialog__header{border-bottom:1px solid var(--border-base)}.el-dialog__headerbtn{top:4px}.el-message-box{--el-messagebox-border-radius: var(--radius-md);--el-messagebox-padding-primary: var(--space-xl);--el-messagebox-title-color: var(--el-text-color-primary);--el-messagebox-content-color: var(--el-text-color-regular);--el-messagebox-content-font-size: var(--font-size-base)}.el-dialog__body,.el-message-box__body{margin-top:var(--space-xl)}.el-dialog__body .el-form,.el-message-box__body .el-form{padding-left:var(--space-xl);padding-right:var(--space-xl)}.el-dialog__footer,.el-message-box__footer{padding:var(--space-xl);text-align:right}.el-dialog__content{padding:var(--space-xl)}.dialog-fade-leave-active{animation-fill-mode:forwards}.dialog-fade-leave-active .el-overlay-dialog{animation-fill-mode:forwards}.el-message__content{font-size:var(--font-size-base)}.el-tag{--el-tag-border-radius: var(--radius-xs);--el-tag-font-size: var(--font-size-sm)}.el-tag+.el-tag{margin-left:var(--space-sm-alt)}.el-tag--large{height:initial;padding:var(--space-sm) var(--space-xl)}.el-tag--large .el-tag__content{font-size:var(--font-size-base)}.el-pagination{--el-pagination-button-height: 28px;--el-pagination-button-width: 28px;--el-pagination-font-size: var(--font-size-base);--el-pagination-text-color: var(--el-text-color-regular);--el-pagination-hover-color: var(--color-primary);padding:var(--space-micro) var(--space-sm);margin:var(--space-lg) 0 0;font-weight:normal;color:var(--el-text-color-primary);text-align:center}.el-form{--el-form-label-font-size: var(--font-size-base)}.el-form .el-form-item{--font-size: var(--font-size-caption)}.el-select{--el-select-font-size: var(--font-size-base);--el-select-input-focus-border-color: var(--color-primary)}.el-select__wrapper{height:var(--el-input-height, 32px);font-size:var(--font-size-base);line-height:calc(var(--font-size-base) + 10px)}.el-date-editor .el-range-separator{font-size:var(--font-size-base)}.el-menu{--el-menu-active-color: var(--el-color-white);--el-menu-text-color: rgba(255, 255, 255, 0.95);--el-menu-bg-color: var(--color-primary);--el-menu-hover-bg-color: rgba(255, 255, 255, 0.1);--el-menu-item-height: 50px;--el-menu-item-font-size: var(--font-size-base)}.el-menu.el-menu--popup.el-menu--popup-right-start{max-height:88vh;margin-bottom:.5vh;overflow-y:auto}.el-menu.el-menu--popup.el-menu--popup-right-start::-webkit-scrollbar{width:0;height:0;background:rgba(0,0,0,0)}.el-menu.el-menu--popup.el-menu--popup-right-start::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.3);border-radius:var(--radius-xl)}.el-menu.el-menu--popup.el-menu--popup-right-start::-webkit-scrollbar-thumb:hover{background-color:rgba(144,147,153,.3)}.el-menu.el-menu--popup.el-menu--popup-bottom-start{max-height:88vh;margin-bottom:.5vh;overflow-y:auto}.el-menu.el-menu--popup.el-menu--popup-bottom-start::-webkit-scrollbar{width:0;height:0;background:rgba(0,0,0,0)}.el-menu.el-menu--popup.el-menu--popup-bottom-start::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.3);border-radius:var(--radius-xl)}.el-menu.el-menu--popup.el-menu--popup-bottom-start::-webkit-scrollbar-thumb:hover{background-color:rgba(144,147,153,.3)}.el-checkbox{--el-checkbox-font-size: var(--font-size-base);--el-checkbox-text-color: var(--el-text-color-regular);--el-checkbox-input-height: 16px;--el-checkbox-input-width: 16px}.el-radio{--el-radio-font-size: var(--font-size-base);--el-radio-text-color: var(--el-text-color-regular);--el-radio-input-height: 16px;--el-radio-input-width: 16px}.el-popover{--el-popover-border-radius: var(--radius-md);--el-popover-font-size: var(--font-size-base)}.el-empty{--el-empty-image-width: 120px;--el-empty-padding: 40px 0}.el-skeleton{--el-skeleton-color: var(--el-fill-color);--el-skeleton-to-color: var(--el-fill-color-light)}.el-descriptions{--el-descriptions-table-border: 1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background: var(--el-fill-color-light)}.el-collapse{--el-collapse-border-color: var(--el-border-color-lighter);--el-collapse-header-height: 48px;--el-collapse-header-bg-color: var(--el-fill-color-blank);--el-collapse-header-text-color: var(--el-text-color-primary);--el-collapse-content-bg-color: var(--el-fill-color-blank);--el-collapse-content-font-size: var(--font-size-base);--el-collapse-header-font-size: var(--font-size-base)}.el-avatar{--el-avatar-text-color: var(--el-color-white);--el-avatar-bg-color: var(--el-text-color-disabled);--el-avatar-size: 40px;--el-avatar-border-radius: 50%}.el-dropdown,.el-dropdown__popper{--el-dropdown-menuItem-hover-fill: var(--color-primary-light);--el-dropdown-menuItem-hover-color: var(--color-primary)}.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: 19px}.el-submenu__title i{color:var(--color-white, #fff)}.el-image-viewer__close .el-icon-circle-close{color:var(--color-white, #fff)}.el-message.api-error-msg{align-items:flex-start !important;width:auto !important;max-width:420px !important;padding:var(--space-sm-alt) var(--space-lg) !important}.el-message.api-error-msg .el-message__icon{margin-top:3px}.el-message.api-error-msg .el-message__content{line-height:1.6;text-align:center}.el-popper{font-size:var(--font-size-sm)}.tabs-filled .el-tabs__header{height:40px;margin-bottom:0}.tabs-filled .el-tabs__nav-wrap::after{display:none}.tabs-filled .el-tabs__item{height:40px;line-height:40px;font-weight:500;color:var(--text-secondary);background:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-fast)}.tabs-filled .el-tabs__item.is-active{color:var(--color-white, #fff);background:var(--color-primary);border-color:var(--color-primary)}.tabs-filled .el-tabs__item:hover{color:var(--color-primary)}.tabs-filled .el-tabs__item.is-active:hover{color:var(--color-white, #fff)}.tabs-filled .el-tabs__active-bar{display:none}.tabs-student .el-tabs__item{font-weight:500;color:var(--text-tab-inactive)}.tabs-student .el-tabs__item.is-active{color:var(--text-deep)}.tabs-student .el-tabs__item:hover{color:var(--text-deep)}.tabs-student .el-tabs__active-bar{height:4px;border-radius:var(--radius-xs);background-color:var(--color-primary)}.tableBtnSpan{padding:0 9px;color:var(--color-primary-alt);cursor:pointer;border-right:1px solid var(--shadow-alpha-10)}.tableBtnSpan:last-child{border-right:0}.tableBtnSpan:first-child{padding-left:0}.listAddForm,.listEditForm{height:60vh;overflow:auto}