/**
 * 首页全屏滚动修复（page2 及后续区块）
 */
body.home-page {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  overflow: hidden;
  overscroll-behavior: none;
}

html.home-page-root,
html.home-page-root body {
  overflow: hidden;
  height: 100%;
}

/*
 * 取消原版「从左右滑入」动画（易被误认为页面在自动上下滚）
 * 改为进入当前屏时仅淡入
 */
body.home-page .section-content-container hgroup,
body.home-page .section-content {
  position: relative;
  left: 0 !important;
  right: 0 !important;
  opacity: 0;
  transition: opacity 0.45s ease;
}

body.home-page .fp-section.active .section-content-container hgroup,
body.home-page .fp-section.active .section-content {
  opacity: 1;
}

/* page2：服务介绍 — 垂直居中 */
body.home-page .section.page2 .fp-tableCell {
  vertical-align: middle;
}

body.home-page .section.page2 .section-content-container {
  margin-top: 0;
  width: min(74%, 1080px);
  padding: 0 16px;
  box-sizing: border-box;
}

body.home-page .section.page2 .section-content {
  margin-top: clamp(28px, 4vh, 52px);
}

body.home-page .section.page2 .section-content-container hgroup {
  font-size: clamp(7px, 0.95vw, 10px);
}

body.home-page .section.page2 .service-list li .top h3 {
  font-weight: 600;
  letter-spacing: 0.02em;
}

body.home-page .section.page2 .service-list li .intro p {
  line-height: 1.65;
}

/* 矮屏压缩 page2 间距 */
@media (max-height: 820px) {
  body.home-page .section.page2 .section-content {
    margin-top: 20px;
  }

  body.home-page .section.page2 .service-list li .top {
    padding: 90px 0 18px;
  }

  body.home-page .section.page2 .section-content-container hgroup h2 {
    font-size: 3.6em;
  }

  body.home-page .section.page2 .section-content-container hgroup h3 {
    font-size: 2.2em;
  }
}

/* 全屏滚动容器 */
body.home-page .ronbongpage-wrapper,
body.home-page .page-container {
  touch-action: none;
}

/* 下滑箭头：可点击区域更大 */
body.home-page .rbslider-container .move-down {
  z-index: 120;
  opacity: 0.85;
}

body.home-page .rbslider-container .move-down:hover {
  opacity: 1;
  transform: translateY(4px);
}

/* 右侧浮动面板上下翻页 */
body.home-page #panel .icons .up,
body.home-page #panel .icons .down {
  cursor: pointer;
}

/* 桌面端也保留右侧圆点导航，便于从 page1 跳到 page2 */
@media screen and (min-width: 1050px) {
  body.home-page #fp-nav {
    display: block !important;
    right: 12px;
    opacity: 0.75;
  }

  body.home-page #fp-nav:hover {
    opacity: 1;
  }
}