/* Hongbao page layout cleanup: 20260619002000. */
html[data-hhgj-route="hongbao"] body .redEnveBody,
body:has(#app .redEnveBody) .redEnveBody {
  overflow-x: hidden !important;
}

html[data-hhgj-route="hongbao"] body .hhgj-hongbao-topbar,
body:has(#app .redEnveBody) .hhgj-hongbao-topbar {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  z-index: 1000020 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 750px) !important;
  height: calc(48px + env(safe-area-inset-top)) !important;
  min-height: calc(48px + env(safe-area-inset-top)) !important;
  padding: env(safe-area-inset-top) 56px 0 !important;
  box-sizing: border-box !important;
  color: #fff7df !important;
  background: linear-gradient(180deg, rgba(12, 10, 7, .98), rgba(5, 4, 3, .98)) !important;
  border-bottom: 1px solid rgba(245, 201, 106, .28) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .38) !important;
  transform: translateX(-50%) !important;
}

html[data-hhgj-route="hongbao"] body .hhgj-hongbao-topbar__title,
body:has(#app .redEnveBody) .hhgj-hongbao-topbar__title {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #fff7df !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 48px !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-hhgj-route="hongbao"] body .hhgj-hongbao-topbar__back,
body:has(#app .redEnveBody) .hhgj-hongbao-topbar__back {
  position: absolute !important;
  left: 0 !important;
  top: env(safe-area-inset-top) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 56px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

html[data-hhgj-route="hongbao"] body .hhgj-hongbao-topbar__back span,
body:has(#app .redEnveBody) .hhgj-hongbao-topbar__back span {
  display: block !important;
  width: 13px !important;
  height: 13px !important;
  box-sizing: border-box !important;
  border-left: 2px solid #f5c96a !important;
  border-bottom: 2px solid #f5c96a !important;
  transform: rotate(45deg) !important;
  filter: drop-shadow(0 0 6px rgba(245, 201, 106, .28)) !important;
}

html[data-hhgj-route="hongbao"] body .redEnveBodyMain,
body:has(#app .redEnveBody) .redEnveBodyMain {
  overflow: visible !important;
  box-sizing: border-box !important;
  padding-top: calc(48px + env(safe-area-inset-top)) !important;
  padding-bottom: calc(98px + env(safe-area-inset-bottom)) !important;
}

html[data-hhgj-route="hongbao"] body .redEnveBodyTop,
body:has(#app .redEnveBody) .redEnveBodyTop {
  margin-bottom: 18px !important;
}

html[data-hhgj-route="hongbao"] body .currReceiveTimes,
body:has(#app .redEnveBody) .currReceiveTimes {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(680px, calc(100% - 44px)) !important;
  min-height: 30px !important;
  margin: 30px auto 26px !important;
  padding: 0 10px !important;
  color: #f1dfac !important;
  line-height: 1.35 !important;
  text-align: center !important;
  background: rgba(8, 7, 5, .72) !important;
  border-radius: 999px !important;
  position: relative !important;
  z-index: 7 !important;
}

html[data-hhgj-route="hongbao"] body .redEnveButtons,
body:has(#app .redEnveBody) .redEnveButtons {
  position: relative !important;
  z-index: 4 !important;
  flex: 0 0 auto !important;
  margin: 22px auto 44px !important;
  transform: none !important;
}

html[data-hhgj-route="hongbao"] body .redEnveButtons:hover,
body:has(#app .redEnveBody) .redEnveButtons:hover {
  transform: translateY(-1px) scale(1.03) !important;
}

html[data-hhgj-route="hongbao"] body .hhgj-hongbao-records,
body:has(#app .redEnveBody) .hhgj-hongbao-records {
  margin-top: 0 !important;
  margin-bottom: 34px !important;
}

html[data-hhgj-route="hongbao"] body .activityInfo,
html[data-hhgj-route="hongbao"] body .activityDes,
body:has(#app .redEnveBody) .activityInfo,
body:has(#app .redEnveBody) .activityDes {
  position: relative !important;
  z-index: 2 !important;
  overflow: visible !important;
  width: min(1120px, calc(100% - 44px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-hhgj-route="hongbao"] body .activityInfo,
body:has(#app .redEnveBody) .activityInfo {
  margin-top: 0 !important;
}

html[data-hhgj-route="hongbao"] body .activityInfo .activityTop,
html[data-hhgj-route="hongbao"] body .activityDes .activityDesTop,
body:has(#app .redEnveBody) .activityInfo .activityTop,
body:has(#app .redEnveBody) .activityDes .activityDesTop {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 14px !important;
  transform: none !important;
}

html[data-hhgj-route="hongbao"] body .activityInfo table,
body:has(#app .redEnveBody) .activityInfo table {
  margin: 0 auto 28px !important;
  position: relative !important;
  z-index: 1 !important;
}

html[data-hhgj-route="hongbao"] body .activityInfo .activityBot,
body:has(#app .redEnveBody) .activityInfo .activityBot {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 20px 24px !important;
}

html[data-hhgj-route="hongbao"] body .h80,
html[data-hhgj-route="hongbao"] body .h250,
body:has(#app .redEnveBody) .h80,
body:has(#app .redEnveBody) .h250 {
  height: 22px !important;
}

html[data-hhgj-route="hongbao"] body .h400,
body:has(#app .redEnveBody) .h400 {
  height: 40px !important;
}

html[data-hhgj-route="hongbao"] body .activityDes,
body:has(#app .redEnveBody) .activityDes {
  margin-top: 0 !important;
  margin-bottom: 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-hhgj-route="hongbao"] body .activityDes .activityDesMain,
body:has(#app .redEnveBody) .activityDes .activityDesMain {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 22px 36px 20px !important;
  background: linear-gradient(180deg, rgba(21, 17, 10, .92), rgba(9, 8, 6, .94)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .42) !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 768px) {
  html[data-hhgj-route="hongbao"] body .redEnveBodyTop,
  body:has(#app .redEnveBody) .redEnveBodyTop {
    margin-bottom: .24rem !important;
  }

  html[data-hhgj-route="hongbao"] body .currReceiveTimes,
  body:has(#app .redEnveBody) .currReceiveTimes {
    width: calc(100% - .44rem) !important;
    min-height: .38rem !important;
    margin: .44rem auto .32rem !important;
    padding: 0 .14rem !important;
    font-size: .24rem !important;
  }

  html[data-hhgj-route="hongbao"] body .redEnveButtons,
  body:has(#app .redEnveBody) .redEnveButtons {
    margin: .28rem auto .54rem !important;
  }

  html[data-hhgj-route="hongbao"] body .hhgj-hongbao-records,
  body:has(#app .redEnveBody) .hhgj-hongbao-records {
    margin-bottom: .44rem !important;
  }

  html[data-hhgj-route="hongbao"] body .activityInfo,
  html[data-hhgj-route="hongbao"] body .activityDes,
  body:has(#app .redEnveBody) .activityInfo,
  body:has(#app .redEnveBody) .activityDes {
    width: calc(100% - .42rem) !important;
  }

  html[data-hhgj-route="hongbao"] body .activityInfo .activityTop,
  html[data-hhgj-route="hongbao"] body .activityDes .activityDesTop,
  body:has(#app .redEnveBody) .activityInfo .activityTop,
  body:has(#app .redEnveBody) .activityDes .activityDesTop {
    margin: 0 auto .18rem !important;
  }

  html[data-hhgj-route="hongbao"] body .activityInfo table,
  body:has(#app .redEnveBody) .activityInfo table {
    margin-bottom: .32rem !important;
  }

  html[data-hhgj-route="hongbao"] body .activityInfo .activityBot,
  body:has(#app .redEnveBody) .activityInfo .activityBot {
    padding: .26rem .28rem !important;
  }

  html[data-hhgj-route="hongbao"] body .h80,
  html[data-hhgj-route="hongbao"] body .h250,
  body:has(#app .redEnveBody) .h80,
  body:has(#app .redEnveBody) .h250 {
    height: .26rem !important;
  }

  html[data-hhgj-route="hongbao"] body .h400,
  body:has(#app .redEnveBody) .h400 {
    height: .48rem !important;
  }

  html[data-hhgj-route="hongbao"] body .activityDes,
  body:has(#app .redEnveBody) .activityDes {
    margin-bottom: .52rem !important;
  }

  html[data-hhgj-route="hongbao"] body .activityDes .activityDesMain,
  body:has(#app .redEnveBody) .activityDes .activityDesMain {
    padding: .28rem .28rem .24rem !important;
  }
}