/* Ordinary 37: plum. Only presentation colors; original media and behavior remain. */
:root {
  --regular37-primary: #853c78;
  --regular37-hover: #6e2f63;
  --regular37-ink: #48213f;
  --regular37-soft: #fbf5f9;
  --regular37-border: #dec1d6;
}

/* Recolor decorative backgrounds while retaining the original image layers. */
.bannerBox {
  background-color: #ecd8e7 !important;
  background-blend-mode: luminosity;
}
.bannerBox .el-carousel__item > div {
  isolation: isolate;
  background-color: #ecd8e7;
}
/* PC0 / mobile banner images are decorative backdrops; PCImg is the untouched product. */
.bannerBox .el-carousel__item > div > img:not(.PCImg) {
  mix-blend-mode: luminosity;
}
.features {
  background-color: #f5eaf1 !important;
  background-blend-mode: luminosity;
}
.item01 {
  background-color: #853c78 !important;
  background-blend-mode: luminosity;
}
.specialityBox > div {
  background-color: #853c78;
  background-blend-mode: luminosity;
}
.demand,
.productDesc {
  background-color: #f6eaf2 !important;
  background-blend-mode: luminosity;
}
.login,
.UserCenterIndex {
  background-color: #ead2e2;
  background-blend-mode: luminosity;
}
.sale-warp .imgTitle1 {
  background-color: #853c78;
  background-blend-mode: luminosity;
}
.sale-warp .imgTitle2[style*="linear-gradient"] {
  background-image: linear-gradient(90deg, #702f65, #a45d94) !important;
}
.downArea > div {
  background-color: #ead2e2;
  background-blend-mode: luminosity;
}
.pcdownArea > div,
.pcdownArea > div .appTitle {
  color: #57274e !important;
}
.pcdownArea > div .splitList {
  background-color: #57274e !important;
}
.pcdownArea > div:hover {
  background-color: #853c78;
}
.pcdownArea > div:hover,
.pcdownArea > div:hover .appTitle {
  color: #fff !important;
}
.pcdownArea > div:hover .splitList {
  background-color: #fff !important;
}
.downArea:not(.pcdownArea) > div {
  background-color: #853c78;
}

.moduleTitle,
.template7-trial-title {
  color: var(--regular37-ink) !important;
}
.panelDesc {
  color: #6e5c69 !important;
}
.recordNumber span {
  color: #786a74 !important;
}
.menuItem:hover,
.mMenuItem:hover {
  color: var(--regular37-primary);
}
.loginGrp:hover {
  border-color: var(--regular37-hover);
}
.loginGrp div:first-child:hover {
  color: var(--regular37-hover);
  background-color: #f3e3ee;
}
.loginGrp div:nth-child(2):hover {
  background-color: var(--regular37-hover);
}
.downloadBtn[data-v-49cf73f7]:hover,
.testBtn:hover,
.loginBtn:hover,
.saveBtn:hover {
  background: linear-gradient(180deg, #853c78, #5e2855);
  color: #fff;
}
.downloadBtn[data-v-2e623082]:hover,
.sDownloadBtn:hover {
  color: var(--regular37-hover);
  background-color: #faeef6;
}
.downloadBtn:focus-visible,
.testBtn:focus-visible,
.template7-trial-close:focus-visible {
  outline: 2px solid var(--regular37-primary);
  outline-offset: 3px;
}
.template7-trial-card {
  background: #fbf5f9;
  border-color: var(--regular37-border);
}
.template7-trial-close {
  color: #57274e;
  background-color: #f6e9f2;
}
.template7-trial-close:hover,
.template7-trial-close:focus-visible {
  background-color: #ead2e2;
}

@media (max-width: 768px) {
  .bannerBox {
    background-color: #ecd8e7 !important;
  }
  .downArea > div {
    background-color: #853c78;
  }
  .downArea > div,
  .downArea > div .appTitle {
    color: #fff !important;
  }
  .downArea > div .splitList {
    background-color: #fff !important;
  }
}