/* guanjiaopo theme — align mobile chrome with PC (#f1f1f1), show brand logo */
html body.bbs-skin-guanjiaopo {
  background: #fff !important;
}
body.bbs-skin-guanjiaopo .divheader {
  border-top: 4px solid #dfdfdf !important;
}
/* Keep light gray top bar (PC); do NOT kill logo background-image */
body.bbs-skin-guanjiaopo #hidenav {
  background-color: #f1f1f1 !important;
  color: #333;
}
body.bbs-skin-guanjiaopo #hidenav a {
  color: #6c757d;
}
body.bbs-skin-guanjiaopo #hidenav .gjp-m-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 0;
  z-index: 2;
  display: block;
}
body.bbs-skin-guanjiaopo #hidenav .gjp-m-logo img {
  display: block;
  max-height: 44px;
  width: auto;
  height: auto;
  max-width: 135px;
  object-fit: contain;
}
body.bbs-skin-guanjiaopo #hidenav .container {
  position: relative;
  min-height: 50px;
  align-items: center;
}

:root {
  --bbs-tabbar-height: 62px;
  /* Reward title accent follows PC danger red (not purple) */
  --bbs-header-bg: #c6303e;
}
/* Mobile fixed-bottom nav (d-md-none): keep disclaimer/footer above tabbar */
@media (max-width: 767.98px) {
  body.bbs-skin-guanjiaopo {
    padding-bottom: calc(var(--bbs-tabbar-height) + 16px + constant(safe-area-inset-bottom));
    padding-bottom: calc(var(--bbs-tabbar-height) + 16px + env(safe-area-inset-bottom, 0px));
  }
  body.bbs-skin-guanjiaopo footer.bg-white {
    padding-bottom: 8px;
  }
}