:root {
  --hm-bg: #050504;
  --hm-panel: #11100d;
  --hm-panel-2: #19140c;
  --hm-line: rgba(245, 201, 106, .24);
  --hm-line-2: rgba(245, 201, 106, .42);
  --hm-gold: #f5c96a;
  --hm-gold-2: #d49a32;
  --hm-text: #fff7df;
  --hm-muted: #cdbb88;
}

html.home-layout-modern,
body.home-layout-modern,
body[data-home-layout="modern"] #app {
  background: var(--hm-bg) !important;
}

body[data-home-layout="modern"] .hallPage {
  min-height: 100vh !important;
  background:
    linear-gradient(180deg, rgba(255, 220, 128, .06), transparent 118px),
    repeating-linear-gradient(135deg, rgba(255, 216, 112, .025) 0 1px, transparent 1px 18px),
    var(--hm-bg) !important;
  color: var(--hm-text) !important;
  overflow-x: hidden !important;
}

body[data-home-layout="modern"] .hallPage .hall-head,
body[data-home-layout="modern"] .hallPage .head_area {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 660 !important;
  width: 100% !important;
  max-width: 750px !important;
  height: .98rem !important;
  padding: 0 .28rem !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  column-gap: .18rem !important;
  align-items: center !important;
  background: rgba(6, 6, 5, .94) !important;
  border-bottom: 1px solid rgba(245, 201, 106, .18) !important;
  box-shadow: 0 .12rem .3rem rgba(0, 0, 0, .42) !important;
  backdrop-filter: blur(8px);
}

body[data-home-layout="modern"] .hallPage .hall-head .top_logo,
body[data-home-layout="modern"] .hallPage .head_area .top_logo {
  grid-column: 1 !important;
  justify-self: start !important;
  width: 1.92rem !important;
  height: .58rem !important;
  max-width: 1.92rem !important;
  max-height: .58rem !important;
  margin: 0 .14rem 0 0 !important;
  object-fit: contain !important;
}

body[data-home-layout="modern"] .hallPage .accounts-head-text {
  display: none !important;
}

body[data-home-layout="modern"] .hallPage .hall-head .accounts-head-text,
body[data-home-layout="modern"] .hallPage .head_area .accounts-head-text,
body[data-home-layout="modern"] .hallPage .head_text {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  z-index: 2 !important;
  transform: none !important;
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  align-self: center !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--hm-text) !important;
  -webkit-text-fill-color: var(--hm-text) !important;
  font-size: .36rem !important;
  font-weight: 900 !important;
  line-height: .98rem !important;
  text-align: center !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 .14rem rgba(245, 201, 106, .28), 0 1px 0 rgba(0, 0, 0, .7) !important;
  pointer-events: none !important;
}

body[data-home-layout="modern"] .hallPage .download-link {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  width: 2.42rem !important;
  height: .62rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  line-height: 0 !important;
}

body[data-home-layout="modern"] .hallPage .download-link img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
}

body[data-home-layout="modern"] .hallPage .maincontent {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh !important;
  padding: 1.06rem 0 calc(1.78rem + env(safe-area-inset-bottom)) !important;
  background: transparent !important;
  overflow-x: hidden !important;
}

body[data-home-layout="modern"] .hallPage .hallinner,
body[data-home-layout="modern"] .hallPage .van-pull-refresh,
body[data-home-layout="modern"] .hallPage .van-pull-refresh__track,
body[data-home-layout="modern"] .hallPage .toppart {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  background: transparent !important;
  transform: none !important;
}

body[data-home-layout="modern"] .hallPage .hallinner {
  display: block !important;
}

body[data-home-layout="modern"] .hallPage .van-pull-refresh,
body[data-home-layout="modern"] .hallPage .van-pull-refresh__track {
  flex: 0 0 100% !important;
  display: block !important;
  overflow-x: hidden !important;
}

body[data-home-layout="modern"] .hallPage .toppart {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: .14rem .22rem 0 !important;
  display: block !important;
}

body[data-home-layout="modern"] .hallPage .outerbox {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 3.72rem !important;
  margin: 0 0 .18rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: #090806 !important;
  box-shadow: 0 .18rem .44rem rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 236, 164, .08) !important;
  overflow: hidden !important;
}

