/* ===== 次级页面样式：产品详情 / 案例中心 ===== */

/* 面包屑 */
.crumb{font-size:12.5px;color:var(--muted-2);letter-spacing:.04em;margin-bottom:36px}
.crumb a{color:var(--muted-2);transition:.2s}
.crumb a:hover{color:var(--steel)}
.crumb i{font-style:normal;margin:0 8px;color:var(--line-2)}

/* 产品首屏 */
.pdp-hero{background:#fff;border-bottom:1px solid var(--line);padding:40px 0 76px}
.pdp-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}
.pdp-hero h1{font-size:clamp(1.9rem,3.1vw,2.6rem);color:var(--navy);margin:14px 0 18px;letter-spacing:-.015em}
.pdp-hero p.lead{font-size:15.5px;color:var(--muted);line-height:1.92;max-width:540px}
.pdp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}
.pdp-tags span{font-size:12.5px;border:1px solid var(--line-2);padding:6px 12px;color:var(--navy);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.pdp-actions{display:flex;gap:12px;flex-wrap:wrap}
.pdp-visual{background:var(--navy);padding:36px 30px;position:relative;overflow:hidden}
.pdp-visual::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:32px 32px;
}
.pdp-visual::after{content:"";position:absolute;right:-30%;bottom:-40%;width:320px;height:320px;background:radial-gradient(circle,rgba(224,112,24,.28),transparent 65%)}
.pdp-visual svg{position:relative;width:100%;height:auto}
.pdp-visual .cap{position:relative;margin-top:20px;font-size:12px;color:#8fa6ba;letter-spacing:.06em;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;display:flex;justify-content:space-between}

/* 关键指标条 */
.glance{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.glance > div{background:#fff;padding:24px 22px}
.glance b{display:block;font-size:23px;color:var(--navy);letter-spacing:-.02em;line-height:1.3}
.glance b em{font-style:normal;font-size:13px;color:var(--muted-2);margin-left:2px}
.glance small{font-size:12.5px;color:var(--muted);display:block;margin-top:4px}

/* 参数表 */
.spec-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:13.8px}
.spec-table th,.spec-table td{border-bottom:1px solid var(--line);padding:13px 20px;text-align:left;vertical-align:top;line-height:1.7}
.spec-table th{background:var(--bg-alt);font-weight:500;color:var(--muted);width:32%;font-size:13px}
.spec-table td{color:var(--text);font-variant-numeric:tabular-nums}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:none}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}

/* 结构亮点 */
.points{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.point{background:#fff;padding:28px 26px}
.point .n{display:block;font-size:11.5px;color:var(--heat);letter-spacing:.12em;font-weight:600;margin-bottom:12px;font-variant-numeric:tabular-nums}
.point h4{font-size:15.5px;color:var(--navy);margin-bottom:8px}
.point p{font-size:13.6px;color:var(--muted);line-height:1.82}

/* 选型清单 */
.checklist{margin-top:26px}
.checklist li{display:grid;grid-template-columns:14px 1fr;gap:14px;padding:15px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.75}
.checklist li:last-child{border-bottom:1px solid var(--line)}
.checklist .dot{width:6px;height:6px;background:var(--heat);margin-top:10px}
.checklist b{color:var(--text);font-weight:500}

/* 相关产品 */
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rel{display:block;border:1px solid var(--line);padding:26px 24px;background:#fff;transition:.25s}
.rel:hover{border-color:var(--steel);transform:translateY(-3px);box-shadow:var(--shadow)}
.rel span{display:block;font-size:11.5px;color:var(--steel);letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}
.rel h4{font-size:15.5px;color:var(--navy);margin-bottom:6px}
.rel p{font-size:13px;color:var(--muted);line-height:1.7}

/* 案例 */
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.case{border:1px solid var(--line);background:#fff;padding:32px 30px;transition:.25s}
.case:hover{border-color:var(--steel);box-shadow:var(--shadow)}
.case .tag{font-size:11.5px;letter-spacing:.12em;color:var(--steel);text-transform:uppercase;font-weight:600}
.case h3{font-size:17.5px;color:var(--navy);margin:12px 0 18px;line-height:1.5}
.case dl{display:grid;grid-template-columns:56px 1fr;gap:9px 14px;font-size:13.5px;color:var(--muted);line-height:1.72}
.case dt{color:var(--muted-2);font-size:12.5px}
.case .res{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line-2);display:flex;gap:32px;flex-wrap:wrap}
.case .res b{display:block;font-size:19px;color:var(--navy);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.case .res small{font-size:11.5px;color:var(--muted-2)}
.case-note{margin-top:34px;font-size:12.5px;color:var(--muted-2);border-left:2px solid var(--line-2);padding-left:14px;line-height:1.8}

@media (max-width:1024px){
  .pdp-grid{grid-template-columns:1fr;gap:40px}
  .pdp-visual{order:-1}
  .glance{grid-template-columns:1fr 1fr}
  .two-col,.case-grid,.rel-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .pdp-hero{padding:28px 0 52px}
  .points{grid-template-columns:1fr}
  .glance{grid-template-columns:1fr 1fr}
  .spec-table th,.spec-table td{padding:11px 14px;font-size:13px}
  .case{padding:26px 20px}
  .case .res{gap:20px}
}