#ao-hongbao.ao-hb-hidden { display: none; }
html.ao-hb-lock { overflow: hidden; }

#ao-hongbao .ao-hb-backdrop{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 9998;
}
#ao-hongbao .ao-hb-modal{
  position: fixed;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: min(520px, calc(100% - 32px));
  background: #fff;
  border-radius: 14px;
  padding: 18px;
  z-index: 9999;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
}

#ao-hongbao .ao-hb-close{
  position:absolute; top:10px; right:12px;
  background: transparent; border: 0;
  font-size: 28px; line-height: 1; cursor: pointer;
}

#ao-hongbao .ao-hb-step { text-align: center; }
#ao-hongbao .ao-hb-intro-text { margin: 10px 0 16px; }
#ao-hongbao .ao-hb-loading-text { margin: 26px 0; font-weight: 600; }

#ao-hongbao .ao-hb-code-wrap{
  display:flex; gap:10px; justify-content:center; align-items:center;
  margin: 14px 0 8px;
  flex-wrap: wrap;
}

#ao-hongbao .ao-hb-code{
  padding: 10px 12px;
  border: 1px dashed #aaa;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #e87f81;
}

#ao-hongbao .ao-hb-copy {
  font-weight: 600;
}

#ao-hongbao .ao-hb-prize-img-wrap { margin: 10px 0 8px; }
#ao-hongbao .ao-hb-prize-img{
  max-width: 220px;
  height: auto;
  border-radius: 10px;
}

#ao-hongbao .ao-hb-copy-msg{ font-size: 13px; margin: 6px 0 0; }
#ao-hongbao .ao-hb-hidden{ display:none; }

#ao-hongbao .btn-primary {background-color: #d20003;}
#ao-hongbao .btn-primary:hover {background-color: #ebbe71;}