body[data-home-layout="modern"] .hallPage .outerbox:after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 38%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
}

body[data-home-layout="modern"] .hallPage .outerbox .van-swipe,
body[data-home-layout="modern"] .hallPage .outerbox .van-swipe__track,
body[data-home-layout="modern"] .hallPage .outerbox .van-swipe-item,
body[data-home-layout="modern"] .hallPage .outerbox img {
  height: 100% !important;
}

body[data-home-layout="modern"] .hallPage .outerbox img {
  width: 100% !important;
  object-fit: cover !important;
}

body[data-home-layout="modern"] .hallPage .outerbox .van-swipe__indicators {
  right: .22rem !important;
  bottom: .18rem !important;
  left: auto !important;
  transform: none !important;
  z-index: 3 !important;
}

body[data-home-layout="modern"] .hallPage .outerbox .van-swipe__indicator {
  width: .18rem !important;
  height: .06rem !important;
  margin: 0 .04rem !important;
  border-radius: .08rem !important;
  background: rgba(255, 247, 223, .34) !important;
}

body[data-home-layout="modern"] .hallPage .outerbox .van-swipe__indicator--active {
  width: .36rem !important;
  background: var(--hm-gold) !important;
}

body[data-home-layout="modern"] .hallPage .noticecontent {
  position: relative !important;
  z-index: 4 !important;
  width: calc(100% - .08rem) !important;
  height: .72rem !important;
  margin: 0 auto .22rem !important;
  padding: 0 .22rem !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: .16rem !important;
  background: rgba(12, 10, 7, .92) !important;
  box-shadow: 0 .14rem .3rem rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 238, 180, .08) !important;
  backdrop-filter: blur(6px);
}

body[data-home-layout="modern"] .hallPage .noticecontent > img {
  flex: 0 0 .34rem !important;
  width: .34rem !important;
  height: .34rem !important;
  margin: 0 .16rem 0 0 !important;
  filter: brightness(0) saturate(100%) invert(86%) sepia(44%) saturate(702%) hue-rotate(354deg) brightness(101%) contrast(98%) drop-shadow(0 0 .1rem rgba(245, 201, 106, .38)) !important;
}

body[data-home-layout="modern"] .hallPage .noticecontent .noticect,
body[data-home-layout="modern"] .hallPage .noticecontent .van-notice-bar,
body[data-home-layout="modern"] .hallPage .noticecontent .van-notice-bar__wrap,
body[data-home-layout="modern"] .hallPage .noticecontent .van-notice-bar__content {
  min-width: 0 !important;
  background: transparent !important;
  color: var(--hm-muted) !important;
  -webkit-text-fill-color: var(--hm-muted) !important;
  font-size: .3rem !important;
  font-weight: 800 !important;
}

body[data-home-layout="modern"] .hallPage .centerArea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 2.02rem !important;
  height: auto !important;
  margin: 0 0 .34rem !important;
  padding: .16rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1.7fr) !important;
  gap: .14rem !important;
  align-items: stretch !important;
  border: 1px solid rgba(245, 201, 106, .32) !important;
  border-radius: .16rem !important;
  background: linear-gradient(145deg, rgba(29, 23, 13, .96), rgba(8, 7, 5, .98)) !important;
  box-shadow: 0 .18rem .44rem rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 238, 182, .08) !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .loginbtn,
body[data-home-layout="modern"] .hallPage .centerArea .left_content {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 1.66rem !important;
  margin: 0 !important;
  padding: .16rem .2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: .14rem !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(245, 201, 106, .24), transparent 46%),
    linear-gradient(145deg, rgba(60, 47, 22, .88), rgba(15, 12, 7, .96) 64%, rgba(7, 7, 5, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 178, .1), 0 .1rem .22rem rgba(0, 0, 0, .22) !important;
  overflow: hidden !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .loginbtn1 {
  display: none !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .logindd1 {
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 .08rem !important;
  display: flex !important;
  justify-content: center !important;
  color: rgba(255, 247, 223, .74) !important;
  font-size: .2rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content.hhgj-modern-has-user-meta {
  padding-top: .14rem !important;
  padding-bottom: .12rem !important;
  justify-content: center !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .hhgj-modern-user-meta {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: .66rem !important;
  margin: 0 0 .06rem !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .02rem !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .hhgj-modern-user-name {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 1.62rem) !important;
  height: .66rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 247, 223, .86) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .86) !important;
  font-size: .42rem !important;
  font-weight: 900 !important;
  line-height: .66rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .55) !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .hhgj-modern-user-vip {
  flex: 0 0 auto !important;
  height: .58rem !important;
  min-width: 1.46rem !important;
  margin-left: -.03rem !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .46) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(245, 201, 106, .22), rgba(95, 65, 18, .72)) !important;
  color: #ffe18b !important;
  -webkit-text-fill-color: #ffe18b !important;
  font-size: .22rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  align-self: center !important;
  transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 223, .16), 0 0 .14rem rgba(245, 201, 106, .16) !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content.hhgj-modern-has-user-meta .mey,
