*{box-sizing:border-box}
body{margin:0;font-family:"Microsoft YaHei",sans-serif;background:#000;color:#fff}
.page-wrap{max-width:760px;margin:0 auto;min-height:100vh;background:#050505}
.page-wrap.with-nav{padding-bottom:90px}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:66px;background:#fff;border-top:1px solid #e5e7eb;display:flex;z-index:999}
.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#6b7280;text-decoration:none}
.bottom-nav .nav-icon{font-size:19px;line-height:1}
.bottom-nav .nav-text{font-size:14px;line-height:1.2}
.bottom-nav .nav-item.active{color:#ff6b35}
@media (max-width:768px){
    .bottom-nav{height:62px}
    .bottom-nav .nav-icon{font-size:18px}
    .bottom-nav .nav-text{font-size:13px}
}
@media (max-width:480px){
    .bottom-nav{height:58px}
    .bottom-nav .nav-icon{font-size:17px}
    .bottom-nav .nav-text{font-size:12px}
}