/* ============================================================
   光波科技 GB007007 — 产品与参数中心页样式
   仅在 products.html 引用，覆盖在 styles.css 之后
   ============================================================ */

/* ---------- 目录 ---------- */
.prod-toc{padding-bottom:0;}
.toc-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);}
.toc-item{
  display:flex;flex-direction:column;gap:6px;padding:22px 20px;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  text-decoration:none;transition:background .25s var(--ease);
}
.toc-item em{font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.16em;color:var(--accent);}
.toc-item span{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--chalk);letter-spacing:.02em;}
.toc-item small{font-size:12px;color:var(--ash-dim);line-height:1.7;}
.toc-item:hover{background:var(--accent-faint);}

/* ---------- 产品分类 ---------- */
.prod-cat{border-top:1px solid var(--line);scroll-margin-top:100px;}
.parts-sub{scroll-margin-top:110px;}
.prod-cat .section-head{margin-bottom:clamp(28px,3.4vw,44px);}

.pcard-grid{display:grid;gap:clamp(20px,2.4vw,30px);}

.pcard{
  border:1px solid var(--line);background:rgba(233,236,234,.012);
  padding:clamp(18px,2vw,26px);scroll-margin-top:110px;
}
.pcard-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px;}
.pcard-top h3{
  font-family:var(--serif);font-size:clamp(19px,2vw,24px);font-weight:700;
  margin:0;letter-spacing:.03em;color:var(--chalk);display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;
}
.pcard-sub{
  font-family:var(--sans);font-size:13px;font-weight:400;letter-spacing:.01em;color:var(--ash);line-height:1.6;
}

.pcard-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,2.2vw,30px);align-items:start;}
.pcard-media{margin:0;}
.pcard-media img{
  width:100%;height:auto;max-height:430px;display:block;border:1px solid var(--line);
  background:#0d0f10;object-fit:contain;
}
.pcard-media figcaption{
  font-size:11.5px;color:var(--ash-dim);letter-spacing:.02em;margin-top:9px;line-height:1.7;
  display:flex;gap:8px;align-items:flex-start;
}
.pcard-media figcaption::before{content:"";width:12px;height:1px;background:var(--line-strong);flex:none;margin-top:9px;}

.pcard-desc{font-size:14px;line-height:1.9;color:var(--ash);margin:0 0 18px;font-weight:300;}
.pcard-kpis{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);margin:0 0 16px;}
.pk{padding:11px 12px 12px 0;border-bottom:1px solid var(--line);}
.pk-k{display:block;font-size:11px;letter-spacing:.08em;color:var(--ash-dim);margin-bottom:5px;}
.pk-v{font-size:15px;color:var(--chalk);letter-spacing:.01em;line-height:1.4;}

.pcard-info .tag-row{margin:0;}

/* ---------- 参数表折叠 ---------- */
.pcard-spec{margin-top:20px;border-top:1px solid var(--line);}
.pcard-spec > summary{
  list-style:none;cursor:pointer;padding:14px 0 13px;font-family:var(--mono);
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);
  display:flex;align-items:center;gap:10px;transition:color .2s var(--ease);
  /* 兼容 Safari */
}
.pcard-spec > summary::-webkit-details-marker{display:none;}
.pcard-spec > summary::after{
  content:"";width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;
  transform:rotate(45deg);margin-top:-3px;margin-left:auto;transition:transform .25s var(--ease);
}
.pcard-spec[open] > summary::after{transform:rotate(225deg);margin-top:3px;}
.pcard-spec > summary:hover{color:var(--accent);}

.pcard-spec .spec-table{margin:6px 0 20px;font-size:13px;}
.pcard-spec .spec-table caption{
  caption-side:top;text-align:left;font-size:12px;color:var(--ash-dim);
  padding:0 0 10px;letter-spacing:.04em;
}
.pcard-spec .spec-table thead th{
  font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ash-dim);padding:10px 14px 10px 0;
  border-bottom:1px solid var(--line-strong);text-align:left;white-space:nowrap;
}
.pcard-spec .spec-table tbody td{
  padding:10px 14px 10px 0;border-bottom:1px solid var(--line);color:var(--ash);
  line-height:1.6;vertical-align:top;font-size:13px;
}
.pcard-spec .spec-table tbody td.k{color:var(--chalk);width:38%;min-width:140px;}
.pcard-spec .spec-table tr.grp td{
  font-family:var(--serif);font-weight:600;color:var(--chalk);font-size:13.5px;
  padding-top:18px;border-bottom:0;letter-spacing:.02em;
}
.pcard-spec .spec-table tr:last-child td{border-bottom:0;}

.pcard-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;}
.btn-sm{padding:9px 16px;font-size:12.5px;}

/* ---------- 部件小标题 ---------- */
.parts-sub{
  font-family:var(--serif);font-size:clamp(17px,1.8vw,20px);font-weight:600;
  color:var(--chalk);letter-spacing:.02em;margin:clamp(36px,4vw,56px) 0 18px;
  padding-bottom:12px;border-bottom:1px solid var(--line);
}