body[data-home-layout="modern"] .hallPage .centerArea .left_content.hhgj-modern-has-user-meta .logindd2 {
  margin-top: 0 !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .mey,
body[data-home-layout="modern"] .hallPage .centerArea .logindd2 {
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .14rem !important;
  color: #ffe18b !important;
  -webkit-text-fill-color: #ffe18b !important;
  font-size: .46rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-shadow: 0 0 .18rem rgba(245, 201, 106, .28), 0 1px 0 rgba(0, 0, 0, .58) !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .loginbtn .logindd2,
body[data-home-layout="modern"] .hallPage .centerArea .left_content:not(.hhgj-modern-has-user-meta) .logindd2 {
  width: 100% !important;
  max-width: 100% !important;
  font-size: .33rem !important;
  line-height: .42rem !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .loginbtn .mey,
body[data-home-layout="modern"] .hallPage .centerArea .left_content:not(.hhgj-modern-has-user-meta) .mey {
  width: 100% !important;
  max-width: 100% !important;
  font-size: .3rem !important;
  line-height: .38rem !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .logindd2 .money_text,
body[data-home-layout="modern"] .hallPage .centerArea .left_content .logindd2 .hhgj-modern-refresh {
  flex: 0 0 .54rem !important;
  width: .54rem !important;
  height: .54rem !important;
  min-width: .54rem !important;
  min-height: .54rem !important;
  margin: 0 0 0 .02rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: url("/static/image/generated/home-refresh-20260608.png") center center / contain no-repeat !important;
  filter: drop-shadow(0 0 .08rem rgba(245, 201, 106, .28)) !important;
  opacity: 1 !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .left_content .logindd2 .money_text img,
body[data-home-layout="modern"] .hallPage .centerArea .left_content .logindd2 .hhgj-modern-refresh img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  content: url("/static/image/generated/home-refresh-20260608.png") !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_content {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .12rem !important;
  align-items: stretch !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_item {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  min-height: 1.66rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border-radius: .14rem !important;
  border: 1px solid rgba(245, 201, 106, .26) !important;
  background: rgba(8, 7, 5, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 238, 178, .08) !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_item:before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: .18rem !important;
  display: block !important;
  width: .88rem !important;
  height: .88rem !important;
  margin: 0 !important;
  border-radius: .18rem !important;
  background-image: url("/static/image/generated/home-action-icons-sprite-blackgold-20260604180500.png") !important;
  background-repeat: no-repeat !important;
  background-size: 3.52rem .88rem !important;
  transform: translateX(-50%) !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_content .right_item:nth-child(1):before {
  background-position: 0 0 !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_content .right_item:nth-child(2):before {
  background-position: -.88rem 0 !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_content .right_item:nth-child(3):before {
  background-position: -1.76rem 0 !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_content .right_item:nth-child(4):before {
  background-position: -2.64rem 0 !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_item img {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body[data-home-layout="modern"] .hallPage .centerArea .right_item_span {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: .2rem !important;
  margin: 0 auto !important;
  color: var(--hm-text) !important;
  font-size: .29rem !important;
  font-weight: 900 !important;
  line-height: .34rem !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body[data-home-layout="modern"] .hallPage .gamenavs.short {
  position: relative !important;
  width: auto !important;
  max-width: calc(100% - .44rem) !important;
  min-height: 3.18rem !important;
  height: auto !important;
  margin: .74rem .22rem .08rem !important;
  padding: .24rem !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .18rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(18, 15, 10, .98), rgba(7, 6, 5, .98)) !important;
  box-shadow: 0 .14rem .34rem rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 238, 178, .06) !important;
  overflow: visible !important;
}

body[data-home-layout="modern"] .hallPage .gamenavs.short.hhgj-modern-category-nav {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body[data-home-layout="modern"] .hallPage .gamenavs.short:before {
  content: "游戏分类" !important;
  position: absolute !important;
  left: 0 !important;
  top: -.5rem !important;
  color: var(--hm-gold) !important;
  font-size: .24rem !important;
  font-weight: 900 !important;
  line-height: .32rem !important;
  height: .34rem !important;
  display: flex !important;
  align-items: center !important;
  text-shadow: 0 0 .16rem rgba(245, 201, 106, .28) !important;
}

body[data-home-layout="modern"] .hallPage .gamenavs.short > .gamenav,
body[data-home-layout="modern"] .hallPage .gamenavs.short > [class*="gamenav"] {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 1.42rem !important;
  min-height: 1.42rem !important;
  max-height: 1.42rem !important;
  margin: 0 !important;
  padding: .16rem .12rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .18) !important;
  border-radius: .14rem !important;
  background: rgba(245, 201, 106, .06) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transform: none !important;
}

body[data-home-layout="modern"] .hallPage .gamenavs.short > .gamenav:before,
body[data-home-layout="modern"] .hallPage .gamenavs.short > [class*="gamenav"]:before,
body[data-home-layout="modern"] .hallPage .gamenavs.short > [data-hhgj-category-label]:before {
  content: "" !important;
  display: block !important;
  position: static !important;
  flex: 0 0 1.02rem !important;
  width: 1.02rem !important;
  height: 1.02rem !important;
  min-width: 1.02rem !important;
  max-width: 1.02rem !important;
  min-height: 1.02rem !important;
  max-height: 1.02rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: var(--hhgj-category-icon) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body[data-home-layout="modern"] .hallPage .gamenavs.short > .gamenavac,
body[data-home-layout="modern"] .hallPage .gamenavs.short > [class*="gamenav"][class*="ac"] {
  border-color: rgba(245, 201, 106, .58) !important;
  background: linear-gradient(180deg, rgba(245, 201, 106, .18), rgba(245, 201, 106, .07)) !important;
}

body[data-home-layout="modern"] .hallPage .gamenavs.short img.hhgj-modern-category-image,
body[data-home-layout="modern"] .hallPage .gamenavs.short img.hhgj-category-image {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body[data-home-layout="modern"] .hallPage .gamenavs.short > [data-hhgj-category-label]:after {
  content: attr(data-hhgj-category-label) !important;
  position: static !important;
  transform: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  color: var(--hm-text) !important;
  font-size: .36rem !important;
  font-weight: 900 !important;
  line-height: .42rem !important;
  text-align: left !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

body[data-home-layout="modern"] .hallPage #hhgj-jackpot-broadcast {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body[data-home-layout="modern"] .hallPage #hhgj-jackpot-broadcast .hhgj-jackpot-frame,
body[data-home-layout="modern"] .hallPage #hhgj-jackpot-broadcast .hhgj-jackpot-coins {
  display: none !important;
}

body[data-home-layout="modern"] .hallPage #hhgj-jackpot-broadcast .hhgj-jackpot-inner {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  grid-template-rows: auto auto !important;
  column-gap: .12rem !important;
  row-gap: .04rem !important;
  align-items: center !important;
}

body[data-home-layout="modern"] .hallPage #hhgj-jackpot-broadcast .hhgj-jackpot-kicker {
  grid-row: 1 / 3 !important;
  min-width: .92rem !important;
  height: .48rem !important;
  margin: 0 !important;
  padding: 0 .12rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: .18rem !important;
  background: rgba(245, 201, 106, .13) !important;
  color: var(--hm-gold) !important;
  font-size: .2rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body[data-home-layout="modern"] .hallPage #hhgj-jackpot-broadcast .hhgj-jackpot-line,
body[data-home-layout="modern"] .hallPage #hhgj-jackpot-broadcast .hhgj-jackpot-action {
  margin: 0 !important;
  min-width: 0 !important;
  color: var(--hm-text) !important;
  font-size: .21rem !important;
  font-weight: 800 !important;
  line-height: .27rem !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-home-layout="modern"] .hallPage #hhgj-jackpot-broadcast .hhgj-jackpot-action {
  color: var(--hm-muted) !important;
  font-size: .19rem !important;
}

body[data-home-layout="modern"] .hallPage #hhgj-jackpot-broadcast .hhgj-jackpot-amount {
  grid-row: 1 / 3 !important;
  margin: 0 !important;
  color: var(--hm-gold) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: 0 0 .16rem rgba(245, 201, 106, .36) !important;
  white-space: nowrap !important;
}

body[data-home-layout="modern"] .hallPage .hall {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: .08rem .22rem .32rem !important;
  background: transparent !important;
}

body[data-home-layout="modern"] .hallPage .hall:before {
  content: "热门场馆" !important;
  display: block !important;
  margin: 0 0 .16rem !important;
  color: var(--hm-gold) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: .34rem !important;
}

body[data-home-layout="modern"] .hallPage .hall.hhgj-modern-venue-section:before {
  display: none !important;
  content: none !important;
}

body[data-home-layout="modern"] .hallPage .hhgj-venue-section-head {
  width: 100% !important;
  min-height: .34rem !important;
  margin: 0 0 .16rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .18rem !important;
}

body[data-home-layout="modern"] .hallPage .hhgj-venue-section-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: .1rem !important;
}

body[data-home-layout="modern"] .hallPage .hhgj-venue-section-copy strong {
  display: block !important;
  color: var(--hm-gold) !important;
  -webkit-text-fill-color: var(--hm-gold) !important;
  font-size: .24rem !important;
  font-weight: 900 !important;
  line-height: .32rem !important;
  height: .34rem !important;
  text-shadow: 0 0 .16rem rgba(245, 201, 106, .28) !important;
}

body[data-home-layout="modern"] .hallPage .hhgj-venue-section-copy span {
  display: block !important;
  color: rgba(255, 247, 223, .62) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .62) !important;
  font-size: .15rem !important;
  font-weight: 800 !important;
  line-height: .2rem !important;
  white-space: nowrap !important;
}

body[data-home-layout="modern"] .hallPage .hhgj-venue-section-head em {
  flex: 0 0 auto !important;
  min-width: .96rem !important;
  height: .34rem !important;
  padding: 0 .14rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .38) !important;
  border-radius: .18rem !important;
  background: rgba(245, 201, 106, .1) !important;
  color: var(--hm-muted) !important;
  -webkit-text-fill-color: var(--hm-muted) !important;
  font-style: normal !important;
  font-size: .18rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body[data-home-layout="modern"] .hallPage .hall .gamebox {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row dense !important;
  align-items: start !important;
  gap: .14rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body[data-home-layout="modern"] .hallPage .hall .gamebox:not([data-hhgj-modern-ready="1"]) {
  opacity: 0 !important;
}

body[data-home-layout="modern"] .hallPage .hall .gamebox > :not(.longbtn) {
  display: none !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn {
  position: relative !important;
  box-sizing: border-box !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 2.7rem !important;
  min-height: 2.7rem !important;
  max-height: 2.7rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .14rem !important;
  background: #0a0907 !important;
  box-shadow: 0 .14rem .28rem rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 238, 178, .06) !important;
  overflow: hidden !important;
  clip-path: inset(0 round .14rem) !important;
  contain: paint !important;
  transform: none !important;
  aspect-ratio: 1 / 1 !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-active="0"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-wide="1"],
body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-shape="wide"] {
  grid-column: 1 / -1 !important;
  height: var(--hhgj-wide-card-height, 2.9rem) !important;
  min-height: var(--hhgj-wide-card-height, 2.9rem) !important;
  max-height: var(--hhgj-wide-card-height, 2.9rem) !important;
  aspect-ratio: var(--hhgj-wide-card-aspect, 3 / 1) !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-shape="square"] {
  grid-column: auto !important;
  aspect-ratio: 1 / 1 !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-full="1"] {
  grid-column: 1 / -1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn img.main,
body[data-home-layout="modern"] .hallPage .hall .longbtn > img,
body[data-home-layout="modern"] .hallPage .hall .longbtn img[data-black-gold-generated] {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn:after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 44% !important;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .68)) !important;
  pointer-events: none !important;
}

body[data-home-layout="modern"] .hallPage .hall .hhgj-modern-game-title {
  position: absolute !important;
  left: .16rem !important;
  bottom: .14rem !important;
  z-index: 2 !important;
  max-width: calc(100% - .32rem) !important;
  padding: .06rem .12rem !important;
  border-radius: .12rem !important;
  background: rgba(0, 0, 0, .42) !important;
  color: var(--hm-text) !important;
  font-size: .22rem !important;
  font-weight: 900 !important;
  line-height: .28rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
}

body[data-home-layout="modern"] .hallPage .hall .black-gold-card-overlay,
body[data-home-layout="modern"] .hallPage .hall .hhgj-modern-game-title {
  display: none !important;
}

body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-data {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  pointer-events: none !important;
  font-size: .18rem !important;
  line-height: 1 !important;
}

body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-rank,
body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-badge,
body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-heat,
body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-tag,
body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-meta,
body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-title {
  position: absolute !important;
  box-sizing: border-box !important;
  max-width: calc(100% - .18rem) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .32) !important;
  border-radius: 999px !important;
  background: rgba(6, 5, 4, .68) !important;
  color: #fff7df !important;
  -webkit-text-fill-color: #fff7df !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  backdrop-filter: blur(4px) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .55) !important;
}

body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-rank {
  left: .1rem !important;
  top: .08rem !important;
  height: .32rem !important;
  padding: 0 .12rem !important;
  background: linear-gradient(180deg, rgba(255, 226, 144, .92), rgba(194, 132, 35, .9)) !important;
  border-color: rgba(255, 236, 170, .64) !important;
  color: #1a1005 !important;
  -webkit-text-fill-color: #1a1005 !important;
  font-size: .17rem !important;
}

body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-badge {
  right: .1rem !important;
  top: .08rem !important;
  height: .3rem !important;
  padding: 0 .12rem !important;
  color: var(--hm-gold) !important;
  -webkit-text-fill-color: var(--hm-gold) !important;
  font-size: .16rem !important;
}

body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-heat,
body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-tag {
  right: .1rem !important;
  bottom: .08rem !important;
  height: .3rem !important;
  padding: 0 .11rem !important;
  font-size: .16rem !important;
}

body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-tag {
  right: auto !important;
  left: .1rem !important;
  color: rgba(255, 247, 223, .78) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .78) !important;
}

body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-title,
body[data-home-layout="modern"] .hallPage .hall .hhgj-venue-meta {
  display: none !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-wide="1"] .hhgj-venue-title {
  left: .18rem !important;
  bottom: .48rem !important;
  height: .42rem !important;
  padding: 0 .16rem !important;
  display: inline-flex !important;
  border-radius: .14rem !important;
  background: linear-gradient(90deg, rgba(8, 6, 4, .72), rgba(8, 6, 4, .34)) !important;
  color: #ffe18b !important;
  -webkit-text-fill-color: #ffe18b !important;
  font-size: .24rem !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-wide="1"] .hhgj-venue-meta {
  left: .18rem !important;
  bottom: .12rem !important;
  height: .28rem !important;
  padding: 0 .13rem !important;
  display: inline-flex !important;
  color: rgba(255, 247, 223, .8) !important;
  -webkit-text-fill-color: rgba(255, 247, 223, .8) !important;
  font-size: .16rem !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-wide="0"] .hhgj-venue-badge,
body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-wide="0"] .hhgj-venue-title,
body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-wide="0"] .hhgj-venue-meta,
body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-wide="0"] .hhgj-venue-tag {
  display: none !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-wide="0"] .hhgj-venue-rank {
  left: .06rem !important;
  top: .06rem !important;
  height: .25rem !important;
  padding: 0 .08rem !important;
  font-size: .13rem !important;
}

body[data-home-layout="modern"] .hallPage .hall .longbtn[data-hhgj-modern-wide="0"] .hhgj-venue-heat {
  right: .06rem !important;
  bottom: .06rem !important;
  height: .25rem !important;
  padding: 0 .08rem !important;
  background: rgba(6, 5, 4, .76) !important;
  color: #ffe18b !important;
  -webkit-text-fill-color: #ffe18b !important;
  font-size: .13rem !important;
}

body[data-home-layout="modern"] .hallPage #redPacket,
body[data-home-layout="modern"] .hallPage #redPacket1 {
  position: fixed !important;
  left: auto !important;
  right: max(.16rem, calc((100vw - 750px) / 2 + .16rem)) !important;
  width: 1.22rem !important;
  min-width: 1.22rem !important;
  max-width: 1.22rem !important;
  transform: none !important;
  transform-origin: center center !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  background: transparent !important;
  z-index: 2090 !important;
}

