.mvb{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:2px solid var(--bd);background:var(--sf2);cursor:pointer;padding:0;align-items:center;justify-content:center;flex:none}
.mvb span,.mvb span:before,.mvb span:after{display:block;width:20px;height:2.5px;border-radius:2px;background:var(--tx);position:relative;transition:transform .2s,background .2s}
.mvb span:before,.mvb span:after{content:"";position:absolute;left:0}
.mvb span:before{top:-6.5px}.mvb span:after{top:6.5px}
.mvb[aria-expanded=true] span{background:transparent}
.mvb[aria-expanded=true] span:before{transform:translateY(6.5px) rotate(45deg)}
.mvb[aria-expanded=true] span:after{transform:translateY(-6.5px) rotate(-45deg)}
.mvp{display:none}
@media (max-width:960px){
 .mvb{display:inline-flex}
 .top .btn{margin-left:0}
 .top .wrap{gap:10px}
 .top .logo{margin-right:auto}
 .mvp{position:fixed;left:0;right:0;top:62px;z-index:60;background:var(--bg);border-bottom:2px solid var(--bd);padding:8px 16px 18px;box-shadow:0 24px 40px -18px rgba(0,0,0,.6);max-height:calc(100vh - 62px);overflow:auto}
 .mvp.on{display:block}
 .mvp a{display:flex;align-items:center;justify-content:space-between;color:var(--tx);font-weight:700;font-size:20px;text-decoration:none;padding:15px 4px;border-bottom:1px solid rgba(143,208,176,.18)}
 .mvp a:after{content:"\203A";color:var(--g2);font-size:20px}
 .mvp a:last-child{border-bottom:0}
 .mvp a:active{color:var(--g2)}
}
@media (max-width:420px){.top .btn.hot{padding-left:12px;padding-right:12px;font-size:14px}}