/* ===== 首页同款蓝调导航（公共 header 专用版） =====
   供 style.css 老风格页面通过 public/header.html 使用。
   颜色全部用字面量，避免与 style.css 的 :root 变量互相覆盖。
   修改导航样式时请与 geo-home.css 的 Header 段保持同步。 */
.geo-header{background:#fff;border-bottom:1px solid #DDE7F2;position:sticky;top:0;z-index:50}
.geo-container{width:1200px;max-width:100%;margin:0 auto;padding:0 12px;box-sizing:border-box}
.geo-nav{height:72px;display:flex;align-items:center;justify-content:space-between}
.geo-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#1D4ED8;text-decoration:none}
.geo-logo{height:34px;width:auto}
.geo-navlinks{display:flex;gap:30px;flex:1;margin-left:48px;align-items:center}
.geo-navlinks a{font-size:15px;color:#64748B;font-weight:500;padding:6px 0;position:relative;transition:color .15s;text-decoration:none}
.geo-navlinks a:hover,.geo-navlinks a.active{color:#1D4ED8}
.geo-navlinks a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:#1D4ED8;border-radius:2px}
.geo-navright{display:flex;align-items:center;gap:12px}
.geo-btn-ghost{border:1px solid #DDE7F2;color:#1D4ED8;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;transition:.15s;text-decoration:none}
.geo-btn-ghost:hover{background:#1D4ED8;color:#fff;border-color:#1D4ED8}
.geo-navlinks .nav-item{position:relative;display:flex;align-items:center}
.geo-navlinks .nav-item > a{padding:6px 0}
.geo-navlinks .nav-item.has-child > a{padding-right:16px}
.geo-navlinks .nav-item.has-child > a::before{content:"";position:absolute;right:2px;top:50%;width:6px;height:6px;border-right:2px solid #64748B;border-bottom:2px solid #64748B;transform:translateY(-70%) rotate(45deg);transition:.15s}
.geo-navlinks .nav-item.has-child:hover > a::before{border-color:#1D4ED8;transform:translateY(-70%) rotate(225deg)}
.geo-navlinks .dropdown{position:absolute;top:100%;left:0;min-width:128px;background:#fff;border:1px solid #DDE7F2;border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.12);padding:8px;display:none;z-index:60;flex-direction:column}
.geo-navlinks .nav-item.has-child:hover .dropdown{display:flex}
.geo-navlinks .dropdown a{font-size:14px;color:#64748B;padding:9px 12px;border-radius:7px;white-space:nowrap}
.geo-navlinks .dropdown a:hover{background:#F3F6FB;color:#1D4ED8}
@media(max-width:768px){
  .geo-nav{height:auto;padding:10px 0;flex-wrap:wrap}
  .geo-navlinks{gap:16px;margin-left:0;flex-wrap:wrap;width:100%;padding-top:8px}
}