/* OPT 产品详情页 v0（2026-10-16）——全部挂在 .pd 下，不碰站内其他页 */
.pd{--pd-bg1:#0f0831;--pd-bg2:#1a1046;--pd-bg3:#241255;--pd-cyan:#22d3ee;--pd-purple:#713795;--pd-ink:#1f1b2d;--pd-ink2:#4a4658;--pd-ink3:#8b84a8;--pd-line:#ebe8f2;--pd-soft:#f7f6fa;font-family:var(--opt-sans);color:var(--pd-ink2)}
.pd *{box-sizing:border-box}
.pd .commonbox{max-width:1180px}
.pd-eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--pd-ink3);margin:0 0 10px}
.pd-h2{font-size:30px;line-height:1.2;font-weight:600;color:var(--pd-ink);margin:0}

/* ① 首屏 */
.pd-hero{background:radial-gradient(1200px 520px at 78% 30%,rgba(113,55,149,.38),transparent 60%),linear-gradient(135deg,var(--pd-bg1) 0%,var(--pd-bg2) 55%,var(--pd-bg3) 100%);color:#fff;padding:56px 0 72px;position:relative;overflow:hidden}
.pd-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.35),transparent)}
.pd-hero .commonbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.pd-crumb{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin:0 0 18px}
.pd-crumb a{color:var(--pd-cyan);text-decoration:none}
.pd-crumb a:hover{color:#fff}
.pd-crumb span{color:rgba(255,255,255,.35);margin:0 10px}
.pd-title{font-size:44px;line-height:1.12;font-weight:600;letter-spacing:-.01em;color:#fff;margin:0}
.pd-sub{font-size:17px;line-height:1.5;color:rgba(255,255,255,.74);margin:14px 0 0}
.pd-rule{width:44px;height:2px;background:var(--pd-cyan);margin:26px 0 24px;border:0}
.pd-hl{font-size:15px;line-height:1.65;color:rgba(255,255,255,.78)}
.pd-hl *{font-size:inherit!important;color:inherit!important;line-height:inherit!important;font-family:inherit!important;background:none!important}
.pd-hl ul{list-style:none;margin:0;padding:0}
.pd-hl li{position:relative;padding-left:20px;margin:0 0 12px}
.pd-hl li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--pd-cyan)}
.pd-hl strong,.pd-hl b{color:#fff!important;font-weight:600}
.pd-hl p:empty,.pd-hl p:has(> br:only-child){display:none}
.pd-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pd-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;border-radius:var(--opt-r-sm,4px);font-size:15px;font-weight:600;text-decoration:none;transition:all var(--opt-dur,.28s) var(--opt-ease,ease)}
.pd-btn-primary{background:var(--pd-purple);color:#fff;box-shadow:0 6px 20px rgba(113,55,149,.45)}
.pd-btn-primary:hover{background:#8443ad;color:#fff}
.pd-btn-ghost{border:1px solid rgba(255,255,255,.32);color:#fff}
.pd-btn-ghost:hover{border-color:var(--pd-cyan);color:var(--pd-cyan)}
.pd svg.pd-i{width:16px;height:16px;flex:0 0 16px}

.pd-stage{background:#fff;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.06);padding:28px;position:relative}
.pd-stage-main{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.pd-stage-main img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.pd-thumbs{display:flex;gap:10px;margin-top:18px;justify-content:center}
.pd-thumbs button{width:64px;height:48px;border:1px solid var(--pd-line);border-radius:4px;background:#fff;padding:3px;cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}
.pd-thumbs button.on,.pd-thumbs button:hover{opacity:1;border-color:var(--pd-purple)}
.pd-thumbs img{width:100%;height:100%;object-fit:contain;display:block}

/* ② 吸顶段落导航 */
.pd-nav{position:sticky;top:var(--pd-top,82px);z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--pd-line)}
.pd-nav .commonbox{display:flex;align-items:center;gap:6px;height:56px}
.pd-nav a{font-size:14px;font-weight:500;color:var(--pd-ink2);text-decoration:none;padding:0 14px;height:56px;display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap}
.pd-nav a:hover{color:var(--pd-purple)}
.pd-nav a.on{color:var(--pd-purple);border-bottom-color:var(--pd-purple)}
.pd-nav .pd-nav-name{font-weight:600;color:var(--pd-ink);padding:0 18px 0 0;margin-right:6px;border-right:1px solid var(--pd-line);height:22px;font-size:14px;display:flex;align-items:center;white-space:nowrap}
.pd-nav .pd-nav-cta{margin-left:auto;height:36px;padding:0 16px;font-size:14px;border-bottom:0;background:var(--pd-purple);color:#fff;border-radius:4px}
.pd-nav .pd-nav-cta:hover{background:#8443ad;color:#fff}

/* ③ 段落 */
.pd-sec{padding:84px 0;scroll-margin-top:140px;background:#fff}
.pd-sec-soft{background:var(--pd-soft)}
.pd-split{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px}
.pd-split-head{position:relative}
.pd-body{font-size:16px;line-height:1.75;color:var(--pd-ink2);max-width:780px}
.pd-body p{margin:0 0 1em;font-size:inherit!important;line-height:inherit!important}
.pd-body p:empty,.pd-body p:has(> br:only-child){display:none}
.pd-body h3{margin-top:40px!important}

/* 参数表：覆盖库里的内联样式 */
.pd-spec{max-width:900px}
.pd-spec table{width:100%!important;border-collapse:collapse!important;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 0 var(--pd-line),0 10px 30px rgba(31,27,45,.05);margin:0!important}
.pd-spec th,.pd-spec td{border:0!important;border-bottom:1px solid var(--pd-line)!important;padding:13px 18px!important;font-size:14.5px!important;line-height:1.55!important;text-align:left!important;vertical-align:top}
.pd-spec tr{background:none!important}
.pd-spec th{background:#f1eef7!important;color:var(--pd-ink)!important;font-weight:600!important}
.pd-spec td:first-child{color:var(--pd-ink3)!important;font-weight:500;width:38%}
.pd-spec td+td{color:var(--pd-ink)!important}
.pd-spec tr:last-child td{border-bottom:0!important}
.pd-spec-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pd-spec-dl{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:15px;font-weight:600;color:var(--pd-purple);text-decoration:none}
.pd-spec-dl:hover{text-decoration:underline}

/* ④ 案例（深色带，接首页 Proven in the field） */
.pd-cases{background:linear-gradient(180deg,var(--pd-bg1),var(--pd-bg2));color:#fff}
.pd-cases .pd-eyebrow{color:var(--pd-cyan)}
.pd-cases .pd-h2{color:#fff}
.pd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
.pd-card{display:block;text-decoration:none;color:inherit}
.pd-card-pic{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#1d1446}
.pd-card-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--opt-ease,ease)}
.pd-card:hover .pd-card-pic img{transform:scale(1.04)}
.pd-card h3{font-size:16px;line-height:1.45;font-weight:500;margin:14px 0 0;color:rgba(255,255,255,.88)}
.pd-card:hover h3{color:var(--pd-cyan)}

/* ⑤ 同栏目其他产品 */
.pd-rel .pd-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.pd-rel .pd-card-pic{background:#fff;border:1px solid var(--pd-line);padding:18px}
.pd-rel .pd-card-pic img{object-fit:contain}
.pd-rel .pd-card h3{color:var(--pd-ink);font-size:15px}
.pd-rel .pd-card:hover h3{color:var(--pd-purple)}
.pd-rel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.pd-rel-head a{font-size:14px;font-weight:600;color:var(--pd-purple);text-decoration:none;white-space:nowrap}

/* ⑥ 收尾询价带 */
.pd-end{background:linear-gradient(135deg,var(--pd-bg2),var(--pd-bg3));color:#fff;padding:72px 0}
.pd-end .commonbox{display:flex;align-items:center;justify-content:space-between;gap:40px}
.pd-end h2{font-size:28px;line-height:1.25;font-weight:600;margin:0;color:#fff}
.pd-end p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);margin:10px 0 0;max-width:620px}
.pd-end .pd-cta{margin-top:0;flex-shrink:0}

/* 手机 */
@media (max-width:900px){
 .pd .commonbox{width:auto;padding:0 16px}
 .pd-hero{padding:28px 0 44px}
 .pd-hero .commonbox{grid-template-columns:1fr;gap:32px}
 .pd-stage{order:-1;padding:16px}
 .pd-title{font-size:32px}
 .pd-sub{font-size:16px}
 .pd-nav{top:var(--pd-top,60px)}
 .pd-nav .commonbox{overflow-x:auto;gap:0;scrollbar-width:none}
 .pd-nav .commonbox::-webkit-scrollbar{display:none}
 .pd-nav .pd-nav-name{display:none}
 .pd-nav a{padding:0 12px}
 .pd-nav .pd-nav-cta{display:none}
 .pd-sec{padding:56px 0;scroll-margin-top:120px}
 .pd-split{grid-template-columns:1fr;gap:20px}
 .pd-h2{font-size:24px}
 .pd-body{font-size:15.5px}
 .pd-spec td:first-child{width:44%}
 .pd-spec table{table-layout:auto!important}
 .pd-spec table:has(tr > :nth-child(3)){min-width:640px}
 .pd-spec table:has(tr > :nth-child(3)) td:first-child{width:auto}
 .pd-spec-wrap{margin:0 -16px;padding:0 16px}
 .pd-spec th,.pd-spec td{padding:11px 12px!important;font-size:14px!important}
 .pd-cards,.pd-rel .pd-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .pd-end .commonbox{flex-direction:column;align-items:flex-start;gap:24px}
 .pd-end h2{font-size:23px}
}
@media (max-width:520px){.pd-cases .pd-cards{grid-template-columns:1fr}}