body[data-home-layout="modern"] .hallPage #redPacket {
  bottom: calc(1.55rem + env(safe-area-inset-bottom)) !important;
  height: 3.16rem !important;
  min-height: 3.16rem !important;
  max-height: 3.16rem !important;
  display: block !important;
}

body[data-home-layout="modern"] .hallPage #redPacket1 {
  bottom: calc(2.12rem + env(safe-area-inset-bottom)) !important;
  height: 1.22rem !important;
  min-height: 1.22rem !important;
  max-height: 1.22rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2091 !important;
}

body[data-home-layout="modern"] .hallPage #redPacket .grab,
body[data-home-layout="modern"] .hallPage #redPacket1 .grab {
  display: block !important;
  width: 1.22rem !important;
  height: 1.22rem !important;
  min-width: 1.22rem !important;
  min-height: 1.22rem !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

body[data-home-layout="modern"] .hallPage #redPacket .grab {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
}

body[data-home-layout="modern"] .hallPage #redPacket1 .grab {
  position: static !important;
}

body[data-home-layout="modern"] .hallPage #redPacket > img {
  position: absolute !important;
  left: 50% !important;
  top: auto !important;
  bottom: 0 !important;
  width: .78rem !important;
  max-width: .78rem !important;
  height: auto !important;
  margin: 0 !important;
  display: block !important;
  transform: translateX(-50%) !important;
}

