/* ===== 朴食科技(pushi2016.com)风格导航 - 适配聚码科技 wl.sdzhst.cn =====
 * 与 header.html 的 ps-top / ps-nav 类名完全对齐；下拉面板自适应列数，
 * 避免子项过少时被强制三列拉散导致错位。
 */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:#222;}

/* ---------- 顶部信息条 ---------- */
.topbar{background:#f5f7fa;font-size:12px;color:#7a7a7a;border-bottom:1px solid #eaeef2;}
.topbar .wrap{max-width:1400px;margin:0 auto;padding:6px 16px;display:flex;justify-content:space-between;align-items:center;}
.topbar a{color:#7a7a7a;text-decoration:none;margin-left:16px;}
.topbar a:hover{color:#1f6feb;}

/* ---------- 主导航 ---------- */
.ps-top{background:#fff;border-bottom:1px solid #eaeef2;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.ps-top__inner{max-width:1400px;margin:0 auto;padding:0 20px;height:78px;display:flex;align-items:center;justify-content:space-between;}

/* logo */
.ps-top__logo a{display:flex;align-items:center;text-decoration:none;}
.ps-top__logo img{max-height:52px;width:auto;display:block;}

/* 右侧：菜单 + CTA */
.ps-top__right{display:flex;align-items:center;gap:18px;}
.ps-nav{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}
.ps-nav__item{position:relative;}
.ps-nav__link{display:flex;align-items:center;gap:5px;padding:10px 14px;color:#333;font-size:18px;text-decoration:none;font-weight:600;border-radius:6px;transition:.2s;white-space:nowrap;}
.ps-nav__title{position:relative;z-index:1;}
.ps-nav__arrow{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);display:inline-block;opacity:.5;margin-left:2px;}
.ps-nav__link:hover{color:#1f6feb;background:#f0f6ff;}
.ps-nav__item--active > .ps-nav__link{color:#1f6feb;}
.ps-nav__item--active > .ps-nav__link .ps-nav__title::after{content:"";position:absolute;left:0;right:0;bottom:-38px;height:3px;background:#1f6feb;border-radius:2px;}

/* 下拉面板：自适应列数（子项少则单列，多分组则三列） */
.ps-nav__panel{position:absolute;top:100%;left:0;min-width:680px;background:#fff;border:1px solid #eaeef2;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.10);padding:20px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;z-index:100;}
.ps-nav__panel-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 20px;}
.ps-nav__item--haschild:hover .ps-nav__panel,
.ps-nav__item--haschild:focus-within .ps-nav__panel,
.ps-nav__item--haschild.is-open .ps-nav__panel{opacity:1;visibility:visible;transform:translateY(0);}
.ps-nav__sub{display:block;padding:8px 10px;border-radius:6px;color:#444;font-size:13.5px;text-decoration:none;transition:.18s;}
.ps-nav__sub:hover{background:#f0f6ff;color:#1f6feb;}

/* 右侧 CTA */
.ps-top__cta{display:flex;align-items:center;gap:12px;}
.ps-top__tel{display:inline-flex;align-items:center;gap:6px;color:#0f3d7a;font-size:18px;text-decoration:none;font-weight:600;white-space:nowrap;}
.ps-top__tel:hover{color:#1f6feb;}
.ps-top__tel-icon{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#1f6feb,#0f3d7a);position:relative;flex:none;}
.ps-top__tel-icon::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:2px solid #fff;border-right:0;border-bottom:0;transform:translate(-50%,-55%) rotate(-30deg);}
.ps-top__btn{background:linear-gradient(135deg,#1f6feb,#0f3d7a);color:#fff;font-size:14px;padding:9px 20px;border-radius:30px;text-decoration:none;font-weight:600;transition:.2s;border:none;cursor:pointer;white-space:nowrap;}
.ps-top__btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(31,111,235,.35);}

/* 汉堡 */
.ps-top__toggle{display:none;width:42px;height:42px;border:none;background:transparent;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;}
.ps-top__toggle span{width:22px;height:2px;background:#0f3d7a;border-radius:2px;transition:.25s;}

/* ---------- 响应式（修复移动端错位） ---------- */
@media (max-width:960px){
  .ps-top__inner{height:60px;padding:0 14px;}
  .ps-top__logo img{max-height:40px;}
  .ps-top__toggle{display:flex;}
  .ps-top__cta .ps-top__tel{display:none;}
  .ps-top__right{position:static;}
  .ps-nav{position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:12px;overflow:auto;transform:translateX(100%);transition:.3s;box-shadow:-4px 0 20px rgba(0,0,0,.06);}
  .ps-nav.open{transform:translateX(0);}
  .ps-nav__item{border-bottom:1px solid #f0f3f7;}
  .ps-nav__link{padding:13px 10px;border-radius:0;}
  .ps-nav__item--active > .ps-nav__link .ps-nav__title::after{display:none;}
  .ps-nav__arrow{margin-left:auto;transform:rotate(-45deg);}
  .ps-nav__panel{position:static;min-width:0;box-shadow:none;border:0;border-radius:0;padding:6px 8px 14px;display:none;opacity:1;visibility:visible;transform:none;}
  .ps-nav__panel-inner{grid-template-columns:1fr;}
  .ps-nav__item--haschild.is-open .ps-nav__panel{display:block;}
}