/* ============================================================
   型号库（/products）附加样式 —— 只在产品列表页与详情页加载
   基础变量与 .card / .spec-table / .ph 复用 assets/style.css
   ============================================================ */

/* 面包屑 */
.crumb{font-size:13.5px;color:var(--muted);margin:0 0 18px}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--brand)}
.crumb span{margin:0 7px;opacity:.55}

/* 页头小号版（列表页/详情页顶部） */
.phead{padding:42px 0 26px;background:var(--soft);border-bottom:1px solid var(--line)}
.phead h1{margin:6px 0 8px;font-size:30px;letter-spacing:-.3px;line-height:1.28}
.phead .en{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.phead p{margin:0;color:var(--muted);max-width:760px}

/* 品类筛选条 */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.filters a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;
  font-size:14px;font-weight:600;color:#31465c}
.filters a:hover{border-color:#c9d8ea;color:var(--brand);text-decoration:none}
.filters a.on{background:var(--brand);border-color:var(--brand);color:#fff}

/* 列表卡片：型号角标 */
.card .code{position:absolute;top:10px;left:10px;z-index:2;background:rgba(255,255,255,.94);
  border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;
  color:var(--brand);letter-spacing:.02em}
.card .ph{aspect-ratio:1/1}

/* 详情页两栏 */
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:start}

/* 图集 */
.gal .main{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;
  aspect-ratio:1/1}
.gal .main img{width:100%;height:100%;object-fit:contain;background:#fff}
.gal .ph{aspect-ratio:1/1;border-radius:var(--radius)}
.thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}
.thumbs button{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;
  cursor:pointer;aspect-ratio:1/1}
.thumbs button.on{border-color:var(--accent);box-shadow:0 0 0 2px rgba(224,122,38,.18)}
.thumbs img{width:100%;height:100%;object-fit:cover;display:block}

/* 详情页文字区 */
.pdp .txt h1{margin:0 0 6px;font-size:27px;letter-spacing:-.3px;line-height:1.3}
.pdp .txt .code-l{display:inline-block;background:#eef3fa;border-radius:6px;padding:3px 9px;
  font-size:13px;font-weight:700;color:var(--brand);margin-bottom:10px}
.pdp .txt .lead{color:var(--muted);margin:0 0 18px}
.pdp .txt ul{margin:0 0 18px;padding-left:20px}
.pdp .txt ul li{margin-bottom:7px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.tags span{background:#f1f6fc;border:1px solid #dfe9f4;border-radius:999px;padding:5px 12px;
  font-size:13px;font-weight:600;color:#31465c}

/* 区块小标题 */
.tbl-h{font-size:17px;font-weight:700;margin:34px 0 12px;letter-spacing:-.1px}
.tbl-sub{color:var(--muted);font-size:13.5px;margin:-6px 0 12px}

/* 询价 CTA */
.rfq{margin-top:26px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--soft);display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}
.rfq b{display:block;font-size:15.5px;margin-bottom:3px}
.rfq span{color:var(--muted);font-size:13.5px}

/* 图纸区（尺寸图 / 总装图） */
.dw{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.dw-i,.dw-f{display:block;border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  padding:10px;text-align:left;color:#31465c;overflow:hidden}
.dw-i:hover,.dw-f:hover{border-color:#c9d8ea;text-decoration:none;box-shadow:0 6px 18px rgba(15,40,70,.07)}
.dw-i img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:6px;margin-bottom:8px}
.dw-i b,.dw-f b{display:block;font-size:13.5px;line-height:1.35}
.dw-f span{display:inline-block;background:#fdece1;color:#b4530d;border-radius:5px;padding:2px 7px;
  font-size:11.5px;font-weight:800;letter-spacing:.04em;margin-bottom:8px}
.dw-f small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.dw-ph{border:1px dashed #cdd9e6;border-radius:var(--radius);background:var(--soft);padding:14px;
  grid-column:1/-1}
.dw-ph b{display:block;font-size:13.5px;margin-bottom:5px}
.dw-ph code{font-size:12px;color:var(--muted);word-break:break-all}
.tag-dw{background:#fdece1;border-color:#f6d5bd;color:#b4530d}

/* 相邻型号导航 */
.pnav{display:flex;justify-content:space-between;gap:14px;margin-top:34px;padding-top:20px;
  border-top:1px solid var(--line);font-size:14.5px;font-weight:600}

/* 待补图提示（.ph 无 has 时）在图集里给足高度 */
.gal .ph .hint b{font-size:14px}

@media (max-width:900px){
  .pdp{grid-template-columns:1fr;gap:26px}
  .thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .phead h1{font-size:24px}
}