/* ================= 三级菜单（Mega Menu） ================= */
.mega-item{position:relative;display:flex;align-items:center}
.mega-item>a{display:flex;align-items:center;gap:5px}
.mega-item>a .caret{
  width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;opacity:.65;transition:transform .25s;
}
.mega-item:hover>a .caret{transform:rotate(180deg)}
.mega{
  position:absolute;top:calc(100% + 10px);left:-40px;
  display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:0;
  width:min(880px,86vw);padding:26px 8px 22px;
  background:#fff;border-radius:16px;box-shadow:0 28px 70px rgba(34,10,7,.22);
  border:1px solid var(--line);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s;
  z-index:120;
}
.mega-sm{grid-template-columns:1fr;width:280px}
.mega-item:hover .mega,.mega-item:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega-col{padding:0 18px;border-right:1px dashed var(--line);min-width:0}
.mega-col:last-child{border-right:0}
.mega-col>b{display:block;font-size:13.5px;color:var(--navy);letter-spacing:.06em;margin-bottom:8px}
.mega-col>a.more{display:inline-block;font-size:12.5px;color:var(--green-dark);font-weight:700;margin-bottom:10px}
.mega-list{display:flex;flex-direction:column;gap:2px;max-height:290px;overflow:auto}
.mega-list a{
  font-size:13px;color:var(--gray);padding:5px 6px;border-radius:6px;line-height:1.45;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.18s;
}
.mega-list a:hover{background:#f5f1f0;color:var(--green-dark);padding-left:10px}
.mega-list::-webkit-scrollbar{width:5px}
.mega-list::-webkit-scrollbar-thumb{background:#d7dee6;border-radius:3px}

/* ================= 二级/三级页通用 ================= */
.with-side{display:grid;grid-template-columns:262px 1fr;gap:44px;align-items:start}
.side{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 14px;position:sticky;top:96px;box-shadow:var(--shadow);
}
.side-t{display:block;font-size:12.5px;letter-spacing:.16em;color:#93a1af;text-transform:uppercase;padding:6px 10px 10px}
.side a{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink);transition:.18s;
}
.side a:hover{background:#f6f2f1;color:var(--green-dark)}
.side a.on{background:#fdecea;color:var(--green-dark);font-weight:700}
.side a b{font-weight:600;font-size:12px;color:#9aa8b5}
.side a.on b{color:var(--green-dark)}
.main{min-width:0}

/* 品牌/系列小卡 */
.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mini-grid-2{grid-template-columns:repeat(3,1fr)}
.minicard{
  display:flex;flex-direction:column;gap:6px;padding:20px 18px;background:#fff;
  border:1px solid var(--line);border-radius:12px;transition:.24s;
}
.minicard:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-3px)}
.minicard b{font-size:15px;color:var(--navy);line-height:1.4}
.minicard span{font-size:12.5px;color:#8b98a6}

/* 阀门大类卡 */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vgrid-3{grid-template-columns:repeat(3,1fr)}
.vcard{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;transition:.3s;
}
.vcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.vcard-img{height:170px;background:#fff;display:flex;align-items:center;justify-content:center;padding:18px}
.vcard-img img{max-height:100%;width:auto;object-fit:contain}
.vcard-b{padding:18px 22px 22px;border-top:1px solid var(--line)}
.vcard-b small{font-size:11.5px;letter-spacing:.16em;color:#9aa8b5;text-transform:uppercase}
.vcard-b h3{font-size:17px;color:var(--navy);margin:6px 0 8px}
.vcard-b span{font-size:13px;color:var(--green-dark);font-weight:700}

/* 具体产品卡 */
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.pitem{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.28s}
.pitem:hover{box-shadow:var(--shadow-lg);border-color:transparent;transform:translateY(-4px)}
.pv-img{height:210px;background:#fcf9f8;display:flex;align-items:center;justify-content:center;padding:20px}
.pv-img img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.pv-noimg{color:#c3ccd6;font-size:13px;letter-spacing:.2em}
.pv-b{padding:20px 22px 24px}
.pv-b h3{font-size:15.5px;color:var(--navy);line-height:1.45}
.pv-brand{
  display:inline-block;margin:8px 0 10px;padding:2px 10px;border-radius:999px;
  background:#fdecea;color:var(--green-dark);font-size:12px;font-weight:700;
}
.pv-b p{font-size:13.5px;color:var(--gray);line-height:1.7}

/* 资料下载列表 */
.docs{display:flex;flex-direction:column;gap:8px}
.docs-wide{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.doc{
  display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;
  border:1px solid var(--line);border-radius:10px;transition:.2s;
}
.doc:hover{border-color:var(--green);background:#fdf6f5}
.doc-ic{
  flex:none;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#fff;
  background:#d9534f;border-radius:5px;padding:3px 6px;
}
.doc-t{flex:1;font-size:13.8px;color:var(--ink);line-height:1.5;word-break:break-word}
.doc-go{font-size:12.5px;color:var(--green-dark);font-weight:700;white-space:nowrap}
.doc-group{margin-bottom:34px}
.doc-group h3{font-size:16px;color:var(--navy);margin-bottom:12px;padding-left:12px;border-left:3px solid var(--green)}

/* 技术文章卡 */
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.acard{
  display:flex;flex-direction:column;gap:10px;padding:24px 22px;background:#fff;
  border:1px solid var(--line);border-radius:12px;transition:.26s;
}
.acard:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-4px)}
.acard b{font-size:15.5px;color:var(--navy);line-height:1.5}
.acard span{font-size:13px;color:#8b98a6;line-height:1.65}

/* 资讯 */
.nlist{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.nrow{
  display:grid;grid-template-columns:110px 1fr 70px;align-items:center;gap:16px;
  padding:18px 6px;border-bottom:1px solid var(--line);transition:.2s;
}
.nrow:hover{background:#fbf8f7;padding-left:14px}
.ndate{font-size:13px;color:#9aa8b5}
.nt{font-size:15.5px;color:var(--navy)}
.ngo{font-size:12.5px;color:var(--green-dark);font-weight:700;text-align:right}
.vitem{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.25s}
.vitem:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.vitem img{height:150px;width:100%;object-fit:cover}
.vitem b{display:block;padding:14px 16px;font-size:14px;color:var(--navy)}

/* 提示块 */
.note-box{
  margin-top:40px;padding:26px 28px;border-radius:var(--radius);
  background:linear-gradient(120deg,#fdf1ef,#fdecea);border:1px solid #f6c8c3;
}
.note-box b{display:block;font-size:16px;color:var(--navy);margin-bottom:8px}
.note-box p{font-size:14px;color:var(--gray);margin-bottom:16px}
.muted{color:#93a1af;font-size:13.5px}

/* 旧站正文样式兼容 */
.legacy img{max-width:100%;height:auto;margin:14px 0;border-radius:8px}
.legacy p{margin-bottom:14px;line-height:1.9;color:var(--gray);text-align:justify}
.legacy table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.legacy td,.legacy th{border:1px solid var(--line);padding:10px 12px}
.legacy a{color:var(--green-dark);font-weight:600;border-bottom:1px solid #f2b0aa}
.legacy span,.legacy font{color:inherit!important;background:none!important}

/* 产品卡列表（产品中心） */
.plist-2{grid-template-columns:repeat(2,1fr)}
.plist-3{grid-template-columns:repeat(3,1fr)}
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px 22px;transition:.28s}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--green)}
.pcard-top small{font-size:11.5px;letter-spacing:.18em;color:#9aa8b5;text-transform:uppercase}
.pcard-top h3{font-size:20px;color:var(--navy);margin:6px 0 12px}
.pcard p{font-size:14px;color:var(--gray);flex:1;line-height:1.75}
.pcard-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:#93a1af}
.pcard-foot .go{color:var(--green-dark);font-weight:700}

@media (max-width:1080px){
  .mega{grid-template-columns:repeat(2,1fr);width:min(640px,88vw)}
  .mega-col:nth-child(2){border-right:0}
}
@media (max-width:960px){
  .with-side{grid-template-columns:1fr;gap:26px}
  .side{position:static;display:flex;flex-wrap:wrap;gap:6px;padding:12px}
  .side-t{width:100%;padding:2px 6px 6px}
  .side a{padding:7px 12px;font-size:13px}
  .mini-grid{grid-template-columns:repeat(2,1fr)}
  .mini-grid-2,.vgrid,.vgrid-3,.agrid,.pgrid,.docs-wide,.plist-2,.plist-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    width:auto;grid-template-columns:1fr;padding:4px 0 10px;border:0;background:transparent}
  .mega-col{border-right:0;padding:0 0 0 10px}
  .mega-list{max-height:none}
  .mega-list a{white-space:normal}
  .mini-grid,.mini-grid-2,.vgrid,.vgrid-3,.agrid,.pgrid,.docs-wide,.plist-2,.plist-3{grid-template-columns:1fr}
  .nrow{grid-template-columns:1fr;gap:6px}
  .ngo{display:none}
}

/* ================= 泵品牌页组件 ================= */
.series-art{
  background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);
  border-radius:12px;padding:20px 22px;display:flex;gap:18px;align-items:flex-start;transition:.25s;
}
.series-art:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.series-art .series-img{flex:none;width:150px;height:100px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.series-art .series-img img{width:100%;height:100%;object-fit:cover}
.series-art h4{font-size:16px;color:var(--navy);margin:2px 0 6px}
.series-art p{font-size:14px;color:var(--gray);margin:0}
.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 6px}
.gfig{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.25s}
.gfig:hover{box-shadow:var(--shadow)}
.gfig img{width:100%;aspect-ratio:1200/777;object-fit:cover}
.gfig figcaption{font-size:12.5px;color:var(--gray);padding:10px 14px;text-align:center}
@media (max-width:640px){.ggrid{grid-template-columns:1fr}}
.pgal{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 8px;
}
.pgal .pg{
  display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:.22s;
}
.pgal .pg:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-3px)}
.pgal .pg img{width:100%;aspect-ratio:1000/1415;object-fit:cover;object-position:top;display:block}
@media (max-width:960px){.pgal{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.pgal{grid-template-columns:repeat(2,1fr)}}