.header{background:var(--gradient-pink);padding:10px 15px 15px;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(255,105,180,.3);backdrop-filter:blur(10px)}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:100%;overflow-x:auto;white-space:nowrap;gap:15px;scrollbar-width:none;-ms-overflow-style:none}.nav-container::-webkit-scrollbar{display:none}.nav-item{color:#fff;font-size:14px;font-weight:500;padding:8px 12px;border-radius:20px;cursor:pointer;transition:var(--transition);flex-shrink:0;display:flex;align-items:center;gap:5px;user-select:none;-webkit-tap-highlight-color:transparent}.nav-item:active,.nav-item:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.nav-item.active{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(255,255,255,.2)}.nav-item.master-nav{background:linear-gradient(45deg,gold,orange);color:#fff;font-weight:600;animation:2s infinite pulse;padding:5px}.nav-item.hot-nav{background:linear-gradient(45deg,#f44,#f66);color:#fff;font-weight:600;position:relative;animation:2s ease-in-out infinite alternate glow}.nav-item.hot-nav::after{content:'热';position:absolute;top:-5px;right:-5px;background:red;color:#fff;font-size:10px;padding:2px 4px;border-radius:3px;animation:1s infinite bounce}.logo-icon{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-icon{font-size:16px;margin-right:2px}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,215,0,.4)}50%{box-shadow:0 0 0 8px rgba(255,215,0,0)}}@keyframes glow{from{box-shadow:0 0 5px rgba(255,68,68,.5)}to{box-shadow:0 0 15px rgba(255,68,68,.8)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.sub-header{background:var(--white);border-bottom:1px solid var(--border-light);box-shadow:0 2px 8px rgba(0,0,0,.05)}.sub-header .nav-container{background:0 0}.sub-header .nav-item{color:var(--text-dark)}.sub-header .nav-item:hover{background:var(--bg-light)}.sub-header .nav-item.active{background:var(--primary-pink);color:#fff}@media (max-width:480px){.header{padding:8px 10px 12px}.nav-container{gap:8px}.nav-item{padding:6px 8px;font-size:12px}.logo-icon{width:32px;height:32px}.user-icon{font-size:14px}}@media (max-width:360px){.nav-item{padding:4px 6px;font-size:11px}.user-icon{font-size:12px}}