@charset "utf-8";
/* ============================================================
   equipment.css —— 技术装备页 v3
   修正：① 全部 rem 改为 px（与整站 px 体系一致，不再受根字号影响）
         ② 中文字重 600 → 700（避免合成粗体发虚）
         ③ 移除 font-variant-numeric（中文不支持，防字体回退）
   配色：深空蓝 #0A2647 + 钛橙 #E67E22 + 钛银灰 #f4f7fa
   ============================================================ */

:root{
  --navy:#0A2647; --navy2:#163A63; --orange:#E67E22;
  --silver:#f4f7fa; --bd:#e4e8ee; --tx:#3c4655; --mut:#79879b;
}

/* 作用域限定：仅本页装备区块，不污染整站 */
.eq-hero a, .eq-main a, .eq-cta a{ text-decoration:none; color:inherit; }
.eq-hero img, .eq-main img, .eq-cta img{ max-width:100%; height:auto; display:block; }

.eq-inner{max-width:1400px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}

/* ============ Hero ============ */
.eq-hero{position:relative;overflow:hidden;
  background:linear-gradient(120deg,#0A2647 0%,#163A63 60%,#1e4a7a 100%);
  color:#fff;padding:48px 0 40px}
.eq-grid-bg{position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px}
.eq-hero::after{content:"";position:absolute;top:-45%;right:-6%;width:460px;height:460px;
  border-radius:50%;background:radial-gradient(circle,rgba(230,126,34,.20) 0%,transparent 70%)}
.eq-hero-in{position:relative;z-index:2}
.eq-eyebrow{font-size:12px;letter-spacing:4px;color:var(--orange);font-weight:700;margin-bottom:12px}
/* ★ rem→px：2.7rem=43px，中文字重 700 */
.eq-hero h1{font-size:43px;font-weight:700;letter-spacing:3px;line-height:1.25;color:#fff;margin:0}
.eq-lead{font-size:16px;color:#c8d8ea;margin-top:14px;max-width:1400px;line-height:1.85;
  border-left:3px solid var(--orange);padding-left:16px}

/* 数据区 */
.eq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px;position:relative;z-index:2}
.eq-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:16px 18px;text-align:center;box-sizing:border-box;min-width:0}
/* ★ 1.9rem=30px，移除 tabular-nums */
.eq-stat b{display:block;font-size:30px;color:#fff;font-weight:700;line-height:1.2;
  overflow-wrap:break-word}
.eq-stat span{display:block;font-size:13px;color:#b9cbe0;letter-spacing:1px;
  white-space:normal;overflow-wrap:break-word;line-height:1.45;margin-top:2px}

/* ============ 分类导航（吸顶） ============ */
.eq-catnav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--bd);
  box-shadow:0 2px 10px rgba(10,38,71,.04)}
