header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,0.07);height:56px;display:flex;align-items:center;padding:0 16px;gap:12px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.logo-icon{width:36px;height:36px;border-radius:9px;background:linear-gradient(145deg,#1d4ed8,#2563eb);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(37,99,235,0.4)}
.logo-text{font-size:18px;font-weight:900;color:#111827;letter-spacing:-0.02em;line-height:1}
.logo-text span{color:#2563eb}
.logo-sub{font-size:8px;color:#9ca3af;letter-spacing:0.1em;margin-top:2px}
nav{display:flex;gap:1px;flex:1;overflow-x:auto;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav a{padding:5px 9px;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;text-decoration:none;white-space:nowrap}
nav a.active{color:#2563eb;background:#eff6ff}
nav a:hover{background:#f4f6f9;color:#111827}
.header-right{display:flex;align-items:center;gap:5px;font-size:10px;color:#6b7280;flex-shrink:0;font-family:'Courier New',monospace}
.live-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;animation:blink 2.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.25}}
@media(min-width:768px){header{padding:0 24px;gap:20px}nav a{font-size:13px;padding:6px 12px}}
@media(max-width:767px){.logo-sub{display:none}}