/* 改版 v2 覆盖层 · 2026-10-21
   在不破坏原样式的前提下，承载新 demo 的视觉规范：
   ① Hero 减负  ② Trust Strip 合并  ③ Catalog 主角  ④ 能力+流程双栏  ⑤ 画廊合并  ⑥ 深色转化收尾
   仅在 .reference-home 作用域内覆盖，加载于 reference-home.css 之后。 */
.reference-home .hero.hero-with-bg { min-height: 520px; }
.reference-home .hero.hero-with-bg::before { background: linear-gradient(135deg, rgba(16, 47, 45, 0.72) 0%, rgba(35, 99, 88, 0.55) 100%); }
.reference-home .hero-grid { padding: 5rem 1.5rem 4rem; }

/* ① hero 减负：去掉统计块，换成一行信任徽章 */
.reference-home .hero-bg-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.reference-home .hero-with-bg .hero-grid { position: relative; z-index: 1; }
.reference-home .hero-stats { display: none; }
.reference-home .hero-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.16); }
.reference-home .hero-badge-chip { font-size: 12px; letter-spacing: 0.4px; color: #e3efe3; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.18); border-radius: 999px; padding: 7px 14px; white-space: nowrap; }

/* ② trust strip 合并：一行四项，浅底窄条 */
.reference-home .trust-bar { background: var(--brand-50, #f1f6ee); color: var(--ink-900, #173b34); padding: 1.6rem 1.5rem; }
.reference-home .trust-bar-inner { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.reference-home .trust-item { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; }
.reference-home .trust-num { font-size: 15px; font-weight: 700; color: var(--brand-800, #164b45); letter-spacing: 0; font-family: var(--font-sans); line-height: 1.3; }
.reference-home .trust-label { font-size: 12px; color: var(--muted, #66736c); }

/* ④ 能力 + 流程双栏合并 */
.reference-home .capabilities-process-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; padding: 72px 24px; max-width: 1240px; margin: 0 auto; align-items: start; }
.reference-home .capabilities-process-wrap .capabilities-section,
.reference-home .capabilities-process-wrap .process-section { padding: 0; }
.reference-home .capabilities-process-wrap .section-header { margin-bottom: 28px; }
.reference-home .capabilities-process-wrap .capabilities-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
.reference-home .capabilities-process-wrap .process-steps { grid-template-columns: 1fr; gap: 0; position: relative; }
.reference-home .capabilities-process-wrap .process-step { border: none; box-shadow: none; background: transparent; padding: 0 0 24px 40px; position: relative; }
.reference-home .capabilities-process-wrap .process-step::before { content: ''; position: absolute; left: 13px; top: 30px; bottom: 2px; width: 2px; background: var(--brand-200, #c5e0cc); }
.reference-home .capabilities-process-wrap .process-step:last-child::before { display: none; }
.reference-home .capabilities-process-wrap .process-step .step-num { position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--brand-700, #236358); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; }
.reference-home .capabilities-process-wrap .process-step:hover { transform: none; }
.reference-home .capabilities-process-wrap .process-step h3 { font-size: 16px; margin-bottom: 6px; }
.reference-home .capabilities-process-wrap .process-step .rich-text { font-size: 13px; line-height: 1.65; color: var(--muted, #66736c); }

/* ⑤ 画廊合并：视频主位 + 图集缩略墙并排 */
.reference-home .lab-gallery-wrap { max-width: 1240px; margin: 0 auto; padding: 72px 24px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: start; }
.reference-home .lab-gallery-wrap .production-strip { background: transparent; padding: 0; }
.reference-home .lab-gallery-wrap .production-strip-inner { grid-template-columns: 1fr; gap: 20px; }
.reference-home .lab-gallery-wrap .facility-gallery-section { background: transparent; }
.reference-home .lab-gallery-wrap .facility-gallery-section .container { padding: 0; }
.reference-home .lab-gallery-wrap .facility-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.reference-home .lab-gallery-wrap .facility-card img { aspect-ratio: 4/3; }

/* ⑥ 深色转化收尾：FAQ + 联系同区 */
.reference-home .convert-wrap { background: var(--brand-900, #102f2d); padding: 80px 24px; }
.reference-home .convert-wrap .container { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: start; max-width: 1240px; margin: 0 auto; padding: 0; }
.reference-home .convert-wrap .faq-section { background: transparent; border: 0; padding: 0; }
.reference-home .convert-wrap .faq-section .section-eyebrow { color: var(--brand-200, #c5e0cc); }
.reference-home .convert-wrap .faq-section .section-title { color: #fff; }
.reference-home .convert-wrap .faq-section .section-sub { color: #c1d4cb; }
.reference-home .convert-wrap .faq-item { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); }
.reference-home .convert-wrap .faq-item summary { color: #fff; }
.reference-home .convert-wrap .faq-item summary > span { color: var(--brand-200, #c5e0cc); }
.reference-home .convert-wrap .faq-answer { color: #d8e6de; }
.reference-home .convert-wrap .contact-section { background: transparent; border: 0; padding: 0; }
.reference-home .convert-wrap .contact-grid { grid-template-columns: 1fr; gap: 20px; }
.reference-home .convert-wrap .contact-info { background: transparent; padding: 0; border-radius: 0; }
.reference-home .convert-wrap .contact-info .section-eyebrow { color: var(--brand-200, #c5e0cc); }
.reference-home .convert-wrap .contact-info h2 { color: #fff; }
.reference-home .convert-wrap .contact-info > p { color: #d8e6de; }
.reference-home .convert-wrap .contact-item { border-color: rgba(255,255,255,0.12); }
.reference-home .convert-wrap .contact-item strong { color: var(--brand-200, #c5e0cc); }
.reference-home .convert-wrap .contact-item a, .reference-home .convert-wrap .contact-item p { color: #fff; }
.reference-home .convert-wrap .contact-form { background: #fff; }

/* ③ 产品卡：白底大图 + 悬停浮起（取消 scale 放大） */
.reference-home .product-card-img { background: #ffffff; }
.reference-home .product-card:hover .product-card-img img { transform: none; }
.reference-home .product-card { transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; }
.reference-home .product-card:hover { transform: translateY(-4px); }

/* About 区块在首页降级为轻量版，弱化长文打断 */
.reference-home .about-section { padding-top: 64px; padding-bottom: 64px; }

/* 响应式 */
@media (max-width: 900px) {
  .reference-home .capabilities-process-wrap { grid-template-columns: 1fr; gap: 36px; }
  .reference-home .convert-wrap .container { grid-template-columns: 1fr; gap: 36px; }
  .reference-home .lab-gallery-wrap { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .reference-home .hero.hero-with-bg { min-height: auto; }
  .reference-home .hero-grid { padding: 3rem 1.25rem 2.5rem; }
  .reference-home .trust-bar-inner { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .reference-home .trust-item { justify-content: flex-start; }
  .reference-home .capabilities-process-wrap { padding: 56px 18px; gap: 28px; }
  .reference-home .capabilities-process-wrap .capabilities-grid { grid-template-columns: 1fr; }
  .reference-home .lab-gallery-wrap { padding: 56px 18px; }
  .reference-home .lab-gallery-wrap .facility-grid { grid-template-columns: 1fr; }
  .reference-home .convert-wrap { padding: 56px 18px; }
}