/* SweetGirl header A/B preview */
body .site-header.sg-ab-head{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:22px 14px 16px!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(7,12,22,.94),rgba(10,14,26,.82))!important;
  isolation:isolate;
  overflow:visible!important;
}
body .site-header.sg-ab-head>.brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  text-align:center!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  max-width:100%!important;
  flex:0 0 auto!important;
}
body .site-header.sg-ab-head .sg-brand-wordmark{
  font-size:clamp(40px,9vw,54px)!important;
  line-height:1.12!important;
}
body .site-header.sg-ab-head>.menu-toggle,
body .site-header.sg-ab-head>.header-explore{
  display:none!important;
}
body .site-header.sg-ab-head>#main-nav{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:4px!important;
  width:100%!important;
  max-width:660px!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:7px!important;
  box-sizing:border-box!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  overflow:visible!important;
  background:rgba(13,17,27,.91)!important;
  border:1px solid rgba(229,185,107,.38)!important;
  border-radius:18px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.32)!important;
  z-index:2;
}
body .site-header.sg-ab-head>#main-nav>a{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  margin:0!important;
  padding:10px 2px!important;
  min-width:0!important;
  min-height:69px!important;
  height:auto!important;
  box-sizing:border-box!important;
  text-align:center!important;
  white-space:normal!important;
  color:#ebdfca!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:transparent!important;
  line-height:1.25!important;
  text-decoration:none!important;
}
body .site-header.sg-ab-head>#main-nav>a[aria-current="page"]{
  color:#f8d99b!important;
  border-color:rgba(229,185,107,.5)!important;
  background:linear-gradient(150deg,rgba(153,111,54,.4),rgba(39,32,27,.6))!important;
  box-shadow:inset 0 1px 0 rgba(255,236,185,.16)!important;
}
.sg-ab-icon{
  display:flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  flex:0 0 auto;
}
.sg-ab-icon svg{width:23px;height:23px;display:block}
body .site-header.sg-ab-head .sg-nav-zh{
  font-size:clamp(13px,3.6vw,17px)!important;
  font-weight:600!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
body .site-header.sg-ab-head .sg-nav-en{
  font-size:clamp(10px,2.8vw,12px)!important;
  line-height:1.25!important;
  margin:0!important;
  white-space:nowrap!important;
  opacity:.9!important;
}
body .site-header.sg-ab-head.sg-mode-b{
  align-items:stretch!important;
  gap:12px!important;
  padding-top:16px!important;
}
body .site-header.sg-ab-head.sg-mode-b>.brand{
  align-self:flex-start!important;
  align-items:flex-start!important;
  text-align:left!important;
  margin-left:7px!important;
}
body .site-header.sg-ab-head.sg-mode-b .sg-brand-wordmark{
  font-size:clamp(33px,7.5vw,45px)!important;
}
body .site-header.sg-ab-head.sg-mode-b>#main-nav{
  max-width:100%!important;
}
@media(max-width:380px){
  body .site-header.sg-ab-head{padding-left:7px!important;padding-right:7px!important}
  body .site-header.sg-ab-head>#main-nav{padding:4px!important;gap:2px!important}
  body .site-header.sg-ab-head>#main-nav>a{padding-left:0!important;padding-right:0!important}
  body .site-header.sg-ab-head .sg-nav-zh{font-size:12px!important}
  body .site-header.sg-ab-head .sg-nav-en{font-size:10px!important}
}