/* ========================================
   spzxw-header.css - 顶部导航样式
   ======================================== */

.topbar{background:rgba(11,13,23,.95);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;height:60px;}
.logo{font-size:20px;font-weight:800;color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#e94560,#f5c518);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav{display:flex;gap:4px;}
.nav a{display:block;padding:7px 16px;font-size:13px;color:#8a8aa0;border-radius:20px;transition:all .2s;}
.nav a:hover{background:rgba(233,69,96,.12);color:#e94560;}
.nav a.active{background:#e94560;color:#fff;}

@media(max-width:720px){
    .nav{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding:4px 0;gap:0;}
    .nav a{font-size:12px;padding:5px 12px;}
}
@media(max-width:480px){
    .logo{font-size:17px;}
    .topbar-inner{height:52px;}
}