/* ===== 产品详情页 (p1~p6) — 白蓝主题（与 2.1 设计系统一致） ===== */
.pd-hero{
    position:relative;margin-top:72px;padding:80px 5% 60px;color:var(--navy);overflow:hidden;text-align:center;
    background:
        radial-gradient(900px 400px at 85% -15%,rgba(46,123,214,.16),transparent 60%),
        radial-gradient(700px 360px at 5% 120%,rgba(11,78,162,.07),transparent 55%),
        #ffffff;
}
.pd-hero .badge{display:inline-block;background:rgba(11,78,162,.06);border:1px solid var(--line);
    color:var(--blue);padding:6px 18px;border-radius:30px;font-size:.85rem;margin-bottom:16px}
.pd-hero h1{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;letter-spacing:1px}
.pd-hero p{color:var(--text-soft);margin-top:10px;font-size:1.05rem}
.pd-wrap{max-width:1180px;margin:0 auto;padding:54px 5%}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.pd-media{display:flex;flex-direction:column;gap:14px}
.pd-main-img{height:340px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:5rem;
    background:linear-gradient(135deg,var(--bg-soft),#dbe8f7);border:1px solid var(--line)}
.pd-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pd-thumbs div{height:90px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;
    background:var(--bg-soft);border:1px solid var(--line)}
.pd-info{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}
.pd-info h2{color:var(--navy);font-size:1.5rem;margin-bottom:6px}
.pd-info .sub{color:var(--text-soft);font-size:.9rem;margin-bottom:20px}
.spec-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #eef1f5;font-size:.95rem}
.spec-row:last-child{border-bottom:none}
.spec-row .k{color:var(--text-soft)}
.spec-row .v{color:var(--navy);font-weight:600;text-align:right}
.spec-row .v.hot{color:var(--blue);font-size:1.15rem;font-weight:800}
.price-box{margin-top:20px;background:linear-gradient(135deg,rgba(11,78,162,.06),rgba(46,123,214,.06));
    border:1px dashed var(--blue);border-radius:12px;padding:18px;text-align:center}
.price-box .p{font-size:1.3rem;font-weight:800;color:var(--blue)}
.price-box .n{font-size:.82rem;color:var(--text-soft);margin-top:4px}

.pd-section{margin-top:56px}
.pd-section h3{color:var(--navy);font-size:1.4rem;font-weight:800;margin-bottom:20px;display:inline-block;
    border-bottom:3px solid var(--blue);padding-bottom:8px}
.pd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pd-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center;transition:all .3s}
.pd-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.pd-card .ic{font-size:2.2rem;margin-bottom:10px}
.pd-card h4{color:var(--navy);margin-bottom:6px}
.pd-card p{color:var(--text-soft);font-size:.86rem}

.pd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pd-step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center}
.pd-step .no{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-2));
    color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.pd-step h4{color:var(--navy);font-size:.95rem;margin-bottom:6px}
.pd-step p{color:var(--text-soft);font-size:.82rem}

.pd-protect{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pd-prot{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px;text-align:center}
.pd-prot .ic{font-size:1.9rem;margin-bottom:6px}
.pd-prot h4{color:var(--navy);font-size:.9rem}
.pd-prot p{color:var(--text-soft);font-size:.78rem}

.pd-compare{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.pd-compare .ch{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;padding:14px 22px;font-weight:700}
.pd-compare .crow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}
.pd-compare .col{padding:18px 22px;border-right:1px solid #eef1f5}
.pd-compare .col:last-child{border-right:none}
.pd-compare .col .t{font-weight:700;color:var(--navy);margin-bottom:10px}
.pd-compare .ci{display:flex;justify-content:space-between;font-size:.85rem;padding:5px 0;border-bottom:1px dashed #eef1f5}
.pd-compare .ci:last-child{border-bottom:none}
.pd-compare .ci b{color:var(--navy)}

.pd-cta{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;border-radius:var(--radius);
    padding:44px;text-align:center;margin-top:54px}
.pd-cta h3{font-size:1.5rem;margin-bottom:8px}
.pd-cta p{opacity:.92;margin-bottom:22px}
.pd-cta .btn-white{background:#fff;color:var(--navy);padding:14px 38px;border-radius:30px;font-weight:700;display:inline-block;transition:all .25s}
.pd-cta .btn-white:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(11,78,162,.25)}

@media(max-width:900px){.pd-grid{grid-template-columns:1fr}.pd-cards,.pd-steps,.pd-protect{grid-template-columns:repeat(2,1fr)}.pd-compare .crow{grid-template-columns:1fr}.pd-compare .col{border-right:none;border-bottom:1px solid #eef1f5}}
@media(max-width:560px){.pd-cards,.pd-steps,.pd-protect{grid-template-columns:1fr}}