.geo-section-tab { position: absolute; z-index: 75; top: 0; left: max(24px, calc((100vw - 1440px) / 2 - 200px)); width: max-content; padding: 8px 0; border: 1px solid #e5edf6; border-radius: 6px; background: rgba(255,255,255,.96); box-shadow: 0 12px 28px rgba(16,48,92,.12); }
.geo-section-tab a, .geo-section-tab button { position: relative; display: flex; align-items: center; min-height: 38px; padding: 0 16px; border: 0; color: #445166; background: transparent; cursor: pointer; font: 14px/20px "PingFang SC", "Microsoft YaHei", sans-serif; text-align: left; text-decoration: none; white-space: nowrap; }
.geo-section-tab a::before { content: ""; position: absolute; top: 7px; bottom: 7px; left: 0; width: 2px; background: transparent; }
.geo-section-tab a:hover, .geo-section-tab a:focus-visible, .geo-section-tab a.is-active { color: #005dbe; font-weight: 600; }
.geo-section-tab a.is-active::before { background: #005dbe; }
.geo-section-tab button { margin-top: 4px; padding-top: 8px; border-top: 1px solid #e5edf6; color: #005dbe; font-weight: 600; }
.geo-section-tab button::after { content: ""; width: 6px; height: 6px; margin-left: 7px; border-top: 1.5px solid currentColor; border-left: 1.5px solid currentColor; transform: rotate(45deg); }
@media (min-width: 1101px) and (max-width: 1700px) {
  .geo-section-tab { width: 42px; min-height: 139px; padding: 12px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border: 0; border-radius: 21px; background: #0b5ed7; box-shadow: 0 12px 28px rgba(0, 72, 147, .2); transition: width .2s ease, border-radius .2s ease, background-color .2s ease; }
  .geo-section-tab::before { content: "页面导航"; color: #fff; font: 400 13px/1.3 "PingFang SC", "Microsoft YaHei", sans-serif; writing-mode: vertical-rl; letter-spacing: 1px; }
  .geo-section-tab::after { content: ""; width: 7px; height: 7px; margin-top: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }
  .geo-section-tab a, .geo-section-tab button { display: none; }
  .geo-section-tab:hover, .geo-section-tab:focus-within { width: 132px; min-height: 0; padding: 8px 0; align-items: stretch; border: 1px solid #e5edf6; border-radius: 6px; background: rgba(255,255,255,.96); }
  .geo-section-tab:hover::before, .geo-section-tab:hover::after, .geo-section-tab:focus-within::before, .geo-section-tab:focus-within::after { display: none; }
  .geo-section-tab:hover a, .geo-section-tab:hover button, .geo-section-tab:focus-within a, .geo-section-tab:focus-within button { display: flex; }
}
@media (max-width: 1100px) { .geo-section-tab { display: none; } }

/* Keep product detail pages vertically scrollable in preview and publication. */
html:has(body.product-detail-page) {
  height: auto;
  min-height: 100%;
}

body.product-detail-page {
  height: auto;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

body.product-detail-page > main.product-detail-page {
  min-height: 0;
  overflow: visible;
}

/* v18: product pages omit scenario sections and advantage artwork. */
.geo-advantage-art{display:none!important}
.geo-advantage-grid h3{left:30px}
.geo-advantage-grid p{top:97px;line-height:1.8}
.geo-value-grid strong{color:#0d1b2f;font-size:20px}