.pixnavbar{width:100%;height:45px;position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#ff6900}.navbar-inner{max-width:64rem;margin:0 auto;padding-left:12px;padding-right:12px;height:100%;display:flex;justify-content:space-between;align-items:center}.navbar-inner a.login-link{color:#EFEFEF;font-weight:700;text-decoration:none;font-size:.875rem}.navbar-inner a.login-link:hover{color:#FFF}.avatar{width:32px;height:32px;border-radius:9999px;overflow:hidden;display:flex;cursor:pointer}.avatar-image{width:100%;height:100%;object-fit:cover}.menu-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .4);z-index:9998}.menu-wrapper{position:fixed;width:320px;right:-320px;top:0;bottom:0;background:#f5f5f5;z-index:9999;transition:right 0.3s ease;display:flex;flex-direction:column}.menu-wrapper.active{right:0}.menu-header{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-bottom:1px solid #e5e5e5}.profile{display:flex;flex-direction:column}.profile-title{color:#333;font-size:1rem;font-weight:600}.profile-subtitle{color:#999;font-size:.875rem}.menu-content{padding:1rem;flex:1}.menu-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgb(0 0 0 / .05)}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;color:#444;background:#fff}.menu-item+.menu-item{border-top:1px solid #eee}.menu-item:hover{background:#fafafa}.menu-arrow{color:#999;font-size:1rem}.menu-arrow svg{width:1rem;height:1rem}.menu-footer{padding:16px;background:#f5f5f5}.menu-footer .menu-item{border-radius:12px}@media (max-width:640px){.menu-wrapper{width:85vw;right:-85vw}.menu-wrapper.active{right:0}}