/* Final layer: route shells, activity center, authored rich text and read-only avatars. */
html body.hy9-brand-audit {
  --hy9-audit-bg: #0b0816;
  --hy9-audit-panel: #191229;
  --hy9-audit-text: #f2eaff;
  --hy9-audit-muted: #c1afd8;
  --hy9-audit-line: #503666;
  background: #0b0816 !important;
  color: #f2eaff !important;
}
html body.hy9-mobile-audit #app,
html body.hy9-mobile-audit #app > div,
html body.hy9-mobile-audit #app > div > div,
html body.hy9-mobile-audit #app .hy9-mobile-shell {
  background: radial-gradient(ellipse at 80% 0, rgba(92,43,167,.18), transparent 55%), #0b0816 !important;
  color: #f2eaff !important;
}
html body.hy9-mobile-audit #app .hy9-mobile-shell { min-height: 100dvh; }
/* File inputs used to cover the whole portrait and open the OS chooser. */
html body #app :is(.usersg .lesf,.usrse .imgsa,.index__user_icon__CS-AW) input[type="file"],
html body #app .usrse .imgsa .bisn,
html body #app .index__user_lamellae__30UFA { display: none !important; pointer-events: none !important; }
html body #app .hy9-portrait-readonly { cursor: default !important; }
html body #app img.hy9-replaced-preview { display: none !important; }

/* Mobile VIP: headings and rule content have their own legacy white inline styles. */
html body.hy9-audit-route-vip #app .guize_con,
html body.hy9-audit-route-vip #app .vipDetailStyle__vipDetail__2q9TP {
  background: transparent !important;
  color: #ddc9f6 !important;
  border-color: #503666 !important;
}
html body.hy9-audit-route-vip #app .fanshiw,
html body.hy9-audit-route-vip #app .guize_con > h2,
html body.hy9-audit-route-vip #app .guize_con h3 {
  color: #ead8ff !important;
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 700;
}
html body.hy9-audit-route-vip #app .vipDetailStyle__vipInfo__3IZIT {
  background: #191229 !important;
  color: #cbbbdf !important;
  border: 1px solid #503666 !important;
}
html body.hy9-audit-route-vip #app .vipDetailStyle__vipInfo__3IZIT :is(div,p,h4,span) {
  background-color: transparent !important;
  color: #cbbbdf !important;
  border-color: #503666 !important;
}
html body.hy9-audit-route-vip #app .vipDetailStyle__vipInfo__3IZIT :is(h4,.vipDetailStyle__rule__2s4Rz) { color: #ead6ff !important; font-weight: 700; }
html body.hy9-audit-route-vip #app .vipDetailStyle__vipInfo__3IZIT h4 > span {
  background: #654193 !important;
  color: #fff !important;
  border-radius: 50%;
}
html body.hy9-audit-route-userInfo #app .usrse .hgs { border-color: #503666 !important; }
html body.hy9-audit-route-userInfo #app .usrse .imgsa { border-color: #503666 !important; }
html body.hy9-audit-route-userInfo #app .usrse .hgs > div[style*="border-bottom"] { border-color: #503666 !important; }

/* PC activity hub: replace the old raster masthead and the pale list sheet. */
html body #app .preferentialActivity__activityBox__3o22k.hy9-offers-ready {
  background: radial-gradient(ellipse at 75% 5%,rgba(107,45,174,.24),transparent 50%), #0b0816 !important;
  padding: 24px 0 42px !important;
  color: #f2eaff !important;
}
html body #app .hy9-offers-ready > .preferentialActivity__imgBanner__2nt2m { display: none !important; }
html body #app .preferentialActivity__innerBox__1svDM,
html body #app .preferentialActivity__content__UMK1C,
html body #app .preferentialActivity__wrap__1LC3I {
  box-sizing: border-box;
  width: min(1170px,calc(100% - 48px)) !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body #app .preferentialActivity__content__UMK1C,
