:root{
  --btn-gradient:linear-gradient(90deg,#6c5a4d 0%,#877160 20%,#a98f79 40%,#cfb79f 50%,#a98f79 60%,#877160 80%,#6c5a4d 100%);
  --btn-text:#fff8ee;
  --crown-gradient:var(--btn-gradient);
  --member-gradient:var(--btn-gradient);
  --agent-gradient:var(--btn-gradient);
  --crown-text:var(--btn-text);
  --member-text:var(--btn-text);
  --agent-text:var(--btn-text);
}

/* Desktop and mobile use fixed background images only. */
.home-page-body .mobile-bg{
  background-color:#090806!important;
  background-image:url('/static/images/desktop-bg.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

.webp .home-page-body .mobile-bg{
  background-image:url('/static/images/desktop-bg.webp')!important;
}
@media screen and (max-width:768px){
  .home-page-body .mobile-bg{
    background-image:url('/static/images/mobile-bg.jpg')!important;
    background-position:18% center!important;
    background-size:auto 100%!important;
    background-repeat:no-repeat!important;
    background-color:#090806!important;
  }
  .webp .home-page-body .mobile-bg{
    background-image:url('/static/images/mobile-bg.webp')!important;
  }
  .home-page-body .background-mask{
    background:rgba(0,0,0,.12)!important;
  }
}
@media screen and (max-width:520px){
  .home-page-body .mobile-bg{
    background-position:16% center!important;
  }
}
@media screen and (max-width:430px){
  .home-page-body .mobile-bg{
    background-position:14% center!important;
  }
}
@media screen and (max-width:380px){
  .home-page-body .mobile-bg{
    background-position:12% center!important;
  }
}
@media screen and (max-width:900px) and (orientation:landscape){
  .home-page-body .mobile-bg{
    background-position:20% center!important;
    background-size:cover!important;
  }
  .home-page-body .background-mask{
    background:rgba(0,0,0,.15)!important;
  }
}
@media screen and (min-width:769px){
  .info-page-bg{
    background-image:url('/static/images/desktop-bg.jpg')!important;
    background-position:center center!important;
    background-size:cover!important;
  }
}
@media screen and (min-width:769px){
  .webp .info-page-bg{background-image:url('/static/images/desktop-bg.webp')!important}
}

.menu-btn,
.top-mini-btn,
.yx-modal-title,
.modal-close,
.info-back-btn,
.login-enter-btn,
.top-btn-crown,
.top-btn-member,
.top-btn-agent,
.app-download-btn{
  color:var(--btn-text)!important;
  background:var(--btn-gradient)!important;
  background-size:240% 100%!important;
  border:1px solid rgba(240,225,208,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(52,35,24,.20),
    0 5px 14px rgba(0,0,0,.20)!important;
  text-shadow:0 1px 2px rgba(52,33,21,.42)!important;
  animation:flowGradient 9.6s linear infinite!important;
}

.menu-btn::before,
.modal-btn::before,
.modal-close::before,
.top-mini-btn::before,
.yx-modal-title::before,
.info-back-btn::before{
  background:linear-gradient(110deg,
    transparent 0%,
    transparent 42%,
    rgba(255,249,241,.03) 46%,
    rgba(255,249,241,.18) 50%,
    rgba(255,249,241,.05) 54%,
    transparent 58%,
    transparent 100%)!important;
  animation:glossySweep 7.8s ease-in-out infinite!important;
}

.menu-btn:hover,
.top-mini-btn:hover,
.info-back-btn:hover,
.login-enter-btn:hover,
.app-download-btn:hover{
  filter:brightness(1.04) saturate(.99)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(52,35,24,.22),
    0 7px 17px rgba(0,0,0,.23)!important;
}

.footer-info-links .footer-modal-link{
  color:rgba(234,226,215,.94)!important;
  text-shadow:0 1px 5px rgba(0,0,0,.34);
  transition:color .2s ease,text-shadow .2s ease,opacity .2s ease;
}
.footer-info-links .footer-modal-link:hover{
  color:#fffaf3!important;
  text-shadow:0 0 7px rgba(255,248,238,.15),0 1px 5px rgba(0,0,0,.32)!important;
}
.footer-info-links i{color:rgba(220,211,199,.62)}

.help-feedback-wrap{
  border-color:rgba(227,217,204,.18)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.19)!important;
}
.help-feedback-divider{
  background:linear-gradient(180deg,#9c948a 0%,#e0d8ce 50%,#9c948a 100%)!important;
  background-size:100% 220%!important;
  box-shadow:none!important;
  animation:flowGradient 8.8s linear infinite!important;
}
.help-feedback-title{color:#d8cfc3!important}

.login-url-section-title{
  color:#f2eadf!important;
  background:linear-gradient(90deg,rgba(116,97,82,.86),rgba(148,124,105,.94),rgba(116,97,82,.86))!important;
  border-color:rgba(232,220,206,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 9px rgba(0,0,0,.11)!important;
}
.login-speed-list .speed-item:hover{
  border-color:rgba(225,216,204,.22)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025)!important;
}