:root { color-scheme: light; }
html, body { margin: 0; min-height: 100%; }
body.hl-site-page { background: #f7f9fc; color: #10243e; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; }
body.hl-site-page *, body.hl-site-page *::before, body.hl-site-page *::after { box-sizing: border-box; }
#menuCheck { position: absolute; opacity: 0; pointer-events: none; }
#navbar { position: sticky; z-index: 500; top: 0; display: block; width: 100%; padding: 16px 48px; background: #fff; box-shadow: 0 4px 14px rgba(16,36,62,.08); }
#navbar > div:first-of-type { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
#navbar img { display: block; height: 40px; width: auto; }
#navbar a { color: #1d2939; text-decoration: none; }
#navbar .hidden.md\:flex { display: flex; align-items: center; gap: 32px; }
#navbar .hidden.md\:inline-flex { display: inline-flex; align-items: center; margin-left: 24px; padding: 9px 16px; border: 1px solid #165dff; border-radius: 6px; color: #165dff; }
#navbar .md\:hidden, #mobileMenu { display: none; }
body.hl-site-page > .h-4 { display: none; }
body.hl-site-page footer,
.site-shared-footer { padding: 48px 24px; background: #1d2939 !important; color: #fff; }
body.hl-site-page footer > div { max-width: 1280px; margin: 0 auto; }
body.hl-site-page footer .hidden.md\:block { display: block; }
body.hl-site-page footer .grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
body.hl-site-page footer img { height: 32px; width: auto; }
body.hl-site-page footer h3 { margin: 0 0 16px; font-size: 18px; }
body.hl-site-page footer p { line-height: 1.7; }
body.hl-site-page footer ul { margin: 0; padding: 0; list-style: none; }
body.hl-site-page footer li { margin: 9px 0; color: #98a2b3; line-height: 1.55; }
body.hl-site-page footer a { color: #98a2b3; text-decoration: none; }
body.hl-site-page footer .md\:hidden { display: none; }
.site-fallback-header { display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding: 0 48px; background: #fff; }
.site-fallback-header img { height: 40px; }
.site-fallback-header nav { display: flex; gap: 28px; }
.site-fallback-header a { color: #1d2939; text-decoration: none; }
.site-fallback-footer { padding: 36px; background: #1d2939; color: #fff; text-align: center; }
.hl-live-desktop-player__qr-popover [data-hl-live-view-qr], .hl-live-desktop-player__qr-popover canvas, .hl-live-desktop-player__qr-popover img { display: block; width: 100px !important; height: 100px !important; }
@media (max-width: 768px) {
  #navbar { padding: 14px 20px; }
  #navbar .hidden.md\:flex, #navbar .hidden.md\:inline-flex { display: none; }
  #navbar .md\:hidden { display: block; }
  #menuCheck:checked ~ #navbar #mobileMenu { display: block; }
  #mobileMenu { padding-top: 14px; }
  #mobileMenu .flex { display: flex; flex-direction: column; gap: 12px; }
  body.hl-site-page footer .hidden.md\:block { display: none; }
  body.hl-site-page footer .md\:hidden { display: block; }
  .site-fallback-header { padding: 0 20px; }
}
.site-shared-footer{font-size:13px}.site-shared-footer img{height:44px!important;width:auto}.site-footer-qrcode{display:flex;align-items:center;flex-direction:column;gap:7px;color:#9ca3af;font-size:12px}.site-footer-qrcode img{width:92px!important;height:92px!important;border-radius:4px;object-fit:cover}