html body #app .preferentialActivity__wrap__1LC3I { width: 100% !important; }
html body #app .hy9-offers-hero {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  width: min(1170px,calc(100% - 48px));
  min-height: 250px;
  margin: 0 auto 24px;
  padding: 38px 48px;
  border: 1px solid #68418c;
  border-radius: 24px;
  background: radial-gradient(ellipse at 80% 55%,rgba(108,43,186,.35),transparent 60%),linear-gradient(120deg,#1d1138,#0d091b 70%);
  box-shadow: 0 16px 40px rgba(0,0,0,.22),inset 0 1px 0 #b382e32b;
}
html body #app .hy9-offers-hero::after {
  content: '';
  position: absolute;
  right: 3%; bottom: 20px;
  width: 42%; height: 90px;
  border: 1px solid #ab6bfb45;
  border-radius: 50%;
  transform: rotate(-9deg);
  pointer-events: none;
}
html body #app .hy9-offers-copy { z-index: 1; max-width: 65%; }
html body #app .hy9-offers-copy > span { color: #b795de; font: 11px/1.5 sans-serif; letter-spacing: 3px; }
html body #app .hy9-offers-copy h1 { margin: 12px 0; color: #f5eaff; font-size: clamp(24px,3vw,38px); font-weight: 800; letter-spacing: .025em; line-height: 1.3; }
html body #app .hy9-offers-copy p { margin: 0; color: #cbb7e2; font-size: 16px; letter-spacing: .14em; }
html body #app .hy9-offers-hero > img { position: absolute; right: 1%; top: -12%; width: 45%; height: 124%; object-fit: contain; }
html body #app .preferentialActivity__tab__3e2JQ {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  height: auto !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}
html body #app .preferentialActivity__tab__3e2JQ li {
  display: flex !important; align-items: center; justify-content: center; gap: 8px;
  float: none !important;
  flex: 1 1 120px;
  box-sizing: border-box;
  height: 42px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 1px solid #503666 !important;
  border-radius: 12px !important;
  background: #1d142f !important;
  color: #d1bde6 !important;
  font-size: 13px !important;
  cursor: pointer;
}
html body #app .preferentialActivity__tab__3e2JQ li img { display: none !important; }
html body #app .preferentialActivity__tab__3e2JQ li::before {
  content: ''; width: 19px; height: 19px; flex: 0 0 19px;
  background: #ceacf8;
  mask: url('/static/image/hy9-neon/icon-vip.svg') center/contain no-repeat;
  -webkit-mask: url('/static/image/hy9-neon/icon-vip.svg') center/contain no-repeat;
}
html body #app .preferentialActivity__tab__3e2JQ li:nth-child(2)::before { mask-image: url('/static/image/hy9-neon/icon-wallet.svg'); -webkit-mask-image: url('/static/image/hy9-neon/icon-wallet.svg'); }
html body #app .preferentialActivity__tab__3e2JQ li:nth-child(3)::before { mask-image: url('/static/image/hy9-neon/icon-board.svg'); -webkit-mask-image: url('/static/image/hy9-neon/icon-board.svg'); }
html body #app .preferentialActivity__tab__3e2JQ li:nth-child(4)::before { mask-image: url('/static/image/hy9-neon/icon-slots.svg'); -webkit-mask-image: url('/static/image/hy9-neon/icon-slots.svg'); }
html body #app .preferentialActivity__tab__3e2JQ li:nth-child(5)::before { mask-image: url('/static/image/hy9-neon/icon-lottery.svg'); -webkit-mask-image: url('/static/image/hy9-neon/icon-lottery.svg'); }
html body #app .preferentialActivity__tab__3e2JQ li:nth-child(6)::before { mask-image: url('/static/image/hy9-neon/icon-live.svg'); -webkit-mask-image: url('/static/image/hy9-neon/icon-live.svg'); }
html body #app .preferentialActivity__tab__3e2JQ li:is(:hover,.preferentialActivity__active__3GZpm) { color: #fff !important; border-color: #b380eb !important; background: linear-gradient(110deg,#683da1,#3e255e) !important; box-shadow: 0 0 16px #974ceb25; }
html body #app .preferentialActivity__acyivityList__3l7jF { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; width: 100% !important; margin: 0 !important; padding: 0 !important; }
html body #app .preferentialActivity__acyivityList__3l7jF::after { display: none !important; }
html body #app .preferentialActivity__acyivityList__3l7jF > li {
  position: relative; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important;
  overflow: hidden; border: 1px solid #503666 !important; border-radius: 17px !important;
  background: #191229 !important; box-shadow: 0 8px 20px #00000028 !important;
  cursor: pointer; transition: border-color .16s ease,box-shadow .16s ease;
}
html body #app .preferentialActivity__acyivityList__3l7jF > li:hover { border-color: #b77af1 !important; box-shadow: 0 9px 24px #7a35b52b !important; }
html body #app .preferentialActivity__activityTag__2AF1_ { display: none !important; }
html body #app .preferentialActivity__imgBox__FENnL { width: 100% !important; height: auto !important; border: 0 !important; background: #191229 !important; }
html body #app .hy9-offer-ready > p:first-of-type,
html body #app .hy9-offer-ready > img { display: none !important; }
html body #app .hy9-offer-art {
  box-sizing: border-box; position: relative; overflow: hidden; height: 192px; padding: 22px 20px;
  background: radial-gradient(ellipse at 100% 0,rgba(144,63,232,.3),transparent 60%),#120c24;
}
html body #app .hy9-offer-art > img { position: absolute; display: block !important; right: 0; top: 0; width: 72% !important; height: 100% !important; min-height: 0 !important; object-fit: cover !important; object-position: center; opacity: .85; filter: none !important; }
html body #app .hy9-offer-art[data-kind="gift"] > img { object-fit: contain !important; width: 70% !important; }
html body #app .hy9-offer-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#140d25 5%,#140d25bd 42%,transparent 78%); }
html body #app .hy9-offer-eyebrow { position: relative; display: block; z-index: 1; font-size: 9px; letter-spacing: 1.7px; color: #bb9bdc !important; }
html body #app .hy9-offer-art-title { position: relative; display: block; z-index: 1; max-width: 61%; margin-top: 18px; color: #f3e8ff !important; font-size: 21px; font-weight: 700; line-height: 1.45; }
html body #app .hy9-offer-badge { position: absolute; z-index: 1; bottom: 17px; left: 20px; padding: 4px 8px; border: 1px solid #a57ad250; border-radius: 6px; color: #d6b7f0; background: #3b215d70; font-size: 10px; }
html body #app .preferentialActivity__itemText__1l0uB { box-sizing: border-box; position: static !important; top: auto !important; bottom: auto !important; width: 100% !important; height: auto !important; padding: 14px 16px !important; background: #211632 !important; }
html body #app .preferentialActivity__title__oKsn_ { color: #eadcf8 !important; font-size: 14px !important; line-height: 1.6 !important; }
html body #app .preferentialActivity__time__2SVJC { color: #af98c8 !important; margin-top: 5px !important; font-size: 11px !important; }
html body #app .preferentialActivity__time__2SVJC span { color: #af98c8 !important; background: transparent !important; }

