
.ms-pnav{border:1px solid rgba(150,195,235,0.31);border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,rgba(28,72,111,0.5),rgba(23,62,101,0.5));
  box-shadow:0 18px 40px -28px rgba(0,0,0,.9)}
.ms-pnav-head{display:flex;align-items:center;gap:.5rem;padding:.95rem 1.15rem;
  border-bottom:1px solid rgba(150,195,235,0.27);font-size:15px;font-weight:700;color:#FFFFFF}
.ms-pnav-head .ms-pnav-hico{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;
  background:linear-gradient(140deg,#C81E2D,#8E1220);color:#fff;flex:0 0 auto}
.ms-pnav-head em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.06em;
  color:rgba(94,160,217,.95);border:1px solid rgba(94,160,217,.35);border-radius:999px;padding:.15rem .5rem}
/* 目录全量展开：不限高、不产生内部滚动条。
   旧写法 max-height:min(74vh,780px) + overflow-y:auto 在本滚动区内容高 605px 时，
   视口低于 818px 就会裁掉末尾品类（客户截图里正是这样被截断的）。 */
.ms-pnav-scroll{overflow:visible;padding:.65rem .65rem .85rem}

/* —— 全部产品 —— */
.ms-pnav-all{display:flex;align-items:center;gap:.5rem;padding:.62rem .8rem;border-radius:8px;
  font-size:14px;font-weight:600;color:rgba(247,251,255,1.0);background:rgba(94,160,217,.08);
  transition:background .22s ease,color .22s ease,box-shadow .22s ease}
.ms-pnav-all em{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;
  color:rgba(247,251,255,0.92);font-variant-numeric:tabular-nums}
.ms-pnav-all:hover{background:rgba(94,160,217,.18);color:#fff}
.ms-pnav-all.is-active{color:#fff;background:linear-gradient(90deg,rgba(200,30,45,.26),rgba(94,160,217,.1));
  box-shadow:inset 3px 0 0 #C81E2D}
.ms-pnav-all.is-active em{color:rgba(255,255,255,.96)}

/* —— 父级分组（液压油缸）—— */
.ms-pnav-grp{margin-top:.55rem;padding-top:.55rem;border-top:1px solid rgba(150,195,235,0.2)}
.ms-pnav-grp:first-of-type{border-top:0;margin-top:.35rem;padding-top:0}
.ms-pnav-parent{display:flex;align-items:center;gap:.55rem;padding:.42rem .8rem .5rem;
  font-size:13px;font-weight:700;letter-spacing:.02em;color:#B5D9F5;transition:color .22s ease}
.ms-pnav-parent:hover{color:#CFE8FB}
.ms-pnav-parent .ms-pnav-ico{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;
  background:rgba(94,160,217,.16);border:1px solid rgba(94,160,217,.28);color:#CFE8FB;flex:0 0 auto}
.ms-pnav-parent .ms-pnav-num{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;
  color:rgba(226,241,252,0.95);background:rgba(94,160,217,.12);border-radius:999px;
  padding:.1rem .45rem;font-variant-numeric:tabular-nums}

/* —— 子级品类：未选中 = 浅半透明深蓝 —— */
.ms-pnav-link{position:relative;display:flex;align-items:center;gap:.5rem;
  padding:.5rem .8rem .5rem .95rem;border-radius:7px;font-size:14px;line-height:1.45;
  color:rgba(247,251,255,0.97);background:rgba(94,160,217,.055);
  transition:background .22s ease,color .22s ease}
.ms-pnav-link+.ms-pnav-link,.ms-pnav-item+.ms-pnav-item{margin-top:2px}
.ms-pnav-link::before{content:"";position:absolute;left:3px;top:50%;width:3px;height:15px;
  border-radius:2px;background:#C81E2D;transform:translateY(-50%) scaleY(0);
  transform-origin:center;transition:transform .26s cubic-bezier(.4,0,.2,1)}
.ms-pnav-link .ms-pnav-num{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;
  color:rgba(247,251,255,.96);font-variant-numeric:tabular-nums}
.ms-pnav-link:hover{background:rgba(94,160,217,.16);color:#fff}
/* 选中：专属高亮 + 加粗 + 侧边指示条 */
.ms-pnav-link.is-active{color:#fff;font-weight:700;
  background:linear-gradient(90deg,rgba(94,160,217,.30),rgba(94,160,217,.07))}
.ms-pnav-link.is-active::before{transform:translateY(-50%) scaleY(1)}
.ms-pnav-link.is-active .ms-pnav-num{color:rgba(255,255,255,.96)}

/* —— 四级型号：仅当前分支展开 —— */
.ms-pnav-sub{display:none;margin:.15rem 0 .3rem .95rem;padding-left:.5rem;
  border-left:1px solid rgba(150,195,235,0.34)}
.ms-pnav-item.is-open>.ms-pnav-sub{display:block}
.ms-pnav-sublink{display:block;padding:.34rem .6rem;border-radius:6px;font-size:12.8px;line-height:1.5;
  color:rgba(247,251,255,0.92);transition:background .2s ease,color .2s ease}
.ms-pnav-sublink:hover{background:rgba(94,160,217,.14);color:#FFFFFF}
.ms-pnav-sublink.is-active{color:#fff;font-weight:600;background:rgba(200,30,45,.16)}

/* —— 底部咨询卡 —— */
.ms-pnav-cta{margin:0 .65rem .8rem;padding:.9rem 1rem;border-radius:10px;
  background:linear-gradient(140deg,rgba(200,30,45,.22),rgba(94,160,217,.12));
  border:1px solid rgba(150,195,235,0.34)}
.ms-pnav-cta b{display:block;font-size:13.5px;font-weight:700;color:#fff}
.ms-pnav-cta p{margin:.35rem 0 .7rem;font-size:12.2px;line-height:1.6;color:rgba(247,251,255,0.95)}
.ms-pnav-cta a{display:flex;align-items:center;justify-content:center;gap:.4rem;height:36px;
  border-radius:7px;background:#C81E2D;color:#fff;font-size:13px;font-weight:600;
  transition:background .22s ease}
.ms-pnav-cta a:hover{background:#A61521}
