/* ==========================================================================
   产品页统一模板样式 — 所有使用「产品页」模板的页面共用
   改这里 = 全站产品页一起变
   ========================================================================== */

.zxp-product { --zxp-navy:#05517a; --zxp-navy-d:#0f2436; --zxp-accent:#f67e61; --zxp-line:#e2e8f0; --zxp-muted:#666666; }

/* ---------- 面包屑 ---------- */
.zxp-crumbs { font-size:.85rem; color:var(--zxp-muted); margin:6px 0 18px; }
.zxp-crumbs a { color:var(--zxp-muted); }
.zxp-crumbs a:hover { color:var(--zxp-accent); }

/* ---------- 首屏 ---------- */
.zxp-hero {
  display:grid; grid-template-columns:1.15fr 1fr; gap:32px; align-items:center;
  background:linear-gradient(135deg,var(--zxp-navy-d) 0%, #1b3d5f 100%);
  border-radius:16px; padding:38px 36px; margin:0 0 30px; color:#fff;
}
.zxp-kicker { color:#9fc3e0 !important; font-size:.95rem; margin:0 0 10px; font-weight:400; letter-spacing:.2px; }
.zxp-title { color:#fff !important; font-size:clamp(1.7rem,3.1vw,2.4rem); line-height:1.22; margin:0 0 12px; }
.zxp-ref { font-size:.85rem; color:#7ea6c9 !important; font-style:italic; margin:0 0 14px; }
.zxp-intro { color:#dbe8f3 !important; font-size:1.02rem; line-height:1.7; margin:0 0 22px; }
.zxp-hero-cta { display:flex; gap:12px; flex-wrap:wrap; }
.zxp-hero-media img { border-radius:12px; box-shadow:0 14px 36px rgba(0,0,0,.4); width:100%; height:auto; display:block; }

/* ---------- 按钮 ---------- */
.zxp-btn {
  display:inline-block; padding:13px 26px; border-radius:9px; font-weight:600;
  text-decoration:none !important; transition:.18s; line-height:1.2;
}
.zxp-btn-main { background:var(--zxp-accent); color:#fff !important; }
.zxp-btn-main:hover { background:#e56a4e; color:#fff !important; transform:translateY(-1px); }
.zxp-btn-wa { background:#25D366; color:#fff !important; }
.zxp-btn-wa:hover { background:#1eb257; color:#fff !important; transform:translateY(-1px); }

/* ---------- 关键指标 ---------- */
.zxp-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(148px,1fr)); gap:14px; margin:0 0 34px; }
.zxp-stat { background:#f8fafc; border:1px solid var(--zxp-line); border-left:4px solid var(--zxp-accent); border-radius:10px; padding:16px 18px; }
.zxp-stat b { display:block; font-size:1.75rem; color:var(--zxp-accent); line-height:1.15; }
.zxp-stat span { font-size:.85rem; color:var(--zxp-muted); }

/* ---------- 章节标题 ---------- */
.zxp-h2, .zxp-body h2 {
  border-left:5px solid var(--zxp-accent); padding-left:14px;
  margin:44px 0 16px; color:var(--zxp-navy); font-size:1.5rem;
}
.zxp-body h3 { color:var(--zxp-navy); margin:28px 0 10px; font-size:1.16rem; }

/* ---------- 参数表 ---------- */
.zxp-table table { border-collapse:collapse; width:100%; margin:0 0 28px; }
.zxp-table td { border:1px solid var(--zxp-line); padding:12px 15px; vertical-align:top; }
.zxp-table .zxp-spec-k { background:#f8fafc; font-weight:600; width:34%; color:var(--zxp-navy); }

/* ---------- FAQ ---------- */
.zxp-body .wp-block-details {
  border:1px solid var(--zxp-line); border-radius:10px; padding:14px 18px;
  margin:0 0 10px; background:#fff;
}
.zxp-body .wp-block-details summary { cursor:pointer; font-weight:600; }
.zxp-body .wp-block-details summary h3 { display:inline; font-size:1.02rem; margin:0; color:var(--zxp-navy); }

/* ---------- 正文配图 ---------- */
.zxp-body figure.wp-block-image img { border-radius:12px; width:100%; height:auto; }
.zxp-body figcaption { font-size:.84rem; color:#6b7f92; text-align:center; margin-top:8px; }

/* ---------- 询盘区 ---------- */
.zxp-cta-box { background:#f8fafc; border:1px solid var(--zxp-line); border-radius:14px; padding:28px 30px; margin:44px 0 10px; }
.zxp-cta-box .zxp-h2 { margin-top:0; }
.zxp-notice { margin:0 0 6px; }
.zxp-notice-list, .zxp-contact { margin:0 0 18px; padding-left:20px; color:var(--zxp-muted); font-size:.92rem; }
.zxp-notice-list li, .zxp-contact li { margin-bottom:5px; }

/* ---------- 适用金属 / 交付周期 ---------- */
.zxp-meta-row { display:flex; gap:10px; margin:14px 0 20px; flex-wrap:wrap; }
.zxp-meta-badge {
  display:inline-block; padding:6px 14px; border-radius:6px; font-size:.88rem; font-weight:500;
  background:rgba(255,255,255,.12); color:#d8e6f2; border:1px solid rgba(255,255,255,.18);
}
.zxp-meta-badge:first-child::before { content:'🔧 '; }
.zxp-meta-badge:last-child::before { content:'⏱️ '; }


/* ---------- 断掉 min-content 传播链 (2026-09-24 根治) ----------
   Astra 的 .site-content 是 .hfeed.site(flex) 的子项, 默认 min-width:auto;
   Elementor 轮播 5×1140px 的 min-content 沿 flex/grid 链向上传播,
   把 .site-content 撑到 5720/3735px, 整页横向溢出。
   实测 min-width:0 单条即三页全部回到 1265px。 */
.hfeed.site,
.hfeed.site > *,
.site-content,
.ast-container,
.content-area,
.site-main,
article.zxp-product,
.zxp-product .entry-content,
.zxp-body {
  min-width: 0 !important;
}

/* ---------- 响应式 ---------- */
@media (max-width:921px) {
  .zxp-hero { grid-template-columns:1fr; padding:28px 22px; gap:22px; }
  .zxp-hero-media { order:-1; }
  .zxp-title { font-size:1.6rem; }
}
@media (max-width:544px) {
  .zxp-hero { padding:22px 16px; border-radius:12px; }
  .zxp-stat b { font-size:1.45rem; }
  .zxp-btn { padding:12px 20px; font-size:.95rem; }
}

/* ---------- 防横向溢出（2026-09-24 修复） ----------
   根因: Astra .ast-container 是 grid, .content-area 作为 grid 子项
   min-width:auto 不收缩; 正文里 &nbsp; 连成不可断超长串把表格撑到 3735px */
.content-area,
.site-main,
article.zxp-product,
.zxp-product .entry-content {
  min-width: 0;
  max-width: 100%;
}
.zxp-body,
.zxp-body * {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.zxp-body table {
  table-layout: fixed;
  width: 100% !important;
  max-width: 100%;
  border-collapse: collapse;
}
.zxp-body td,
.zxp-body th {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.zxp-body img,
.zxp-body figure,
.zxp-body iframe,
.zxp-body video,
.zxp-body embed {
  max-width: 100%;
  height: auto;
}
.zxp-body figure.wp-block-table {
  max-width: 100%;
  overflow-x: auto;
}
.zxp-hero {
  min-width: 0;
}
.zxp-hero-text,
.zxp-hero-media {
  min-width: 0;
}

/* 固定布局下参数名列占 38%,值列占 62% */
.zxp-body td.zxp-spec-k { width: 38%; }
