html body {
  background: #f8f8f8;
  margin: 0;
  padding: 0;
}
#micro-container > div {
  height: 100%;
}
* {
  box-sizing: border-box;
}

/**
* 规范：
  1. 所有输入控件（Input,Select等）中placeholder的颜色统一用@text-secondary，输入后值的颜色统一用@text-primary
  2. 所有输入控件（Input,Select等）中鼠标移入时需要加上样式，比如boder
*
**/
/*
单行文本点点点
*/
.zhPpMLT {
  position: relative;
  cursor: pointer;
}
.zhPpMLT::after {
  position: absolute;
  content: '';
  background: #4d5e80;
  height: 2px;
  width: 100%;
  bottom: 3px;
  left: 0;
}
.zhPpMLT:hover::after {
  background: #425271;
}
.ek7Hw6y {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bcogwVh {
  display: flex;
  align-items: center;
}
.bX9HvCZ {
  display: none !important;
}
@keyframes NvPTH3b {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.IzxstTe {
  height: 100vh;
  box-sizing: border-box;
}
.IzxstTe.PURgcaW {
  background-color: #131e2e;
}
.IzxstTe.PURgcaW .YrkpFeN {
  background: #fff;
  overflow: hidden;
  border-radius: 16px;
  flex: 1;
}
.IzxstTe.PURgcaW .YrkpFeN.cpmvWE7 {
  overflow: hidden;
  padding: 0;
}
.IzxstTe.PURgcaW .YrkpFeN.w1KF2Ar {
  overflow: auto;
}
.IzxstTe.PURgcaW .arco-layout-sider {
  background: #131e2e;
}
.IzxstTe.PURgcaW .arco-layout-content {
  padding: 6px 6px 6px 0;
  position: relative;
}
.IzxstTe.q94GUsV {
  background-color: #fff;
}
.IzxstTe.q94GUsV .arco-layout-content {
  padding: 0;
}
.IzxstTe.q94GUsV .YrkpFeN {
  padding: 0;
}
.IzxstTe.TvLWHRL .lnCBYkF {
  display: none;
}
.IzxstTe.TvLWHRL .tT7NDld {
  margin-bottom: 20px;
}
.IzxstTe .arco-layout-content {
  display: flex;
  flex-direction: column;
}
.piFiuNz {
  width: 100vw;
  height: 100vh;
}
.cXBuSCI {
  width: 56px !important;
}
.cXBuSCI .arco-layout-sider-children {
  overflow: visible;
}
.SvsUAWf {
  width: 220px !important;
}
.Yu9Us8r {
  padding: 0px;
  border-radius: 0 8px 8px 0;
  background: #131e2e;
  position: relative;
  padding-top: 16px;
  height: 100%;
  box-sizing: border-box;
  width: 220px;
  display: flex;
  flex-direction: column;
  z-index: 999;
  transition: width 0.08s cubic-bezier(0, 0, 0.71, 1);
}
.Yu9Us8r .arco-layout-sider-children {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Yu9Us8r .VhIqscL {
  position: absolute;
  right: 8px;
  top: 16px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.Yu9Us8r .VhIqscL:hover {
  background-color: #ffffff1f;
}
.Yu9Us8r .VhIqscL:hover g {
  opacity: 1;
}
.Yu9Us8r .zOMoY_S {
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 2;
}
.Yu9Us8r .zOMoY_S.hP02cYM {
  transform: rotateZ(-45deg);
}
.Yu9Us8r .zOMoY_S.hP02cYM g {
  opacity: 1;
}
.Yu9Us8r .BYNvJ6w {
  flex: 1;
  height: 0;
  display: flex;
  flex-direction: column;
}
.Yu9Us8r .tT7NDld {
  display: flex;
  padding: 0 20px 0 18px;
  height: 28px;
  gap: 8px;
  align-items: center;
}
.Yu9Us8r .tT7NDld .rzxbmR6 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.Yu9Us8r .tT7NDld .Z8lmlpc {
  width: 66px;
  height: 16px;
}
.Yu9Us8r .lnCBYkF {
  width: 100%;
  overflow: hidden;
}
.Yu9Us8r .O53HwOv {
  display: flex;
  margin-top: 8px;
  margin-bottom: 4px;
  gap: 2px;
  border-bottom: 1px solid #ffffff14;
  padding: 0 6px 8px 6px;
  width: 220px;
  box-sizing: border-box;
}
.Yu9Us8r .O53HwOv .ummP0cm {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  padding: 4px;
  border-radius: 8px;
  cursor: pointer;
  color: #fff;
  font-size: 10px;
  width: 38px;
  box-sizing: border-box;
}
.Yu9Us8r .O53HwOv .ummP0cm.yWSJS0D,
.Yu9Us8r .O53HwOv .ummP0cm:hover {
  opacity: 1;
}
.Yu9Us8r .pBTTHVP {
  width: 20px;
  height: 20px;
}
.Yu9Us8r .pBGScJz {
  background: #131e2e;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: rgba(255, 255, 255, 0.24) transparent;
  scrollbar-width: thin;
}
.Yu9Us8r .pBGScJz .S_asDX2 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.Yu9Us8r .pBGScJz .S_asDX2 path {
  fill: #fff;
}
.Yu9Us8r .pBGScJz .l8vDHWd {
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  margin: 4px 0 4px 0;
  opacity: 1;
  transition: all 0.1s;
  white-space: nowrap;
}
.Yu9Us8r .pBGScJz .bz0S7iZ {
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex: 1;
  width: 0;
}
.Yu9Us8r .pBGScJz .NGaesBj {
  background: #1db88c3d;
  color: #1db88c;
  font-size: 10px;
  font-weight: 600;
  height: 14px;
  line-height: 14px;
  padding: 0 4px;
  border-radius: 8px;
}
.Yu9Us8r .pBGScJz .fppqjn9 {
  background: #3770ff3d;
  color: #3770ff;
}
.Yu9Us8r .pBGScJz .PrkA8z3 {
  background: #131e2e;
  color: #fff;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  padding: 0 11px;
  flex: 1;
  justify-content: space-between;
}
.Yu9Us8r .pBGScJz .PrkA8z3.cZLXSKk {
  gap: 6px;
}
.Yu9Us8r .pBGScJz .PrkA8z3:hover {
  background-color: #222936;
  color: #fff;
}
.Yu9Us8r .pBGScJz .PrkA8z3:focus-visible {
  box-shadow: none;
}
.Yu9Us8r .pBGScJz .PrkA8z3 .is-open {
  color: #fff;
}
.Yu9Us8r .pBGScJz .MwFGi1I.PrkA8z3 {
  background: #131e2e;
}
.Yu9Us8r .pBGScJz .MwFGi1I.PrkA8z3:hover {
  background-color: #222936;
}
.Yu9Us8r .pBGScJz .arco-menu-selected {
  background-color: #3a404b !important;
  border-radius: 8px;
}
.Yu9Us8r .pBGScJz .arco-menu-selected .arco-icon {
  color: #fff !important;
}
.Yu9Us8r .pBGScJz .arco-menu-inline-header {
  padding: 0;
}
.Yu9Us8r .pBGScJz .arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon {
  color: #fff;
}
.Yu9Us8r .pBGScJz .arco-divider {
  margin: 4px 0;
  border-color: #ffffff14;
}
.MTU_vB2 .pBGScJz .bz0S7iZ {
  width: 100%;
}
.MTU_vB2 .pBGScJz .bz0S7iZ .u8uHq_8 {
  width: 100%;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.WENAl0s {
  width: 56px;
}
.WENAl0s .tT7NDld .Z8lmlpc {
  opacity: 0;
}
.WENAl0s .O53HwOv {
  width: calc(56px + 2px);
}
.WENAl0s .O53HwOv .ummP0cm {
  display: none;
}
.WENAl0s .O53HwOv .ummP0cm.yWSJS0D {
  display: flex;
}
.WENAl0s .pBGScJz .l8vDHWd {
  opacity: 0;
}
.WENAl0s .u8uHq_8 {
  opacity: 0;
}
.WENAl0s .NGaesBj {
  position: absolute;
  top: 0;
  left: 0;
}
.WENAl0s .MwFGi1I {
  background-color: #3a404b !important;
}
.WENAl0s .MwFGi1I :hover {
  background-color: #ffffff0f;
}
.WENAl0s .arco-menu-selected {
  background: transparent !important;
}
.WENAl0s .arco-menu-icon-suffix,
.WENAl0s .arco-menu-inline-content {
  display: none;
}
.WENAl0s .arco-menu-item {
  position: relative;
}
.WENAl0s .jRUUfq6 .hQUk9Nc {
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.t3SM99e {
  padding-top: 12px;
}
#mI_Es1x {
  padding: 16px;
}
.jRUUfq6 {
  background: #131e2e;
  color: #fff;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  padding: 0 11px;
  flex: 1;
  cursor: pointer;
  margin-top: 8px;
  position: relative;
}
.jRUUfq6:hover {
  background-color: #222936;
}
.jRUUfq6[data-dot='true']::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff4d4f;
  left: 27px;
  top: 8px;
  z-index: 10;
}
.jRUUfq6 .hQUk9Nc {
  position: relative;
  white-space: nowrap;
  transition: width 0.08s, opacity 0.08s;
  width: 0;
  opacity: 0;
}
.jRUUfq6 .hQUk9Nc[data-dot='true']::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff4d4f;
  top: -2px;
  right: -6px;
}
.MTU_vB2 .jRUUfq6::after {
  display: none;
}
.MTU_vB2 .jRUUfq6 .hQUk9Nc {
  width: auto;
  opacity: 1;
}
.LcTOIFY:not(:last-child) {
  position: relative;
  margin-bottom: 9px;
}
.LcTOIFY:not(:last-child)::after {
  content: '';
  width: 100%;
  border-bottom: 1px solid #ffffff14;
  position: absolute;
  bottom: -5px;
}

.iSBa2zD {
  background: #131e2e;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  color: #fff;
  cursor: pointer;
  margin: 0 8px 8px;
  font-size: 13px;
  font-weight: 500;
}
.iSBa2zD .r5qWFFF {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
.iSBa2zD.GhcdHE0 {
  background-color: #ffffff0f;
}
.iSBa2zD.JKdXIYq {
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
}
.iSBa2zD.JKdXIYq .arco-avatar-circle {
  flex-shrink: 0;
}
.iSBa2zD.JKdXIYq .uHbbsm6 {
  display: none;
}
.iSBa2zD.JKdXIYq .r5qWFFF {
  display: none;
  opacity: 0;
}
.iSBa2zD .WZkYnI5 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.iSBa2zD .uHbbsm6 {
  opacity: 0.4;
  font-weight: 700;
}
.iSBa2zD:hover {
  background-color: #ffffff0f;
}
.LUhqXxY,
.QTn7yOT {
  z-index: 300;
  transition: none !important;
}
.LUhqXxY .arco-popover-content,
.QTn7yOT .arco-popover-content {
  padding: 8px 0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  position: relative;
  left: -4px;
}
.LUhqXxY .arco-popover-arrow-container,
.QTn7yOT .arco-popover-arrow-container {
  display: none;
}
.LUhqXxY {
  position: relative;
  left: -12px;
  width: 150px;
  padding-bottom: 0;
}
.LUhqXxY .IPPcbZ6 .un6g1gX {
  height: 32px;
  line-height: 32px;
  border-radius: 8px;
  padding: 0 8px;
  color: #080f20;
  font-size: 13px;
  font-weight: 400;
}
.LUhqXxY .IPPcbZ6 .un6g1gX:hover {
  background: #f3f4f6;
  color: #080f20;
}
.LUhqXxY .arco-menu-inner {
  padding: 0 6px !important;
}
.LUhqXxY .arco-popover-content {
  position: relative;
  left: -12px;
  top: -8px;
  padding-bottom: 3px !important;
}
.SlSQMrQ {
  width: 240px;
  max-height: 90vh;
  overflow-y: auto;
}
.SlSQMrQ .mmJMfq8 {
  padding: 0 12px;
  color: #0e1934;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-weight: 400;
  height: 32px;
}
.SlSQMrQ .ZOH4rE0 {
  height: 60px;
  padding: 6px;
  border-bottom: 1px solid #ebedef;
}
.SlSQMrQ .u4QIpQr {
  justify-content: flex-start;
  gap: 8px;
  border-radius: 8px;
  height: 48px;
  padding-left: 8px;
}
.SlSQMrQ .u4QIpQr:hover {
  background: #f3f4f6;
}
.SlSQMrQ .u4QIpQr .Hc9kmuH {
  flex: 1;
  width: 0;
}
.SlSQMrQ .u4QIpQr .vDlCtKU {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SlSQMrQ .u4QIpQr .vDlCtKU .ueIWa4e {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SlSQMrQ .u4QIpQr .x0bStPz {
  color: #667383;
  font-size: 12px;
}
.SlSQMrQ .u4QIpQr .vDlCtKU,
.SlSQMrQ .u4QIpQr .x0bStPz {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SlSQMrQ .pqryveP {
  color: #667383;
}
.SlSQMrQ .uHbbsm6 {
  color: #64758b;
  font-size: 12px;
}
.SlSQMrQ .HXp3seB {
  padding: 6px;
}
.SlSQMrQ .HXp3seB .mZI0CUM {
  padding: 0 8px;
  border-radius: 8px;
}
.SlSQMrQ .HXp3seB .mZI0CUM:hover {
  background-color: #f3f4f6;
}
.SlSQMrQ .Ij5aeGp {
  padding: 6px 6px 0;
  border-top: 1px solid #ebedef;
}
.SlSQMrQ .nth0Ru7 {
  height: 32px;
  border-radius: 8px;
  color: #3770ff;
  font-size: 14px;
  padding: 0 6px;
}
.SlSQMrQ .nth0Ru7:hover {
  background: #f3f4f6;
}
.qPSPhaa {
  padding: 6px 6px 0;
}
.qPSPhaa .BBpDN3j {
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  font-weight: 400;
  color: #0e1934;
  border-radius: 8px;
  cursor: pointer;
  padding: 0 8px;
}
.qPSPhaa .BBpDN3j:hover {
  background: #f3f4f6;
}

.hUISvj7 {
  background: #f8f9fb;
  padding: 8px 0 4px;
}
.hUISvj7 .wpYNVp6 {
  color: #667383;
  font-size: 12px;
  font-size: 400;
  padding-left: 14px;
}
.hUISvj7 .QPZ3T4C {
  padding: 0 6px;
  height: 50px;
}
.hUISvj7 .cRShpTJ {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  cursor: pointer;
  border-radius: 8px;
  padding: 6px 6px 6px 8px;
}
.hUISvj7 .cRShpTJ:hover {
  background: #f3f4f6;
}
.hUISvj7 .cRShpTJ .LF72ebx {
  background: #fff;
  box-shadow: 0px 1px 8px 0px #0000000a;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
}
.hUISvj7 .cRShpTJ .LF72ebx svg {
  width: 16px;
  height: 16px;
}
.hUISvj7 .cRShpTJ .E9_JDYS {
  flex: 1;
  width: 0;
}
.hUISvj7 .cRShpTJ .pAZWEdt {
  color: #313947;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hUISvj7 .cRShpTJ .drI5bWf {
  color: #667383;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hUISvj7 .Lm6APFP {
  height: 18px;
  border-radius: 4px;
  line-height: 18px;
  padding: 0 6px;
  background: #2564ef1f;
  color: #2564ef;
  font-size: 12px;
  font-weight: 400;
}
.hUISvj7 .Lm6APFP.ErpJLCV {
  background: #54b6751f;
  color: #54b675;
}
.hUISvj7 .Lm6APFP.T8lOJxD {
  background: #5e35fa1f;
  color: #5c35ed;
  font-weight: 600;
}
.hUISvj7 .Lm6APFP.mmAeRSX {
  background: #e6b9171f;
  color: #e8b915;
  font-weight: 600;
}
.hUISvj7 .Lm6APFP.fGA5eBg {
  background: linear-gradient(283.32deg, #15110a 0%, #3b3220 100%);
  color: #e2ca8e;
  font-weight: 600;
}

.bvOY6HT {
  height: 100vh;
  display: flex;
}
.bvOY6HT .W74xBVH {
  flex: 65;
  background: url(https://cdn.shulex-voc.com/shulex/upload/2025-02-07/36b26b4d-9f40-4796-a32c-d0e5980a1f77.svg) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bvOY6HT .W74xBVH .a0RRYwp {
  display: flex;
  align-items: center;
  gap: 1.5em;
  color: #080f20;
  font-size: 1.6em;
  font-weight: 500;
  margin-bottom: 84px;
  white-space: wrap;
}
.bvOY6HT .W74xBVH .a0RRYwp .CJGlwA_ {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.bvOY6HT .W74xBVH .a0RRYwp .gKyUl0p {
  height: 38px;
  line-height: 38px;
  padding: 0 12px;
  margin-right: 8px;
  font-size: 0.8em;
  font-weight: 600;
  color: #fff;
  border-radius: 8px;
  white-space: nowrap;
  background: linear-gradient(109.42deg, #c376ff 0.92%, #6a4eff 40.92%, #5254fe 60.92%, #2b72fd 100.92%);
}
.bvOY6HT .W74xBVH .eu3_sph {
  width: 80%;
  max-width: 800px;
}
.bvOY6HT .s5UAahy {
  flex: 35;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fff;
}
.bvOY6HT .s5UAahy .tqsvtXs {
  width: 60%;
  max-width: 220px;
  padding: 12px;
  background: #fafaff;
}
.bvOY6HT .s5UAahy .eu3_sph {
  width: 100%;
}
.bvOY6HT .s5UAahy .BvejKLG {
  width: 28px;
  height: 28px;
}
.bvOY6HT .s5UAahy .rWhwbR1 {
  color: #080f20;
  font-size: 2.5em;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 1.5em;
  text-align: center;
}
.bvOY6HT .s5UAahy .A0mgxhW {
  color: #080f20;
  font-size: 20px;
  font-weight: 600;
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.whpdUxD .W74xBVH .a0RRYwp {
  font-size: 1.2em;
}
@media screen and (max-width: 1120px) {
  .bvOY6HT {
    font-size: 12px;
  }
  .bvOY6HT .W74xBVH .eu3_sph {
    width: 80%;
  }
  .bvOY6HT .W74xBVH .a0RRYwp {
    font-size: 1.2em;
  }
}
@media (min-width: 1120px) and (max-width: 1700px) {
  .bvOY6HT {
    font-size: 12px;
  }
}
@media screen and (min-width: 1700px) {
  .bvOY6HT {
    font-size: 16px;
  }
}

/**
* 规范：
  1. 所有输入控件（Input,Select等）中placeholder的颜色统一用@text-secondary，输入后值的颜色统一用@text-primary
  2. 所有输入控件（Input,Select等）中鼠标移入时需要加上样式，比如boder
*
**/
/*
单行文本点点点
*/
.kKM_yGA {
  position: relative;
  cursor: pointer;
}
.kKM_yGA::after {
  position: absolute;
  content: '';
  background: #4d5e80;
  height: 2px;
  width: 100%;
  bottom: 3px;
  left: 0;
}
.kKM_yGA:hover::after {
  background: #425271;
}
.bOqlYwd {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sWLlAQ_ {
  display: flex;
  align-items: center;
}
.PbZrCUM {
  display: none !important;
}
@keyframes _N5QU6F {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.xoEB070 {
  padding: 4px 8px 4px;
  gap: 0;
  display: flex;
  margin-left: 4px;
  width: 220px;
}
.xoEB070.TIhk3TM {
  width: calc(56px + 2px);
}
.vQu19w_ {
  width: 16px;
  height: 16px;
  margin-left: 20px;
}
.d8Dsc9x {
  width: calc(100% - 8px);
  object-fit: cover;
  margin-left: 8px;
  cursor: pointer;
}

.vcJBDXt {
  padding: 0 14px;
  color: #fff;
  background: #ffffff0a;
  border-radius: 0.5px solid #ffffff14;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 0 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.vcJBDXt:hover {
  background: #ffffff12;
}
.vcJBDXt .pHXiFdr {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.vcJBDXt .pHXiFdr div {
  white-space: nowrap;
}
.vcJBDXt .pHXiFdr .MTBJktY {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
}
.vcJBDXt .pHXiFdr .cq2bkDO {
  font-size: 11px;
  padding: 2px 4px;
  line-height: 12px;
  border-radius: 4px;
  background: #ff4d4f;
  color: #ffffff;
}
.vcJBDXt .NdrFURX {
  color: #ffffff66;
}
.vcJBDXt ._ZKGHpb {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.vcJBDXt .u198w4_ {
  color: #ffffff66;
  white-space: nowrap;
}
.vcJBDXt .arco-progress-line-outer {
  background: #ffffff3d;
}
.vcJBDXt .arco-progress-line-inner {
  background: #11d57d;
}
.vcJBDXt .arco-progress-is-error .arco-progress-line-inner {
  background: #ff4d4f;
}
.f668o3x {
  cursor: pointer;
}
.IAt3i17 {
  display: flex;
  justify-content: center;
}
.IAt3i17 .arco-progress-mini {
  margin-right: 0 !important;
  border-radius: 50%;
  padding: 2px;
  border: 1.2px solid #ffffff66;
}
.IAt3i17 .arco-progress-mini .arco-progress-circle-wrapper {
  width: 16px !important;
  height: 16px !important;
}
.IAt3i17 .arco-progress-mini .arco-progress-circle-mask {
  stroke: transparent !important;
}
.IAt3i17 .arco-progress-mini .arco-progress-circle-path {
  stroke: #11d57d !important;
}
.IAt3i17 .arco-progress-mini.arco-progress-is-error .arco-progress-circle-path {
  stroke: #ff4d4f !important;
}
.SSMZg4i {
  border-radius: 16px;
}
.SSMZg4i .arco-modal-header {
  border: none;
}
.SSMZg4i .arco-modal-close-icon {
  font-size: 16px;
}
.SSMZg4i .arco-modal-content {
  padding-top: 0;
}
.SSMZg4i .nXxUtTj {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #667383;
  font-size: 13px;
  margin: 16px 0 8px;
}
.SSMZg4i .nXxUtTj .Z3GYm4w {
  width: 30px;
}
.SSMZg4i .qureBot {
  color: #9aa0a9;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  border-left: 1px solid #c4c9d2;
  margin-left: 12px;
  padding-left: 12px;
  height: 16px;
  line-height: 16px;
}
.SSMZg4i .LFLVkTX {
  border-radius: 8px;
  background: #f8f9fb;
  padding: 0 16px;
}
.SSMZg4i .LFLVkTX .F1KJYbF {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  padding: 16px 0;
  border-bottom: 1px dashed #d5d9e1;
}
.SSMZg4i .LFLVkTX .F1KJYbF:nth-last-child(1) {
  border: none;
}
.SSMZg4i .LFLVkTX .F1KJYbF .cfmCGZe {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  color: #0e1934;
}
.SSMZg4i .LFLVkTX .F1KJYbF .cfmCGZe .Nmd3n0x {
  width: 16px;
}

.foGaucz {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.foGaucz:hover {
  background: #313d4c;
}
.REfvWXK {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.cDpIgfZ {
  width: 4px !important;
  height: 4px !important;
  background: #ef3c67 !important;
  box-shadow: none !important;
}
.vDsSewq {
  z-index: 99999;
}
.vDsSewq .arco-popover-content {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  position: relative;
  left: -4px;
}
.vDsSewq .arco-popover-arrow-container {
  display: none;
}
.vDsSewq .arco-menu-item {
  line-height: 32px;
}

/**
* 规范：
  1. 所有输入控件（Input,Select等）中placeholder的颜色统一用@text-secondary，输入后值的颜色统一用@text-primary
  2. 所有输入控件（Input,Select等）中鼠标移入时需要加上样式，比如boder
*
**/
/*
单行文本点点点
*/
.vzr2KgP {
  position: relative;
  cursor: pointer;
}
.vzr2KgP::after {
  position: absolute;
  content: '';
  background: #4d5e80;
  height: 2px;
  width: 100%;
  bottom: 3px;
  left: 0;
}
.vzr2KgP:hover::after {
  background: #425271;
}
.HsnFSgh {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hf04KNS {
  display: flex;
  align-items: center;
}
.mf5xU3y {
  display: none !important;
}
@keyframes piKrX36 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.KHZEmPq {
  background: #202b3a;
  border-radius: 8px;
  padding: 0 12px;
  height: 42px;
  margin: 0 8px;
  width: calc(100% - 16px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.KHZEmPq .JfcQW2W {
  flex: 1;
  flex-shrink: 0;
  color: #9aa0a9;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: start;
  white-space: nowrap;
}
.KHZEmPq .JfcQW2W .tF0oicx {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  flex-shrink: 0;
}
.KHZEmPq .jOQe4sK {
  flex-shrink: 0;
  color: #fff;
  height: 100%;
  padding-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.KHZEmPq .jOQe4sK .tc9Al0y {
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.skhomjb {
  background: #202b3a;
  border-radius: 8px;
  padding: 12px;
  margin: 0 8px;
  width: calc(100% - 16px);
  cursor: pointer;
}
.skhomjb .PCA1vgA {
  display: flex;
  align-items: center;
  justify-content: start;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.skhomjb .PCA1vgA .tF0oicx {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  flex-shrink: 0;
}
.skhomjb .Pa26ZoK {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.skhomjb .Pa26ZoK .c_MEmVH {
  color: #fff;
  font-size: 24px;
}
.skhomjb .Pa26ZoK .kxRCFKY {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5e5e5e94;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
.skhomjb .Pa26ZoK .kxRCFKY .L4dIF6e {
  width: 16px;
  height: 16px;
}
.skhomjb .Pa26ZoK .kxRCFKY .L4dIF6e path {
  fill: #fff;
}

.OqBpQfz {
  padding-bottom: 6px;
  background: #131e2e;
}
.ull1RNS {
  border: 1px solid #fd853a;
  background: #ffe2d0;
  border-radius: 8px;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 22px;
}
.ull1RNS .FxHlNQa {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.ull1RNS .FxHlNQa .gqsxh9k {
  width: 14px;
}
.ull1RNS .FxHlNQa .Meq4MJW {
  height: 24px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 0 8px;
  gap: 4px;
  background: #fff;
  border-radius: 16px;
  cursor: pointer;
}
.ull1RNS .dFTmkVH {
  width: 12px;
  cursor: pointer;
}

.FJ1JgTR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 100vh;
}
.FJ1JgTR .E3OjKtZ {
  font-size: 16px;
}
.FJ1JgTR .H_9pwmV {
  font-size: 12px;
  color: #5a6470;
  line-height: 1.5;
}