/* v3 官网通用：子页布局；首页专用样式见 css/v3/home.css */
:root {
  --v3-dark: #042040;
  --v3-blue: #007bff;
}

.v3-page {
  color: #26314d;
}

/* 固定顶栏：非首页由 body 预留高度（首页由 .bg-container 大 padding 承接，不再加） */
body.v3-page:not(:has(> .home-page)) {
  padding-top: 4.75rem;
}

/* 子页无 IntersectionObserver：直接展示；首页 / 推广计划页由各自 CSS + JS 控制入场 */
body.v3-page:not(:has(.home-page)):not(.promotion-plan-page) .animate-section {
  opacity: 1 !important;
  transform: none !important;
}

.text-theme-black {
  color: var(--v3-dark);
}

/* 子页通用：产品/方案大块留白与图片
 * 注意：勿包含 .fe-box / .fe-cards — 产品子页与源 Vue 一致，使用 Bootstrap 栅格（.row + .col-md-6 + .col-lg-4），
 * 大屏为三列；若在此加 grid 或覆盖 padding，会出现「优势」区块一行仅 2 卡等问题。 */
.v3-page .bg-box,
.v3-page .de-box,
.v3-page .lo-box,
.v3-page .question-box {
  padding: 2rem 0;
}

/* 非首页 body 已为固定顶栏预留 padding-top；Vue 编译产物里 .bg-box 另有 margin-top:4.75rem，与 body 叠成双倍空白 */
.v3-page .bg-box {
  margin-top: 0;
}

.v3-page .bg-inner,
.v3-page .de-info {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.v3-page .de-item-inner {
  padding: 1rem;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  height: 100%;
}

.v3-page img {
  max-width: 100%;
  height: auto;
}

.v3-page .lo-items {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.v3-page .lo-item-inner {
  min-width: 140px;
  text-align: center;
  padding: 1rem;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
}

/* 与 .v3-page .bg-inner / .de-info 同宽（1200px），对齐整站主内容区 */
.policy-doc {
  max-width: 1200px;
  margin: 0 auto;
  /* 顶：在常规留白上再加 ≥20px，避免固定顶栏遮挡首行标题 */
  padding: calc(2rem + 1.25rem) 1rem 4rem;
}

.policy-doc h1,
.policy-doc h2,
.policy-doc h3 {
  color: var(--v3-dark);
}

/* 产品页「优势」.fe-cards 与源 Vue 一致为 Bootstrap row（flex），lg 起每行 3 卡（.col-lg-4 合并规则在 product-*.css）。
 * 若其它样式或旧缓存把 .fe-cards 设为 grid，易出现一行两列；此处仅强制行容器为 flex。 */
.v3-page .fe-box .fe-cards {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* 与源 Vue @extend .col-lg-4 一致；大屏下保证子项为 1/3 宽，避免与 Bootstrap CDN 或其它规则的层叠顺序导致仍为 50%（一行两卡）。 */
@media (min-width: 992px) {
  .v3-page .fe-box .fe-cards .fe-card {
    flex: 0 0 auto !important;
    width: 33.33333333% !important;
    max-width: 33.33333333% !important;
  }
}