/* ---------- 加工与检测实拍 ---------- */
.prod-demo{background:var(--graphite);border-top:1px solid var(--line);}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,36px);}
.demo-fig{margin:0;}
.demo-fig img{width:100%;height:auto;display:block;border:1px solid var(--line);background:#0d0f10;}
.demo-fig figcaption{font-size:12px;color:var(--ash-dim);line-height:1.8;margin-top:10px;}
.demo-fig figcaption::before{content:"";display:inline-block;width:12px;height:1px;background:var(--line-strong);vertical-align:middle;margin-right:8px;}

/* ---------- 底部 CTA ---------- */
.prod-cta{padding-bottom:clamp(64px,7vw,104px);}
.cta-box{
  border:1px solid var(--line);padding:clamp(26px,3vw,44px);
  display:grid;grid-template-columns:minmax(0,1.25fr) auto;gap:clamp(22px,3vw,44px);align-items:center;
  background:rgba(23,194,176,.035);
}
.cta-box h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,32px);font-weight:700;margin:0 0 14px;letter-spacing:.02em;line-height:1.4;}
.cta-box p{font-size:14px;line-height:1.9;color:var(--ash);margin:0;font-weight:300;max-width:46em;}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .toc-grid{grid-template-columns:1fr 1fr;}
  .pcard-body{grid-template-columns:1fr;}
  .pcard-media img{max-height:340px;}
}
@media (max-width:640px){
  .pcard-media img{max-height:260px;}
}
@media (max-width:900px){
  .cta-box{grid-template-columns:1fr;}
  .demo-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .toc-grid{grid-template-columns:1fr;}
  .pcard-kpis{grid-template-columns:1fr;}
  .pcard-top h3{font-size:19px;}
  .pcard-spec .spec-table{font-size:12px;}
  .pcard-spec .spec-table tbody td.k{width:44%;min-width:104px;}
  .pcard-spec .spec-table thead th,.pcard-spec .spec-table tbody td{padding-right:10px;}
}

/* ---------- RTL ---------- */
html[dir="rtl"] .toc-grid{border-left:0;border-right:1px solid var(--line);}
html[dir="rtl"] .toc-item{border-right:0;border-left:1px solid var(--line);}
html[dir="rtl"] .pk{padding:11px 0 12px 12px;}
html[dir="rtl"] .pcard-spec > summary::after{margin-left:0;margin-right:auto;}
html[dir="rtl"] .pcard-spec .spec-table caption,
html[dir="rtl"] .pcard-spec .spec-table thead th,
html[dir="rtl"] .pcard-spec .spec-table tbody td{text-align:right;padding:10px 0 10px 14px;}
html[dir="rtl"] .pcard-media figcaption::before{margin-right:0;margin-left:8px;}
html[dir="rtl"] .demo-fig figcaption::before{margin-right:0;margin-left:8px;}
.pcard-body.solo{grid-template-columns:1fr;}
.pcard-body.solo .pcard-desc{max-width:52em;}

.prod-toc h1{font-size:clamp(30px,3.6vw,50px);line-height:1.25;letter-spacing:.04em;margin:16px 0 20px;}
.prod-toc .section-head{max-width:min(100%,1080px);}

/* ============================================================
   香槟金点缀（产品页）—— 卡片金属边框 / KPI 数值 / 目录序号
   ============================================================ */
.pcard{border-color:rgba(232,214,180,.22);transition:border-color .3s var(--ease),background .3s var(--ease);}
.pcard:hover{border-color:rgba(232,214,180,.44);background:rgba(232,214,180,.022);}

.pcard-media img{border-color:rgba(232,214,180,.20);}
.pcard-media figcaption::before{background:rgba(232,214,180,.34);}

.pcard-kpis{border-top:1px solid rgba(232,214,180,.24);}
.pk{border-bottom:1px solid rgba(232,214,180,.14);}
.pk-v{color:var(--champagne,#E8D6B4);}

.toc-item em{color:var(--champagne,#E8D6B4);}
.toc-item:hover{background:rgba(232,214,180,.06);}
.toc-item{border-right:1px solid rgba(232,214,180,.18);border-bottom:1px solid rgba(232,214,180,.18);}
.toc-grid{border-top:1px solid rgba(232,214,180,.26);border-left:1px solid rgba(232,214,180,.26);}

.parts-sub{border-bottom:1px solid rgba(232,214,180,.22);}
.pcard-spec > summary:hover{color:var(--champagne,#E8D6B4);}

.cta-box{border-color:rgba(232,214,180,.30);background:rgba(232,214,180,.035);}
.demo-fig img{border-color:rgba(232,214,180,.20);}
.demo-fig figcaption::before{background:rgba(232,214,180,.34);}

html[dir="rtl"] .toc-item{border-left:1px solid rgba(232,214,180,.18);}

/* ============================================================
   全站图片：金属外框 + 四周圆角
   ============================================================ */
.pcard-media img,
.demo-fig img{
  border:1px solid rgba(232,214,180,.34);
  border-radius:12px;
  outline:1px solid rgba(232,214,180,.20);
  outline-offset:5px;
  box-shadow:0 16px 36px -24px rgba(0,0,0,.95);
  transition:border-color .3s var(--ease),outline-color .3s var(--ease),box-shadow .3s var(--ease);
}
.pcard:hover .pcard-media img,
.demo-fig:hover img{
  border-color:rgba(232,214,180,.56);
  outline-color:rgba(232,214,180,.34);
  box-shadow:0 18px 40px -24px rgba(0,0,0,.95);
}