:root{--s2-bg:#0b1220;--s2-panel:#111c2e;--s2-panel2:#16243a;--s2-line:#23344f;--s2-ink:#e8eefc;--s2-dim:#93a4c2;--s2-orange:#f6821f;--s2-blue:#3b82f6;--s2-green:#2ec27e;--s2-red:#e5484d;--s2-amber:#f5a524}
.s2nav{position:sticky;top:0;z-index:9999;background:rgba(11,18,32,.97);border-bottom:1px solid var(--s2-line);padding:8px 12px;display:flex;gap:6px;overflow-x:auto;direction:ltr;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.s2nav a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--s2-dim);text-decoration:none;border:1px solid transparent;padding:7px 10px;border-radius:9px;font:600 11.5px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;transition:.15s}
.s2nav a:hover{color:#fff;background:var(--s2-panel2);border-color:var(--s2-line)}
.s2nav a.active{color:#1a1206;background:var(--s2-orange);border-color:var(--s2-orange)}
.s2nav .s2brand{color:#fff;font-weight:800;margin-inline-end:6px;background:transparent!important;border-color:transparent!important}
@media(max-width:700px){.s2nav{padding:7px 8px}.s2nav a{font-size:10.5px;padding:6px 8px}.s2nav .s2brand{display:none}}