:root {
  --brand-ink: #0b1821;
  --brand-ink-soft: #122631;
  --brand-cyan: #17b7c9;
  --brand-cyan-dark: #087f96;
  --brand-line: #d8e2e7;
  --brand-canvas: #f3f6f7;
  --brand-copy: #526572;
}

body {
  color: var(--brand-copy);
  background-color: var(--brand-canvas);
  font-family: "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

.home-menu-box .menu-wrap {
  background-color: rgba(8, 22, 30, 0.97);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.home-menu-box .menu-ul > li > a {
  color: #b8c8d0;
  font-weight: 500;
}

.home-menu-box .menu-ul > li > a:hover,
.home-menu-box .menu-ul > li > a.active {
  color: #ffffff;
}

.home-menu-box .login-btn {
  color: #ffffff !important;
  background-color: transparent !important;
  border: 1px solid #637985 !important;
  border-radius: 4px !important;
}

.home-menu-box .registered-btn {
  color: #07151c !important;
  background-color: var(--brand-cyan) !important;
  border: 1px solid var(--brand-cyan) !important;
  border-radius: 4px !important;
}

.banner-apy {
  background-color: var(--brand-ink) !important;
  background-image: none !important;
}

.slider-main .banner-common-text p:first-child {
  color: #f5fafb;
  font-weight: 700;
  letter-spacing: 0;
}

.slider-main .banner-common-text p:last-of-type {
  color: #abc0c9;
}

.slider-main .a-free-reg {
  color: #07151c !important;
  background-color: var(--brand-cyan) !important;
  border: 1px solid var(--brand-cyan) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.slider-main .a-free-reg:hover {
  background-color: #4bc9d7 !important;
  transform: none !important;
}

.advantage-box li {
  background-color: #ffffff;
  border: 1px solid var(--brand-line);
  border-top: 3px solid var(--brand-cyan-dark);
  border-radius: 5px;
  box-shadow: 0 8px 22px rgba(15, 35, 46, 0.08);
}

.advantage-box li p:first-child {
  color: var(--brand-ink-soft) !important;
}

.advantage-box li p:last-child {
  color: #71838e !important;
}

.advantage-box .advantage-icon {
  color: var(--brand-cyan-dark);
}

.module-product-wrap {
  background: var(--brand-canvas) !important;
}

.module-product-wrap h3 {
  color: var(--brand-ink-soft) !important;
  letter-spacing: 0;
}

.module-product-list li {
  background-color: #ffffff;
  border-color: var(--brand-line);
  border-radius: 5px;
  box-shadow: 0 3px 12px rgba(15, 35, 46, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.module-product-list:not(.module-product-disabled) li.active,
.module-product-list:not(.module-product-disabled) li:hover {
  border-color: #6bb5c2;
  box-shadow: 0 9px 22px rgba(15, 35, 46, 0.08);
  transform: translateY(-2px);
}

.layer-repeat-rect-top {
  background-color: var(--brand-cyan-dark) !important;
}

.layer-repeat-rect-bottom {
  background-color: #d8e8ec !important;
}

.module-product-list .module-even-title {
  color: var(--brand-ink-soft) !important;
}

.start-box {
  background-color: #ffffff !important;
}

.start-box h3 {
  color: var(--brand-ink-soft) !important;
}

.start-box .icon-hook {
  color: var(--brand-cyan-dark) !important;
}

.start-box .text-content {
  background-color: var(--brand-ink-soft) !important;
  border-radius: 5px !important;
}

.start-box .start-btn {
  color: #07151c !important;
  background-color: var(--brand-cyan) !important;
  border-radius: 4px !important;
}

.footer {
  background-color: #09161e !important;
}

.footer,
.footer a,
.footer p {
  color: #9eb1bb !important;
}

@media screen and (max-width: 1000px) {
  .header-container {
    background-color: var(--brand-ink) !important;
  }
  .m-registered-banner {
    background-color: var(--brand-ink-soft) !important;
  }
  .m-registered-banner .right-btn {
    color: #07151c !important;
    background-color: var(--brand-cyan) !important;
  }
}