/**
 * 全站板块布局：主内容在页面内水平居中；锚点滚入时配合 scroll-to-section.js 视口居中
 */
html{
  scroll-behavior:auto;
  scroll-padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 8px);
  scroll-padding-bottom:max(16px,env(safe-area-inset-bottom,0px));
}

section{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  box-sizing:border-box;
}

section > .wrap{
  width:100%;
  max-width:var(--max-w);
  margin-inline:auto;
  padding-inline:clamp(20px,4vw,40px);
  box-sizing:border-box;
}

/* 板块标题区（tag + 标题 + 导语） */
.section-intro,
.pricing-tiers-intro,
#cases-panel .cases-section-head,
#touch-examples > .wrap > .section-intro,
.wrap > div[style*="text-align:center"]:first-child,
.wrap > div[style*="text-align: center"]:first-child{
  width:100%;
  max-width:min(720px,100%);
  margin-inline:auto;
  text-align:center;
  margin-bottom:var(--section-head-gap);
}

.section-intro h2,
.pricing-tiers-intro h2{
  margin-top:0;
}

.pricing-tiers-intro{
  margin-top:0;
}

/* 主内容块在居中容器内铺满 */
.wrap > :is(
  .grid-2,
  .grid-3,
  .grid-4,
  .pkg-tiers-grid,
  .stats-row,
  .trifecta-grid,
  .platform-grid,
  .channels-compare-wrap,
  .data-stats-stack,
  .wu-feature-grid,
  .wu-results-tail,
  #cases-panel,
  #touch-examples-panel,
  .case-tabs-wrap,
  .fit-customers-grid,
  .fit-cta-panel,
  .faq-list
){
  max-width:100%;
  margin-inline:auto;
}

.wrap > .card{
  width:100%;
  max-width:100%;
  margin-inline:auto;
}

/* 对比表、案例 Tab 等居中 */
.channels-compare-wrap,
#channels-compare{
  width:100%;
  margin-inline:auto;
}

#cases-panel .case-tabs-wrap,
.case-tabs-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
}

.case-tabs{
  justify-content:center;
}

/* 三档套餐网格 */
#pricing .pkg-tiers-grid,
#pricing-packages .grid-3,
#tier-top .grid-3{
  width:100%;
  margin-inline:auto;
  justify-content:center;
}

/* 第三种获客三卡 */
.trifecta-grid{
  width:100%;
  margin-inline:auto;
}

/* 页脚 */
.site-footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  box-sizing:border-box;
}

.site-footer > .wrap{
  width:100%;
  max-width:var(--max-w);
  margin-inline:auto;
  padding-inline:clamp(20px,4vw,40px);
  box-sizing:border-box;
}

.site-footer-meta{
  text-align:center;
  width:100%;
}

/* 套餐独立页顶栏 */
#pricing-packages > .wrap > div:first-child,
#tier-top > .wrap > div:first-child{
  text-align:center;
  margin-inline:auto;
  width:100%;
  max-width:min(800px,100%);
}

/* Hero 保持版心居中，内部文案布局由 index 自有样式控制 */
#hero{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
}

#hero > .wrap{
  width:100%;
  max-width:var(--max-w);
  margin-inline:auto;
}

/* 各板块上下留白、标题与主体间距（Hero 除外） */
@media (max-width: 768px) {
  section:not(#hero){
    padding-top:var(--section-py-mob);
    padding-bottom:var(--section-py-mob);
  }

  .site-footer{
    padding-top:var(--section-py-mob);
    padding-bottom:max(var(--section-py-mob),env(safe-area-inset-bottom));
  }

  .section-intro,
  .pricing-tiers-intro,
  #cases-panel .cases-section-head,
  #touch-examples > .wrap > .section-intro{
    margin-bottom:var(--section-head-gap-mob);
  }
}

/* 小屏价格区：仅展示种子用户包（方案二），隐藏导语与其余套餐 */
@media (max-width: 768px) {
  #pricing .pricing-tiers-intro h2,
  #pricing .pricing-tiers-intro p,
  #pricing-packages .section-intro h2,
  #pricing-packages .section-intro p,
  #tier-top .section-intro h2,
  #tier-top .section-intro p{
    display:none !important;
  }

  #pricing .pricing-tiers-intro,
  #pricing-packages .section-intro,
  #tier-top .section-intro{
    margin-bottom:var(--section-head-gap-mob);
  }

  #pricing .pkg-tiers-grid > .pkg-card:not(.featured),
  #pricing-packages .grid-3 > .pkg-card:not(.featured),
  #tier-top .grid-3 > .pkg-card:not(.featured){
    display:none !important;
  }
}