body[data-home-layout="modern"] .van-tabbar {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  max-width: 750px !important;
  height: calc(1.36rem + env(safe-area-inset-bottom)) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
  border-top: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .18rem .18rem 0 0 !important;
  background: rgba(7, 6, 5, .96) !important;
  box-shadow: 0 -.16rem .36rem rgba(0, 0, 0, .5) !important;
}

body[data-home-layout="modern"] .van-tabbar-item {
  color: var(--hm-muted) !important;
  font-size: .22rem !important;
  font-weight: 900 !important;
}

body[data-home-layout="modern"] .van-tabbar-item--active {
  color: var(--hm-gold) !important;
  background: linear-gradient(180deg, rgba(245, 201, 106, .14), rgba(245, 201, 106, .04)) !important;
}

body[data-home-layout="modern"] .notice-modal-content {
  border-radius: .16rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
}

body[data-home-layout="modern"] .zhuanru-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10020 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .28rem !important;
  background: rgba(0, 0, 0, .72) !important;
  backdrop-filter: blur(5px);
}

body[data-home-layout="modern"] .zhuanru-dialog {
  width: min(6.9rem, calc(100vw - .44rem)) !important;
  max-width: 720px !important;
  border: 1px solid rgba(245, 201, 106, .38) !important;
  border-radius: .22rem !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #17130c 0%, #080705 100%) !important;
  color: var(--hm-text) !important;
  box-shadow:
    0 .32rem .72rem rgba(0, 0, 0, .7),
    inset 0 1px 0 rgba(255, 237, 171, .09) !important;
}

