/* ═══════════ 产品详情页 ═══════════ */
.pd-main{padding-top:76px}

/* 面包屑 + 标题区 */
.pd-head{
  padding:64px 0 46px;position:relative;
  background:
    radial-gradient(ellipse 55% 70% at 85% 0%,rgba(30,80,180,.16),transparent 60%),
    radial-gradient(ellipse 45% 60% at 5% 100%,rgba(0,150,220,.1),transparent 60%),
    var(--bg2);
  border-bottom:1px solid var(--panel-brd);
}
.pd-crumb{font-size:13.5px;color:var(--muted);letter-spacing:1px;margin-bottom:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pd-crumb a{color:#9fc6ff;transition:color .25s}
.pd-crumb a:hover{color:var(--cyan)}
.pd-crumb i{color:#45608c;font-style:normal}
.pd-head h1{font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:3px}
.pd-en{
  margin-top:12px;font-family:var(--font-en);font-size:14px;font-weight:600;letter-spacing:4px;
  color:var(--cyan);text-transform:uppercase;
}
.pd-lead{margin-top:18px;max-width:820px;color:#b9c8e4;font-size:16px}

/* 图片区（图片在上方） */
.pd-media{padding:56px 0 0}
.pd-hero-img{
  position:relative;border:1px solid rgba(110,170,255,.22);border-radius:22px;overflow:hidden;
  background:
    radial-gradient(62% 72% at 50% 60%, rgba(0,110,230,.16), transparent 72%),
    radial-gradient(90% 55% at 50% 112%, rgba(0,216,255,.12), transparent 62%),
    linear-gradient(180deg,#0b1730 0%,#081123 55%,#060d1d 100%);
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
.pd-hero-img::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(90,150,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,150,255,.07) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(78% 78% at 50% 55%,#000 25%,transparent 100%);
  mask-image:radial-gradient(78% 78% at 50% 55%,#000 25%,transparent 100%);
}
.pd-hero-img img{
  position:relative;z-index:1;display:block;width:100%;height:min(560px,58vw);
  object-fit:cover;transition:opacity .3s;
}
.pd-hero-img img.cutout{
  object-fit:contain;padding:44px 56px;
  filter:drop-shadow(0 34px 42px rgba(0,0,0,.62)) drop-shadow(0 0 28px rgba(0,140,255,.16));
}
.pd-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:14px}
.pd-thumbs button{
  border:1px solid rgba(110,170,255,.18);border-radius:14px;overflow:hidden;
  background:
    radial-gradient(70% 80% at 50% 65%, rgba(0,110,230,.13), transparent 75%),
    linear-gradient(180deg,#0c1830,#081120);
  padding:0;height:120px;transition:border-color .3s,box-shadow .3s,transform .3s;
}
.pd-thumbs button img{width:100%;height:100%;object-fit:cover}
.pd-thumbs button img.cutout{object-fit:contain;padding:12px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}
.pd-thumbs button:hover{transform:translateY(-3px)}
.pd-thumbs button.active{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,216,255,.18)}

/* 文字区（文字在下方） */
.pd-body{padding:56px 0 90px}
.pd-section{margin-bottom:44px}
.pd-section h2{
  font-size:24px;font-weight:900;letter-spacing:2px;margin-bottom:18px;
  display:flex;align-items:center;gap:12px;
}
.pd-section h2::before{
  content:"";width:5px;height:24px;border-radius:4px;background:var(--grad);
  box-shadow:0 0 14px rgba(0,216,255,.5);
}
.pd-section p{color:#c4d2ec;font-size:15.5px;line-height:2;max-width:960px}
.pd-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-width:1100px}
.pd-list li{
  padding:14px 18px;border:1px solid var(--panel-brd);border-radius:12px;
  background:var(--panel);font-size:14.5px;color:#c9d7f0;
  display:flex;align-items:center;gap:10px;transition:border-color .3s,transform .3s;
}
.pd-list li:hover{border-color:rgba(0,216,255,.4);transform:translateY(-2px)}
.pd-list li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.pd-flow{max-width:1100px}

/* 返回 + 咨询 */
.pd-actions{margin-top:52px;display:flex;gap:16px;flex-wrap:wrap}

/* 相关产品 */
.pd-related{padding:70px 0 90px;border-top:1px solid var(--panel-brd);background:var(--bg2)}
.pd-related h2{font-size:22px;font-weight:900;letter-spacing:2px;margin-bottom:26px}
.pd-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.pd-rcard{
  border:1px solid var(--panel-brd);border-radius:14px;overflow:hidden;background:var(--panel);
  transition:transform .3s,border-color .3s,box-shadow .3s;display:block;
}
.pd-rcard:hover{transform:translateY(-6px);border-color:rgba(0,216,255,.4);box-shadow:0 18px 44px rgba(0,90,220,.2)}
.pd-rcard .r-img{height:130px;background:linear-gradient(180deg,#0c1830,#081120);display:grid;place-items:center;overflow:hidden}
.pd-rcard .r-img img{width:100%;height:100%;object-fit:cover}
.pd-rcard h4{padding:14px 16px;font-size:14.5px;font-weight:700;letter-spacing:.5px}

@media(max-width:640px){
  .pd-hero-img img{height:280px}
  .pd-hero-img img.cutout{padding:22px 20px}
  .pd-thumbs{grid-template-columns:repeat(3,1fr)}
  .pd-thumbs button{height:84px}
  .pd-thumbs button img.cutout{padding:8px}
}

/* ══════════ 技术参数表 ══════════ */
.pd-spec-scroll{overflow-x:auto;border-radius:14px}
.pd-spec-table{
  width:100%;min-width:560px;border-collapse:separate;border-spacing:0;
  border:1px solid rgba(110,160,230,.20);border-radius:14px;overflow:hidden;
  font-size:14.5px;
}
.pd-spec-table th{
  background:linear-gradient(120deg,#0b3a6e,#0e5aa8);color:#eaf6ff;
  padding:14px 20px;text-align:left;font-weight:600;letter-spacing:1.5px;font-size:14px;
  border-right:1px solid rgba(255,255,255,.10);white-space:nowrap;
}
.pd-spec-table th:last-child{border-right:none}
.pd-spec-table td{
  padding:12.5px 20px;color:#c9d9ef;line-height:1.65;
  border-top:1px solid rgba(110,160,230,.12);border-right:1px solid rgba(110,160,230,.08);
}
.pd-spec-table td:last-child{border-right:none}
.pd-spec-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.030)}
.pd-spec-table tbody tr:hover td{background:rgba(0,150,255,.08)}
.pd-spec-table td:first-child{color:#8fd8ff;font-weight:500}
.pd-spec-note{margin-top:14px;font-size:12.5px;color:var(--muted);letter-spacing:.5px}

/* ══════════ 产品视频 ══════════ */
.pd-video{padding:0 0 56px}
.pd-video h2{
  font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:22px;
  padding-left:16px;border-left:4px solid var(--cyan);
}
.pd-video-frame{
  position:relative;border-radius:18px;overflow:hidden;
  border:1px solid rgba(110,170,255,.28);background:#02060f;
  box-shadow:0 22px 60px rgba(0,20,60,.5);
}
.pd-video-frame::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:18px;
  box-shadow:inset 0 0 0 1px rgba(0,216,255,.08);
}
.pd-video-frame video{display:block;width:100%;max-height:640px;background:#000}
.pd-video-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}