/**
 * 首页幻灯片：Places 风格水平进度轨，等分高亮当前页，并作上下半区中线。
 */
#hero-container.section-2 {
  --home-rail-thickness: 3px;
  --home-rail-track: #dedede;
  --home-rail-active: #6c2624;
  --home-rail-gap: 3px;
  display: flex !important;
  flex-direction: column !important;
  height: 100svh !important;
  max-height: 100svh !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#hero-container .header-wrap {
  flex: 0 0 auto;
  position: relative;
  z-index: 40;
  display: flex !important;
  align-items: center !important;
  /* 与右上角菜单按钮同一 68px 行带，商标垂直居中 → 中线对齐 */
  min-height: var(--gd-header-height, 68px) !important;
  height: var(--gd-header-height, 68px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  /* 与下方 .c-container-2（88vw 居中 → 左右各 6vw）同一左缘 */
  padding-left: 6vw !important;
  padding-right: 6vw !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}

/* SVG 主标：文件内已裁掉空隙；贴左显示；高度落在顶栏行带内 */
#hero-container .grdd_logo {
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 100%;
}

#hero-container .grdd_logo .image-5 {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

#hero-container .c-container-2 {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: stretch !important;
  align-items: stretch !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  width: 88vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  /* 为底部固定版权留白，使上下半区在剩余视口内平分 */
  padding-bottom: calc(3.25rem + env(safe-area-inset-bottom, 0px)) !important;
}

#hero-container .home-upper {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

#hero-container .home-upper .tagline-wrapper {
  flex: 0 0 auto;
  margin-bottom: 1.5svh;
}

#hero-container .home-upper .button-wrapper {
  flex: 0 0 auto;
}

/* 替代原 .divider：Places hud__rail 外观，按幻灯片等分 */
#hero-container .home-slide-rail {
  flex: 0 0 var(--home-rail-thickness) !important;
  display: flex !important;
  align-items: stretch !important;
  gap: var(--home-rail-gap);
  width: 100% !important;
  height: var(--home-rail-thickness) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent;
  overflow: hidden;
  z-index: 5;
}

#hero-container .home-slide-rail__seg {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  background: var(--home-rail-track);
  cursor: pointer;
  transition: background 0.28s ease;
}

#hero-container .home-slide-rail__seg.is-active {
  background: var(--home-rail-active) !important;
}

#hero-container .home-slide-rail__seg:focus-visible {
  outline: 2px solid var(--home-rail-active);
  outline-offset: 3px;
}

#hero-container .slider.w-slider {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  margin-top: clamp(1.15rem, 3svh, 2rem) !important;
  margin-bottom: 0 !important;
  top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#hero-container .slider .w-slider-mask {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
}

/* 隐藏原圆点指示器（逻辑仍由 Webflow dots 驱动） */
#hero-container .slide-nav.w-slider-nav,
#hero-container .w-slider-nav {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#hero-container .footer-wrap-2 {
  z-index: 45;
  display: flex !important;
  flex-flow: row nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.35rem 1.25rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-top: 0.35rem !important;
  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px)) !important;
  inset: auto 0 0 !important;
}

#hero-container .footer-wrap-2 .body-3,
#hero-container .footer-wrap-2 .site-foot__link {
  margin: 0 !important;
  white-space: nowrap;
  color: #4b4b4b !important;
}

#hero-container .footer-wrap-2 .site-foot__link:hover {
  color: #6c2624 !important;
}