nav{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.5rem;background:#1a1a2e;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.2)}
nav .nav-title{font-size:1.15rem;font-weight:700;letter-spacing:.5px}
nav .nav-title span{color:#f5c842}
nav .nav-right{display:flex;align-items:center;gap:1rem;font-size:.85rem}
nav .nav-right a{color:#aab;text-decoration:none;cursor:pointer}
nav .nav-right .badge{background:#f5c842;color:#1a1a2e;padding:.15rem .6rem;border-radius:10px;font-weight:600}

/* 底部Tab栏 */
nav-tabbar{background:#1a1a2e;padding:.5rem 1.5rem;display:flex;gap:.4rem;box-shadow:0 2px 6px rgba(0,0,0,.15)}
nav-tabbar nav-tab{padding:.45rem 1.1rem;border:none;border-radius:8px;background:transparent;color:#aab;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-block}
nav-tabbar nav-tab:hover{color:#fff;background:rgba(255,255,255,.08)}
nav-tabbar nav-tab.active{color:#1a1a2e;background:#f5c842}
@media(max-width:700px){nav-tabbar{padding:.4rem .8rem;gap:.25rem} nav-tabbar nav-tab{padding:.4rem .7rem;font-size:.78rem}}