/* Authored activity content and help pages. Never touch form data or transaction rows. */
html body.hy9-brand-audit #app :is(.style__main_bg__FZhzx,.style__active_details__2eC8m,.style__common_container__apSU5) { background: #0b0816 !important; color: #f2eaff !important; }
html body.hy9-brand-audit #app .style__content_container__1gl64 { width: min(1170px,calc(100% - 48px)) !important; margin: 24px auto !important; }
html body.hy9-brand-audit #app :is(.style__common_main__2-cmI,.style__content_wrapper__1wmO9,.style__content__uU_Dt,.style__rule_content__1t2-x,.tables,.help__help_box_right__3vJ4w) { background: #191229 !important; color: #d3c3e7 !important; border-color: #503666 !important; font-size: 14px !important; }
html body.hy9-brand-audit #app .recommendGame__container__3Usd1 { background: transparent !important; border-color: #503666 !important; }
html body.hy9-brand-audit #app .recommendGame__container__3Usd1.hy9-detail-ready > img { display: none !important; }
html body.hy9-brand-audit #app .recommendGame__container__3Usd1 > .hy9-offers-hero { width: 100% !important; margin: 0 !important; }
html body.hy9-brand-audit #app :is(.style__common_main__2-cmI,.tables,.help__help_box_right__3vJ4w) { box-sizing: border-box; padding: 22px !important; border: 1px solid #503666 !important; border-radius: 16px; }
html body.hy9-brand-audit #app :is(.style__content__uU_Dt,.style__rule_content__1t2-x,.tables,.help__help_box_right__3vJ4w) :is(div,p,span,table,tbody,tr,td,th,li,ul,ol,h1,h2,h3,h4,strong,b) {
  background-color: transparent !important; color: #d3c3e7 !important; border-color: #503666 !important;
  line-height: 1.8 !important; text-shadow: none !important; font-size: 14px !important;
}
html body.hy9-brand-audit #app :is(.style__content__uU_Dt,.style__rule_content__1t2-x,.tables,.help__help_box_right__3vJ4w) :is(h1,h2,h3,h4,strong,b,.at-font-red) { color: #e9c9ff !important; }
html body.hy9-brand-audit #app :is(.style__content__uU_Dt,.style__rule_content__1t2-x,.tables,.help__help_box_right__3vJ4w) a { color: #b995ff !important; text-decoration: underline; }
html body.hy9-brand-audit #app :is(.style__content__uU_Dt,.style__rule_content__1t2-x,.tables) table { width: 100% !important; max-width: 100%; border-collapse: collapse; table-layout: fixed; }
html body.hy9-brand-audit #app :is(.style__content__uU_Dt,.style__rule_content__1t2-x,.tables) :is(td,th) { padding: 8px !important; height: auto !important; overflow-wrap: anywhere; border: 1px solid #503666 !important; }
html body.hy9-brand-audit #app :is(.style__content__uU_Dt,.style__rule_content__1t2-x,.tables) :is(th,tr:first-child td) { background: #342049 !important; color: #f6eaff !important; }
html body.hy9-brand-audit #app :is(.tables,.style__content__uU_Dt) img { max-width: 100% !important; height: auto !important; }
html body.hy9-audit-route-abouts #app :is(.help__help__cLCx3,.help__help_box__2kBjB,.help__help_box_left__1rCP8,.help__parentUl__2pNA3,.help__block__AtyXW) { background: #171023 !important; color: #d3c3e7 !important; border-color: #503666 !important; }
html body.hy9-audit-route-abouts #app .help__title__2KI0N { color: #f1e1ff !important; }

