/* ============================================================
   pages-v2.css —— about/contact/faq/oem-odm 四页 banner + 主体统一
   （2026-10-30）header/footer 复用 products-v2.css；本文件只做
   banner（场景图背景+渐变+白字）与主体白卡/留白/橙色 CTA。
   ============================================================ */

/* 共享 mono 小标 */
.mono{ font-family:"Space Grotesk","Noto Sans Arabic","Noto Sans Thai",monospace; font-size:11px; letter-spacing:.2em; text-transform:uppercase; font-weight:500; }

/* ---- banner：满宽场景图 + 深炭渐变 + 白字 ---- */
.page-banner{ position:relative; min-height:44vh; background-size:cover; background-position:center; background-color:var(--world); display:flex; align-items:flex-end; color:#fff; padding-top:clamp(40px,5vw,64px); }
.page-banner::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(13,17,20,.16) 30%, rgba(13,17,20,.92) 100%); }
.page-banner .container{ position:relative; z-index:2; max-width:var(--content-w); margin-inline:auto; width:100%; padding-inline:var(--gut); padding-bottom:clamp(30px,4.5vw,48px); }
.page-banner .crumbs, .page-banner .crumbs a{ color:rgba(255,255,255,.72); font-size:12px; letter-spacing:.2em; text-transform:uppercase; }
.page-banner .crumbs a:hover{ color:#fff; }
.page-banner .crumbs .cur{ color:var(--accent); font-weight:600; }
.page-banner .crumbs .sep{ opacity:.5; }
.page-banner h1{ color:#fff; font-family:var(--font-head); font-size:clamp(2rem,4.6vw,3.2rem); font-weight:700; letter-spacing:-.03em; line-height:1.05; margin:14px 0 14px; }
.page-banner p{ color:rgba(255,255,255,.84); max-width:62ch; font-size:1.02rem; line-height:1.7; }
.page-banner .lead{ color:rgba(255,255,255,.84); }
.page-banner .hero-ctas{ margin-top:20px; }
.page-banner .hero-ctas .btn{ border-radius:999px; }
.page-banner .hero-ctas .btn-primary{ background:var(--accent); color:#fff; border:0; }
.page-banner .hero-ctas .btn-primary:hover{ background:#fff; color:var(--ink); }
.page-banner .btn-wa{ background:#128C7E; color:#fff; border:0; }

/* ---- 主体统一：section 留白 + 白卡 + Space Grotesk 标题 ---- */
.section{ padding-block: var(--sec-v); }
.section .container{ max-width: var(--content-w); }
.section h2{ font-family:var(--font-head); font-size:clamp(1.4rem,2.6vw,1.9rem); letter-spacing:-.02em; margin-bottom:18px; }
/* 常见白卡容器 */
.faq-item, .stat-chip, .market-tag, .pillar, .about-card, .oem-step, .contact-card,
[class*="card"]{ background:#fff; border:1px solid var(--line); border-radius:14px; }
.faq-item, .pillar, .about-card, .oem-step{ padding:20px 22px; margin-bottom:12px; }
.faq-item h3, .faq-item h4{ font-family:var(--font-head); margin:0 0 8px; }
/* 橙色 CTA */
.btn-primary{ background:var(--accent); color:#fff; border:0; border-radius:999px; }
.btn-primary:hover{ background:var(--accent-deep); }
.btn-outline{ border-radius:999px; }
/* 表单白卡 */
.form-card, form.form-card, #inquiry form{ background:#fff; border:1px solid var(--line); border-radius:14px; }