.eq-catnav .eq-inner{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.eq-catnav .eq-inner::-webkit-scrollbar{display:none}
.eq-catnav a{flex:0 0 auto;padding:14px 22px;font-size:15px;color:var(--mut);
  border-bottom:2px solid transparent;transition:.3s;white-space:nowrap}
.eq-catnav a:hover{color:var(--navy)}
.eq-catnav a.on{color:var(--orange);border-bottom-color:var(--orange);font-weight:700}

/* ============ 分类区块 ============ */
.eq-main{padding-bottom:10px}
.eq-cat{padding:64px 0}
.eq-cat.alt{background:var(--silver)}
.eq-cat-hd{margin-bottom:36px;position:relative}
/* 分类右侧「更多 →」链接（原 01~04 大数字已改为可点击链接） */
.eq-cat-more{position:absolute;right:0;top:2px;display:inline-flex;align-items:center;gap:6px;
  font-size:14px;color:var(--orange);font-weight:700;letter-spacing:1px;
  padding:6px 15px;border:1px solid rgba(230,126,34,.35);border-radius:20px;
  background:#fff;transition:.3s;white-space:nowrap}
.eq-cat-more i{font-style:normal;transition:transform .3s}
.eq-cat-more:hover{background:var(--orange);color:#fff;border-color:var(--orange);transform:translateY(-2px)}
.eq-cat-more:hover i{transform:translateX(4px)}
/* 兼容保留：旧的大数字标记（若仍存在则弱化显示，不拦截点击） */
.eq-cat-no{position:absolute;right:0;top:-26px;font-size:88px;font-weight:800;
  color:rgba(10,38,71,.05);line-height:1;letter-spacing:-2px;pointer-events:none}
/* ★ 1.75rem=28px */
.eq-cat-hd h2{font-size:28px;color:var(--navy);font-weight:700;letter-spacing:1px;
  padding-left:14px;padding-right:110px;border-left:4px solid var(--orange);line-height:1.35;margin:0}
.eq-cat-hd p{font-size:15px;color:var(--mut);margin-top:10px;padding-left:18px;max-width:820px}

/* ============ 设备卡片 ============ */
.eq-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.eq-card{background:#fff;border:1px solid var(--bd);border-radius:12px;overflow:hidden;
  position:relative;display:flex;flex-direction:column;
  opacity:0;transform:translateY(22px);
  transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease,border-color .3s ease}
.eq-card.in{opacity:1;transform:translateY(0)}
.eq-card:hover{border-color:var(--orange);box-shadow:0 14px 40px rgba(10,38,71,.12);transform:translateY(-4px)}
.eq-card.in:hover{transform:translateY(-4px)}

.eq-pic{position:relative;height:300px;overflow:hidden;background:#eef2f7;flex:0 0 200px}
.eq-pic a.eq-pic-link{display:block;width:100%;height:100%;overflow:hidden}
.eq-pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.eq-card:hover .eq-pic img{transform:scale(1.06)}
.eq-scan{position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(230,126,34,.22) 50%,transparent 100%);
  transform:translateY(-100%);opacity:0}
.eq-card:hover .eq-scan{animation:eqscan 1.1s ease forwards}
@keyframes eqscan{0%{transform:translateY(-100%);opacity:1}100%{transform:translateY(100%);opacity:0}}
.eq-pic::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--orange),transparent);
  transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.eq-card:hover .eq-pic::after{transform:scaleX(1)}

.eq-body{padding:20px 22px 22px;position:relative;flex:1 1 auto;
  display:flex;flex-direction:column;box-sizing:border-box}
.eq-no{position:absolute;right:16px;top:8px;font-size:38px;font-weight:800;
  color:rgba(10,38,71,.06);line-height:1;pointer-events:none}
/* ★ 1.08rem=17px */
.eq-body h3{font-size:17px;color:var(--navy);font-weight:700;margin:0 0 12px;
  line-height:1.45;padding-right:40px}
.eq-body h3 a{color:inherit;transition:color .3s}
.eq-body h3 a:hover{color:var(--orange)}
.eq-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.eq-tags span{font-size:12px;padding:3px 10px;border-radius:20px;
  background:#eef2f7;color:var(--navy);letter-spacing:.5px}
.eq-param{list-style:none;margin:0 0 12px;padding:0;border-top:1px dashed #eef2f7;padding-top:10px}
.eq-param li{font-size:13px;color:var(--mut);display:flex;justify-content:space-between;
  gap:12px;padding:3px 0}
.eq-param em{font-style:normal;color:var(--navy);font-weight:500}
.eq-param li span{color:var(--navy);font-weight:700;text-align:right}
.eq-desc{font-size:14px;color:var(--mut);line-height:1.8;margin:0 0 12px}
/* 卡片底部 more → 链接 */
.eq-card-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;
  font-size:13px;color:var(--orange);font-weight:700;letter-spacing:.5px;align-self:flex-start;
  transition:.3s}
.eq-card-more i{font-style:normal;transition:transform .3s}
.eq-card-more:hover{color:#c9621a}
.eq-card-more:hover i{transform:translateX(4px)}

/* ============ CTA ============ */
.eq-cta{background:linear-gradient(120deg,#0A2647,#163A63);color:#fff;padding:60px 0;text-align:center}
/* ★ 1.6rem=26px */
.eq-cta h2{font-size:26px;font-weight:700;letter-spacing:1px;margin:0 0 12px;color:#fff}
.eq-cta p{font-size:15px;color:#c8d8ea;max-width:700px;margin:0 auto;line-height:1.85}
.eq-btn{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:12px 34px;
  background:var(--orange);color:#fff;border-radius:26px;font-size:15px;
  font-weight:700;transition:.3s}
.eq-btn:hover{background:#d9721a;transform:translateY(-2px);box-shadow:0 8px 22px rgba(230,126,34,.3)}
.eq-btn i{font-style:normal;transition:transform .3s}
.eq-btn:hover i{transform:translateX(4px)}

/* ============ 响应式（全部 px） ============ */
@media screen and (max-width:1240px){
  .eq-hero h1{font-size:37px}
  .eq-list{gap:20px}
}
@media screen and (max-width:1024px){
  .eq-hero{padding:60px 0 54px}
  .eq-hero h1{font-size:34px}
  .eq-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
  .eq-list{grid-template-columns:repeat(2,1fr)}
  .eq-cat{padding:52px 0}
}
@media screen and (max-width:768px){
  .eq-hero{padding:48px 0 44px}
  .eq-hero h1{font-size:27px;letter-spacing:2px}
  .eq-lead{font-size:14px;padding-left:12px;margin-top:10px}
  .eq-stat{padding:13px 12px}
  .eq-stat b{font-size:23px}
  .eq-stat span{font-size:12px;letter-spacing:.5px}
  .eq-catnav a{padding:12px 15px;font-size:14px}
  .eq-cat{padding:42px 0}
  .eq-cat-no{font-size:58px;top:-16px}
  .eq-cat-more{top:0;font-size:13px;padding:5px 13px}
  .eq-cat-hd h2{font-size:22px;padding-right:96px}
  .eq-cat-hd p{font-size:14px;padding-left:0}
  .eq-list{grid-template-columns:1fr;gap:18px}
  .eq-pic{height:190px;flex:0 0 190px}
  .eq-body{padding:18px 18px 20px}
  .eq-body h3{font-size:16px;padding-right:34px}
  .eq-cta{padding:44px 0}
  .eq-cta h2{font-size:21px}
  .eq-cta p{font-size:14px}
}
@media screen and (max-width:480px){
  .eq-hero{padding:40px 0 36px}
  .eq-hero h1{font-size:23px;letter-spacing:1px}
  .eq-eyebrow{font-size:11px;letter-spacing:3px}
  .eq-stats{grid-template-columns:repeat(2,1fr);gap:9px}
  .eq-stat{padding:11px 8px}
  .eq-stat b{font-size:20px}
  .eq-stat span{font-size:11px;letter-spacing:0}
  .eq-pic{height:170px;flex:0 0 170px}
  .eq-tags span{font-size:11px;padding:2px 8px}
  .eq-param li{font-size:12px}
  .eq-desc{font-size:13px}
  .eq-body h3{font-size:15px}
  .eq-btn{padding:11px 26px;font-size:14px}
  .eq-cat-hd h2{font-size:19px;padding-right:88px}
  .eq-cat-more{font-size:12px;padding:4px 11px}
  .eq-card-more{font-size:12px}
}
@media screen and (max-width:360px){
  .eq-hero h1{font-size:20px}
  .eq-stat b{font-size:18px}
  .eq-stat span{font-size:10px}
  .eq-catnav a{padding:11px 12px;font-size:14px}
  .eq-pic{height:150px;flex:0 0 150px}
}
@media screen and (orientation:landscape) and (max-height:520px){
  .eq-hero{padding:26px 0 22px}
  .eq-hero h1{font-size:22px}
  .eq-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
  .eq-stat{padding:9px 8px}
  .eq-stat b{font-size:18px}
  .eq-pic{height:150px;flex:0 0 150px}
}

/* ============ 无障碍 / 打印 ============ */
@media (prefers-reduced-motion: reduce){
  .eq-card{opacity:1;transform:none;transition:none}
  .eq-card:hover{transform:none}
  .eq-pic img,.eq-scan{transition:none;animation:none}
}
@media print{
  .eq-hero{background:#fff !important;color:#000 !important;padding:0 0 20px}
  .eq-hero h1{font-size:22pt;color:#000}
  .eq-grid-bg,.eq-hero::after{display:none}
  .eq-lead{color:#333}
  .eq-catnav,.eq-cta{display:none !important}
  .eq-cat{padding:16pt 0}
  .eq-cat.alt{background:#fff !important}
  .eq-list{grid-template-columns:repeat(2,1fr);gap:10pt}
  .eq-cat-more,.eq-card-more{display:none !important}
  .eq-card{border:1px solid #999 !important;page-break-inside:avoid;opacity:1;transform:none}
  .eq-pic{height:110pt}
}

/* ===== 参数行：名左值右，中间大空格，行间虚线 ===== */
.eq-param{
  list-style:none;
  margin:0 0 12px;
  padding:10px 0 0;
  border-top:1px dashed #e4e8ee;
}
.eq-param li{
  display:flex !important;
  justify-content:space-between;   /* 中间大空格 */
  align-items:baseline;
  gap:18px;
  padding:6px 0;
  border-bottom:1px dashed #eef2f7;
}
.eq-param li:last-child{ border-bottom:none; }

.eq-param em{
  font-style:normal;
  color:#79879b;         /* 名：灰色 */
  font-size:13px;
  white-space:nowrap;
  flex:0 0 auto;
}
.eq-param li span{
  color:#0A2647;         /* 值：深蓝 */
  font-weight:700;
  font-size:13px;
  text-align:right;
  flex:1 1 auto;
}

/* 标签与参数之间拉开距离 */
.eq-tags{ margin-bottom:12px !important; }
.eq-body h3{ margin-bottom:10px !important; }

/* 移动端参数行 */
@media screen and (max-width:768px){
  .eq-param li{ gap:12px; padding:5px 0; }
  .eq-param em{ font-size:12px; }
  .eq-param li span{ font-size:12px; }
}
@media screen and (max-width:480px){
  .eq-param li{ gap:8px; }
  .eq-param em{ font-size:11.5px; }
  .eq-param li span{ font-size:11.5px; }
}

/* ============================================================
   临时补丁：视觉隐藏参数/标签末尾多余的反斜杠 "\"
   原理：在反斜杠位置覆盖背景色小块（7px 宽 + 右移 1px，不碰前一个字）
   ★ 不动模板、不改数据、不改变布局
   ★ 待后台把 eq_params 里的 \| 改为 | 后，删除本段即可
   ============================================================ */

/* 1) 胶囊标签：格式 A\|B\|C，仅最后一段无反斜杠 → 排除 last-child */
.eq-tags span{ position:relative; }
.eq-tags span:not(:last-child)::after{
  content:"";
  position:absolute;
  right:9px;             /* 文本右端(10px padding)再向右让 1px */
  top:0;
  bottom:0;
  width:7px;             /* 只覆盖反斜杠本体 */
  background:#eef2f7;    /* 与胶囊背景一致 */
  pointer-events:none;
}

/* 2) 参数名：每行 em 末尾均带反斜杠 → 全部处理 */
.eq-param em{ position:relative; }
.eq-param em::after{
  content:"";
  position:absolute;
  right:-1px;            /* 向右溢出 1px 到 em 与值之间的空白间隙 */
  top:0;
  bottom:0;
  width:7px;
  background:#fff;       /* 卡片白底 */
  pointer-events:none;
}

/* ===== 详情页：面包屑 / 大图 / 参数表 / 描述 ===== */
.eq-crumb{ background:#f4f7fa; border-bottom:1px solid #e4e8ee; }
.eq-crumb .eq-inner{ padding:12px 20px; font-size:13px; color:#79879b; }
.eq-crumb a{ color:#79879b; }
.eq-crumb a:hover{ color:#E67E22; }
.eq-crumb span{ margin:0 8px; color:#b9c4d4; }
.eq-crumb em{ font-style:normal; color:#0A2647; font-weight:600; }

.eq-detail{ padding:44px 0; }
.eq-detail-top{ display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:start; }
.eq-detail-pic{ border-radius:12px; overflow:hidden; background:#eef2f7; }
.eq-detail-pic img{ width:100%; height:auto; display:block; }
.eq-detail-info{ position:relative; }
.eq-detail-info h1{
  font-size:28px; color:#0A2647; font-weight:700; margin:0 0 14px;
  line-height:1.35; padding-right:50px;
}
.eq-dmeta{ font-size:13px; color:#79879b; margin-bottom:14px; }
.eq-dmeta span{ margin-right:18px; }

.eq-dtable{ width:100%; border-collapse:collapse; margin-top:6px; }
.eq-dtable tr{ border-bottom:1px solid #eef2f7; }
.eq-dtable th{
  width:38%; text-align:left; font-weight:500; color:#79879b;
  font-size:14px; padding:11px 12px 11px 0; vertical-align:top;
}
.eq-dtable td{
  text-align:right; color:#0A2647; font-weight:700; font-size:14px;
  padding:11px 0; vertical-align:top;
}

.eq-dcontent{
  margin-top:40px; padding-top:30px; border-top:1px solid #e4e8ee;
  font-size:15px; color:#3c4655; line-height:1.95;
}
.eq-dcontent p{ margin-bottom:16px; }
.eq-dcontent img{ max-width:100%; height:auto; display:block; margin:18px auto; border-radius:8px; }
.eq-dcontent h2, .eq-dcontent h3{ color:#0A2647; margin:24px 0 12px; }
.eq-dcontent table{ width:100%; border-collapse:collapse; margin:16px 0; }
.eq-dcontent th, .eq-dcontent td{ border:1px solid #e4e8ee; padding:9px 11px; font-size:14px; }
.eq-dcontent th{ background:#f4f7fa; font-weight:700; color:#0A2647; }

.eq-dback{ margin-top:36px; text-align:center; }
.eq-dback a{
  display:inline-flex; align-items:center; gap:8px; padding:12px 30px;
  background:#0A2647; color:#fff; border-radius:26px; font-size:15px; font-weight:700;
}
.eq-dback a:hover{ background:#163A63; }

@media screen and (max-width:992px){
  .eq-detail-top{ grid-template-columns:1fr; gap:24px; }
  .eq-detail-info h1{ font-size:24px; }
}
@media screen and (max-width:768px){
  .eq-detail{ padding:28px 0; }
  .eq-detail-info h1{ font-size:21px; padding-right:0; }
  .eq-dtable th{ font-size:13px; width:42%; }
  .eq-dtable td{ font-size:13px; }
  .eq-dcontent{ font-size:14px; margin-top:28px; padding-top:22px; }
}
@media screen and (max-width:480px){
  .eq-detail-info h1{ font-size:19px; }
  .eq-dtable th, .eq-dtable td{ font-size:12.5px; padding:9px 6px; }
}