@media (max-width: 1199px) {
  html body.hy9-mobile-audit #app .van-nav-bar { background: linear-gradient(110deg,#241538,#130e23) !important; border-color: #503666 !important; }
  html body.hy9-mobile-audit #app :is(.van-nav-bar__title,.van-nav-bar__arrow,.van-divider) { color: #d9c4f1 !important; border-color: #503666 !important; }
  html body.hy9-mobile-audit #app .tables { margin: 12px !important; padding: 16px !important; font-size: 14px; }
  html body.hy9-mobile-audit #app .tables :is(td,th,td *,th *) { font-size: 11px !important; padding: 5px !important; }
  html body.hy9-mobile-audit #app .bonsf { background: #110b20 !important; border-top: 1px solid #503666; }
  html body.hy9-mobile-audit #app .btsdn { background: linear-gradient(110deg,#7144c9,#9453d4) !important; color: #fff !important; border-radius: 12px; }
  html body #app .acts .hy9-offer-art { height: 172px; }
  html body #app .acts .hy9-offer-art-title { max-width: 65%; font-size: 21px; }
}
@media (max-width: 760px) {
  html body #app .hy9-offers-hero { width: calc(100% - 24px); min-height: 184px; padding: 24px 20px; border-radius: 18px; }
  html body #app .hy9-offers-copy { max-width: 68%; }
  html body #app .hy9-offers-copy > span { font-size: 9px; letter-spacing: 1.5px; }
  html body #app .hy9-offers-copy p { font-size: 12px; }
  html body #app .hy9-offers-hero > img { width: 52%; right: -8%; }
  html body #app .preferentialActivity__innerBox__1svDM { width: calc(100% - 24px) !important; }
  html body #app .preferentialActivity__acyivityList__3l7jF { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  html body #app .hy9-offer-art { height: 164px; padding: 16px; }
  html body #app .hy9-offer-art-title { font-size: 17px; max-width: 75%; }
  html body #app .preferentialActivity__tab__3e2JQ { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { html body #app .preferentialActivity__acyivityList__3l7jF > li { transition: none; } }