/* QingyuanClub -> V9 adapter V11 UI alignment.
   Purchase/order barrage is intentionally preserved and is not hidden here. */

/* ===== Home: top search navigation, aligned to the supplied reference ===== */
.top{
  padding-left:.75rem!important;
  padding-right:.75rem!important;
  padding-top:.55rem!important;
  padding-bottom:.6rem!important;
  background:linear-gradient(180deg,#fff9e9 0%,#fbf7ed 36%,#f5f5f5 100%)!important;
}
.search-row{
  gap:.5rem!important;
  padding:0!important;
  align-items:center!important;
}
.search-bar{
  height:2.4rem!important;
  border-radius:999px!important;
  background:#fff!important;
  padding:0 .95rem!important;
  box-shadow:0 .18rem .72rem rgba(26,33,44,.08)!important;
  border:0!important;
}
.search-ico{
  width:1.05rem!important;
  height:1.05rem!important;
  margin-right:.48rem!important;
  opacity:.45!important;
  filter:grayscale(1)!important;
}
.search-input{
  height:2.4rem!important;
  line-height:2.4rem!important;
  font-size:.98rem!important;
  color:#24272d!important;
}
.search-ph{color:#b8bcc4!important;font-size:.98rem!important}
.search-side{
  width:2.35rem!important;
  height:2.35rem!important;
  margin-left:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  box-shadow:none!important;
  background:linear-gradient(145deg,#69d5f2,#43b9e5)!important;
  position:relative!important;
}
.search-side:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:1.48rem!important;height:1.48rem!important;
  transform:translate(-50%,-50%)!important;
  background:url('/h5/static/icons/v9/gamepad.svg?v=20261005-svg2') center/contain no-repeat!important;
  pointer-events:none!important;
}
.search-side-icon{
  width:2.35rem!important;
  height:2.35rem!important;
  border-radius:50%!important;
  opacity:0!important;
}

/* ===== Home: ordinary announcement bar, purchase barrage untouched ===== */
.notice{
  min-height:2.5rem!important;
  display:flex!important;
  align-items:center!important;
  background:#fff8df!important;
  border-radius:.38rem!important;
  padding:.55rem .72rem!important;
  margin-top:0!important;
  margin-bottom:.62rem!important;
  box-shadow:none!important;
}
.notice-icon,.notice-ico{
  width:1.05rem!important;
  height:1.05rem!important;
  margin-right:.5rem!important;
  opacity:.64!important;
  filter:grayscale(.35)!important;
}
.notice-marquee-wrap{
  min-height:1.35rem!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.notice-marquee-track{
  display:inline-block!important;
  width:max-content!important;
  min-width:max-content!important;
  padding-left:0!important;
  animation:qy-home-notice-marquee 14s linear infinite!important;
  white-space:nowrap!important;
  will-change:transform!important;
}
@keyframes qy-home-notice-marquee{
  0%{transform:translate3d(100vw,0,0)}
  100%{transform:translate3d(-100%,0,0)}
}
.notice-marquee-txt,.notice-txt{
  color:#d2a84f!important;
  font-size:.91rem!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}

/* ===== Home: first-level categories appear as the pill row in the reference ===== */
/* 一级分类恢复：上一版这里被 display:none!important 强制隐藏 */
.icon-scroll,.icon-scroll--native{display:block!important;margin:.05rem 0 .42rem!important}
.icon-row{padding:.12rem 0 .18rem!important}
.icon-cell{width:4rem!important;margin-right:.2rem!important}
.icon-box{width:2.95rem!important;height:2.95rem!important;border-radius:.7rem!important}
.icon-label{font-size:.78rem!important;color:#4b4f55!important;margin-top:.28rem!important;max-width:3.9rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.icon-active-line{margin-top:.18rem!important}
.subcat-bar{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:.5rem!important;
  margin:.15rem 0 .72rem!important;
  background:transparent!important;
}
.subcat-scroll{
  flex:1!important;
  min-width:0!important;
  height:2.35rem!important;
  white-space:nowrap!important;
}
.subcat-row-inner{
  height:2.35rem!important;
  min-width:max-content!important;
  gap:.42rem!important;
  padding-right:.15rem!important;
}
.subcat-pill{
  height:2.05rem!important;
  padding:0 .86rem!important;
  margin-right:0!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 .08rem .35rem rgba(20,24,32,.035)!important;
}
.subcat-pill-txt{
  font-size:.82rem!important;
  color:#666a70!important;
  font-weight:500!important;
}
.subcat-pill--on{
  background:#0d0d0f!important;
  box-shadow:none!important;
}
.subcat-pill--on .subcat-pill-txt{
  color:#fff!important;
  font-weight:600!important;
}
.subcat-menu-wrap{position:relative!important;flex-shrink:0!important}
.subcat-menu{
  width:2.35rem!important;
  height:2.35rem!important;
  border-radius:.68rem!important;
  background:#fff!important;
  box-shadow:0 .1rem .42rem rgba(20,24,32,.055)!important;
}
.burger{
  width:1rem!important;
  height:.12rem!important;
  margin:.11rem 0!important;
  background:#222!important;
  border-radius:999px!important;
}

/* ===== Rainbow aggregate login: integrate below the normal Login button ===== */
.v9-rainbow-login{
  margin:1.05rem 0 1.2rem!important;
  padding:0 .25rem!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.v9-rainbow-login__title{
  display:flex!important;
  align-items:center!important;
  gap:.7rem!important;
  width:100%!important;
  margin:0 0 .85rem!important;
  color:#a0a5ae!important;
  font-size:.76rem!important;
  line-height:1!important;
  text-align:center!important;
}
.v9-rainbow-login__title span{
  flex:1!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#e1e3e7)!important;
}
.v9-rainbow-login__title span:last-child{background:linear-gradient(90deg,#e1e3e7,transparent)!important}
.v9-rainbow-login__title em{font-style:normal!important;white-space:nowrap!important}
.v9-rainbow-login__buttons{
  display:flex!important;
  justify-content:center!important;
  gap:.75rem!important;
}
.v9-rainbow-login__btn{
  width:8.45rem!important;
  max-width:46%!important;
  height:2.75rem!important;
  padding:0 .8rem!important;
  border:1px solid rgba(15,23,42,.055)!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.48rem!important;
  background:#fff!important;
  color:#30343a!important;
  font-size:.88rem!important;
  font-weight:600!important;
  box-shadow:0 .18rem .65rem rgba(15,23,42,.055)!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
.v9-rainbow-login__btn:active{transform:scale(.97)!important;box-shadow:0 .08rem .3rem rgba(15,23,42,.04)!important}
.v9-rainbow-login__icon{
  width:1.55rem!important;
  height:1.55rem!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:.78rem!important;
  line-height:1!important;
  font-weight:800!important;
  flex-shrink:0!important;
}
.v9-rainbow-login__icon--wx{background:#24c45a!important}
.v9-rainbow-login__icon--qq{background:#2396d8!important}
.v9-rainbow-login__btn--wx,.v9-rainbow-login__btn--qq{background:#fff!important;color:#30343a!important}
.v9-rainbow-login__btn-text{white-space:nowrap!important}
.v9-rainbow-login__loading{opacity:.55!important;pointer-events:none!important}
.v9-rainbow-toast{
  position:fixed!important;
  left:50%!important;
  top:48%!important;
  transform:translate(-50%,-50%)!important;
  z-index:999999!important;
  padding:.72rem 1rem!important;
  border-radius:.7rem!important;
  background:rgba(20,22,27,.86)!important;
  color:#fff!important;
  font-size:.88rem!important;
  box-shadow:0 .4rem 1.4rem rgba(0,0,0,.2)!important;
  max-width:78%!important;
  text-align:center!important;
  pointer-events:none!important;
}