/* 产品详情页专用样式 — 复用 style.css 的 :root token */
.wrap.narrow{max-width:820px}
.center{text-align:center}

/* 面包屑 */
.crumb{font-family:var(--mono);font-size:var(--step--1);color:var(--steel);margin-bottom:2rem;letter-spacing:.02em}
.crumb a{color:var(--steel);text-decoration:none}
.crumb a:hover{color:var(--blue)}
.crumb span{color:var(--ink)}

/* 产品头 */
.prod-hero{padding-top:2.4rem}
.prod-hero-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(1.5rem,4vw,3.2rem);align-items:center}
.prod-hero-media{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-height:340px;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}
.prod-hero-media img{max-width:100%;max-height:420px;object-fit:contain;border-radius:8px}
.prod-hero-body h1{font-family:var(--display);font-size:var(--step-3);line-height:1.1;margin:.5rem 0 .2rem}
.prod-en{font-family:var(--mono);font-size:var(--step-0);color:var(--blue);margin-bottom:1.1rem;letter-spacing:.02em}
.prod-cta{display:flex;gap:.8rem;margin-top:1.6rem;flex-wrap:wrap}
.prod-cta.center{justify-content:center}

/* 正文段落 */
.body-p{font-size:var(--step-0);line-height:1.85;color:var(--ink-70);margin-bottom:1.1rem;max-width:70ch}

/* 对照表 */
.compare table{width:100%;border-collapse:collapse;margin-top:1.8rem;font-size:var(--step--1)}
.compare th,.compare td{padding:1rem 1.1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-dk)}
.compare thead th{font-family:var(--display);font-size:var(--step-0);font-weight:600;border-bottom:2px solid var(--steel-dk)}
.compare th.hl,.compare td.hl{background:rgba(0,97,188,.14)}
.compare thead th.hl{color:var(--signal)}
.compare td:first-child{font-weight:600;white-space:nowrap;color:var(--steel-dk)}

/* 工作流程 */
.flow{list-style:none;padding:0;margin:1.8rem 0 0;display:grid;gap:1rem}
.flow li{display:flex;gap:1rem;align-items:flex-start;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.3rem}
.flow-n{flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--mono);display:flex;align-items:center;justify-content:center;font-size:.9rem}
.flow li div{font-size:var(--step-0);line-height:1.7;color:var(--ink-70)}
.flow li b{color:var(--ink);margin-right:.5rem}

/* 主要功能 */
.func-grid{margin-top:1.8rem}
.func{background:var(--paper-2);border:1px solid var(--line);border-left:2px solid var(--signal);border-radius:var(--radius);padding:1rem 1.2rem;font-size:var(--step--1);line-height:1.6;color:var(--ink-70)}

/* 技术参数表 */
.spec table{width:100%;border-collapse:collapse;margin-top:1.6rem;font-size:var(--step--1)}
.spec td{padding:.75rem 1rem;border-bottom:1px solid var(--line)}
.spec td:nth-child(odd){font-family:var(--mono);color:var(--steel);white-space:nowrap;width:1%}
.spec td:nth-child(even){font-weight:500;color:var(--ink)}

/* 型号表 */
.model-sub{font-family:var(--display);font-size:var(--step-1);margin:2.2rem 0 .8rem}
.model-sub:first-of-type{margin-top:1rem}
.model{overflow-x:auto}
.model table{width:100%;border-collapse:collapse;font-size:var(--step--1);min-width:480px}
.model th,.model td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
.model thead th{background:var(--ink);color:#fff;font-family:var(--display);font-weight:600}
.model td:first-child{font-family:var(--mono);color:var(--blue);font-weight:500}
.model tbody tr:hover{background:var(--mist)}

/* 底部 CTA */
.prod-foot-cta{text-align:center}
.prod-foot-cta h2{font-size:var(--step-2);margin-bottom:.6rem}

@media(max-width:820px){
  .prod-hero-grid{grid-template-columns:1fr}
  .compare table{font-size:.8rem}
  .compare th,.compare td{padding:.7rem .6rem}
}

/* ============ PROOF SECTION (measured data from the manual) ============ */
.proof{background:var(--mist);border-block:1px solid var(--line)}
.proof-chart{width:100%;height:auto;max-width:760px;margin:0 auto;display:block}
.pg-grid{stroke:var(--line);stroke-width:1}
.pg-split{stroke:var(--line);stroke-width:1;stroke-dasharray:4 4}
.pg-ylab{fill:var(--steel);font-family:var(--mono);font-size:10px;text-anchor:end}
.pg-xlab{fill:var(--steel);font-family:var(--mono);font-size:11px}
.pg-xlab--a{fill:var(--blue);font-weight:500}
.pg-line-b{fill:none;stroke:#A8480B;stroke-width:2;stroke-linejoin:round}
.pg-line-a{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linejoin:round}
.pg-dot-b{fill:#A8480B}
.pg-dot-a{fill:var(--blue)}

.proof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.2rem}
.pstat{border-top:2px solid var(--line);padding-top:0.9rem}
.pstat--a{border-top-color:var(--blue)}
.pstat-n{display:block;font-family:var(--mono);font-size:clamp(1.15rem,2.4vw,1.5rem);color:var(--ink);font-weight:500;letter-spacing:-0.01em}
.pstat--a .pstat-n{color:var(--blue)}
.pstat-l{display:block;font-size:0.82rem;color:var(--steel);margin-top:0.3rem}
@media(max-width:760px){.proof-stats{grid-template-columns:repeat(2,1fr)}}

.proof-details{margin-top:2rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-2)}
.proof-details summary{cursor:pointer;padding:0.9em 1.1em;font-family:var(--mono);font-size:0.85rem;color:var(--blue);min-height:44px;display:flex;align-items:center;border-radius:var(--radius-lg)}
.proof-details summary:hover{background:var(--blue-ghost)}
.proof-details[open] summary{border-bottom:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.proof-table{overflow-x:auto;padding:0 1.1em}
.proof-table table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:0.82rem;margin:1em 0}
.proof-table th{background:var(--mist);color:var(--ink);font-weight:500;padding:0.6em 0.5em;text-align:left;border-bottom:1px solid var(--line)}
.proof-table th.hl{color:var(--blue)}
.proof-table td{padding:0.45em 0.5em;border-bottom:1px solid var(--line);color:var(--ink-70)}
.proof-table .pd-i{color:var(--steel)}
.proof-table .pd-v{color:#A8480B;font-weight:500}
.proof-table .pd-v--a{color:var(--blue)}
.proof-src{font-size:0.75rem;color:var(--steel);padding:0 1.1em 1.1em;line-height:1.5}

/* ============ TECHNICAL STRUCTURE / INSTALLATION ============ */
.struct-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.struct-fig{margin:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.struct-fig img{width:100%;height:auto;display:block}
.struct-units{display:flex;flex-direction:column;gap:0.7rem}
.unit{display:flex;align-items:center;gap:0.8rem;padding:0.75em 0.9em;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);font-size:0.92rem;color:var(--ink-70)}
.unit-n{font-family:var(--mono);font-size:0.75rem;color:var(--blue);flex-shrink:0}
.install-fig{margin:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.install-fig img{width:100%;height:auto;display:block}
.install-fig figcaption{padding:0.8em 1em;font-size:0.82rem;color:var(--steel);border-top:1px solid var(--line);background:var(--paper-2)}
@media(max-width:860px){.struct-grid{grid-template-columns:1fr}}