body[data-home-layout="modern"] .zhuanru-header {
  min-height: .92rem !important;
  padding: .22rem .28rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-bottom: 1px solid rgba(245, 201, 106, .2) !important;
  background:
    radial-gradient(circle at 50% -20%, rgba(245, 201, 106, .16), transparent 52%),
    linear-gradient(180deg, #14100a, #070706) !important;
}

body[data-home-layout="modern"] .zhuanru-header h3 {
  margin: 0 !important;
  color: var(--hm-text) !important;
  font-size: .34rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: 0 .04rem .1rem rgba(0, 0, 0, .7) !important;
}

body[data-home-layout="modern"] .zhuanru-body {
  padding: .34rem .34rem .28rem !important;
  background:
    linear-gradient(180deg, rgba(32, 25, 13, .96), rgba(9, 8, 5, .98)) !important;
  color: var(--hm-text) !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .balance-info {
  height: .74rem !important;
  padding: 0 .26rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(245, 201, 106, .2) !important;
  border-radius: .44rem !important;
  background: rgba(255, 247, 223, .07) !important;
  color: var(--hm-muted) !important;
  font-size: .27rem !important;
  font-weight: 900 !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .balance-value {
  margin-left: .04rem !important;
  color: var(--hm-gold) !important;
  font-size: .3rem !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .input-container {
  margin-top: .28rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 1.32rem !important;
  gap: .12rem !important;
  align-items: stretch !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .input-container input {
  width: 100% !important;
  height: .9rem !important;
  min-width: 0 !important;
  padding: 0 .24rem !important;
  border: 1px solid rgba(245, 201, 106, .38) !important;
  border-radius: .16rem !important;
  outline: 0 !important;
  background: rgba(8, 7, 5, .98) !important;
  color: var(--hm-text) !important;
  font-size: .32rem !important;
  font-weight: 900 !important;
  box-shadow: inset 0 0 .24rem rgba(245, 201, 106, .06) !important;
  caret-color: var(--hm-gold) !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .input-container input::placeholder {
  color: rgba(234, 216, 164, .68) !important;
  -webkit-text-fill-color: rgba(234, 216, 164, .68) !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .input-container input::-webkit-outer-spin-button,
body[data-home-layout="modern"] .zhuanru-dialog .input-container input::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .input-container button {
  width: 100% !important;
  height: .9rem !important;
  border: 1px solid rgba(255, 232, 155, .45) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, #ffe08a 0%, #d59a31 55%, #8f631f 100%) !important;
  color: #201304 !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 0 rgba(255, 244, 191, .45) !important;
  box-shadow: 0 .12rem .22rem rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .32) !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .main-balance {
  margin-top: .24rem !important;
  display: flex !important;
  align-items: center !important;
  gap: .08rem !important;
  color: var(--hm-muted) !important;
  font-size: .26rem !important;
  font-weight: 900 !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .main-balance-value {
  color: var(--hm-gold) !important;
  font-size: .28rem !important;
}

body[data-home-layout="modern"] .zhuanru-dialog .main-balance a {
  margin-left: auto !important;
  color: var(--hm-gold) !important;
  font-size: .27rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  -webkit-text-fill-color: var(--hm-gold) !important;
}

body[data-home-layout="modern"] .zhuanru-footer {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  border-top: 1px solid rgba(245, 201, 106, .22) !important;
  background: #090806 !important;
}

body[data-home-layout="modern"] .zhuanru-footer button {
  height: .9rem !important;
  margin: 0 !important;
  padding: 0 .12rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hm-muted) !important;
  font-size: .3rem !important;
  font-weight: 900 !important;
}

body[data-home-layout="modern"] .zhuanru-footer button + button {
  border-left: 1px solid rgba(245, 201, 106, .18) !important;
  color: var(--hm-gold) !important;
  background: linear-gradient(180deg, rgba(245, 201, 106, .12), rgba(245, 201, 106, .04)) !important;
}

@media (min-width: 769px) {
  body[data-home-layout="modern"] #app > div:has(.hallPage) {
    max-width: 750px !important;
    margin: 0 auto !important;
    border-left: 1px solid rgba(245, 201, 106, .12) !important;
    border-right: 1px solid rgba(245, 201, 106, .12) !important;
    background: var(--hm-bg) !important;
  }

  body[data-home-layout="modern"] .hallPage .maincontent {
    padding-bottom: .42rem !important;
    overflow: visible !important;
  }

  body[data-home-layout="modern"] .van-tabbar {
    position: sticky !important;
    left: auto !important;
    right: auto !important;
    bottom: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: .24rem auto 0 !important;
  }

  body[data-home-layout="modern"] .hallPage #redPacket,
  body[data-home-layout="modern"] .hallPage #redPacket1 {
    right: max(.16rem, calc((100vw - 750px) / 2 + .16rem)) !important;
  }
}