/* LHXGO V6 / Top navigation; stacked centered company + ICP footer.
   Loaded last. Existing 3D cards, snowfall and shimmer treatments are preserved. */
html { scroll-padding-top: var(--header-offset, 110px); }
.site-header .header-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 24px;
  min-height: 88px;
}
.header-inner > .brand { justify-self: start; min-width: 0; }
.header-inner > .header-contact { display: inline-flex; justify-self: end; margin-left: 0; }
.section-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: 4px;
  padding: 5px;
  max-width: 100%;
  border: 1px solid #E6D8D2;
  border-radius: 999px;
  background: rgba(255,253,252,.95);
  box-shadow: 0 4px 15px -9px rgba(104,54,41,.14);
}
.section-tabs .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 104px;
  min-height: 42px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 999px;
  line-height: 1.4;
  font-size: 13px;
  letter-spacing: .3px;
  color: #68605C;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease, border-color .2s ease;
}
.section-tabs .nav-link::after { content: none; }
.section-tabs .nav-link:hover { color: var(--brand-deep); background: #FCF6F3; }
.section-tabs .nav-link.is-current {
  color: #A13831;
  background: #F9E8E3;
  border-color: #F1D1C7;
  font-weight: 600;
}
.section-tabs .nav-link:focus-visible { outline-offset: 2px; border-radius: 999px; }
.hero-grid { grid-template-columns: 1.05fr 1fr; }
/* Company name and issued ICP number share one geometric center. */
.site-footer .footer-bottom {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px; padding-top: 24px; text-align: center;
}
.footer-bottom .footer-copyright {
  width: 100%; margin: 0; font-size: 12px; line-height: 1.9;
  color: #6F6763; text-align: center;
}
.footer-bottom .filing-links {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 100%; gap: 4px; margin: 0; font-size: 11px; line-height: 1.8; text-align: center;
}
.footer-bottom .filing-links[hidden] { display: none; }
.footer-bottom .filing-links a { min-height: 28px; justify-content: center; }
@media (max-width: 1100px) {
  .site-header .brand-cn, .site-header .brand-divider { display: none; }
  .site-header .header-inner { column-gap: 16px; }
}
@media (max-width: 900px) {
  .site-header .header-inner { min-height: 78px; }
  .section-tabs .nav-link { min-width: 90px; padding-inline: 14px; font-size: 12px; }
}
@media (max-width: 700px) {
  /* Both rows remain at the very top, above all hero copy. Never hide tabs. */
  html { scroll-padding-top: var(--header-offset, 148px); }
  .site-header .header-inner {
    grid-template-columns: minmax(0,1fr) auto;
    grid-template-areas: "brand contact" "tabs tabs";
    column-gap: 12px; row-gap: 12px;
    padding-top: 13px; padding-bottom: 13px; min-height: 0;
  }
  .header-inner > .brand { grid-area: brand; }
  .header-inner > .header-contact {
    grid-area: contact; display: inline-flex; margin: 0;
    font-size: 11px; min-height: 38px; padding: 8px 12px;
  }
  .header-contact .shimmer-content { gap: 8px; }
  .section-tabs { grid-area: tabs; width: min(100%,360px); gap: 3px; padding: 4px; }
  .section-tabs .nav-link {
    flex: 1 1 0; min-width: 0; min-height: 42px; padding: 10px 8px;
    font-size: 13px; text-align: center;
  }
  .hero-grid { grid-template-columns: minmax(0,1fr); padding-top: 34px; }
  .site-footer .footer-bottom { gap: 5px; padding-top: 20px; }
  .footer-bottom .footer-copyright, .footer-bottom .filing-links { font-size: 11px; }
}
@media (max-width: 359px) {
  .section-tabs .nav-link { font-size: 12px; }
  .footer-bottom .footer-copyright { font-size: 10px; }
  .header-inner > .header-contact { padding-inline: 10px; }
}
@media (prefers-reduced-motion: reduce) { .section-tabs .nav-link { transition: none; } }
@media print { .site-header { position: static; } .section-tabs { display: none; } }
