.mobile-bottom-nav{display:none}
@media(max-width:1180px),(hover:none) and (pointer:coarse){
 :root{--mobile-nav-height:calc(44px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:calc(var(--mobile-nav-height) + 16px)}
 body.has-mobile-nav{padding-bottom:var(--mobile-nav-height)!important}
 .mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:100;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--mobile-nav-height);padding:0 max(12px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(12px,env(safe-area-inset-left,0px));background:#fffffff5;border-top:1px solid #e4e9df;box-shadow:0 -3px 18px #263b3208;backdrop-filter:blur(16px);font-family:system-ui,'Microsoft YaHei',sans-serif;box-sizing:border-box}
 .mobile-bottom-nav a{display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:40px;margin:0!important;padding:2px!important;border:0!important;border-radius:7px;background:transparent!important;box-shadow:none!important;text-decoration:none!important;color:#8a958c!important;font-size:11px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.3;text-align:center}
 .mobile-bottom-nav svg{width:18px;height:18px;flex-shrink:0}
 .mobile-bottom-nav a[aria-current]{color:#315b45!important;font-weight:700!important;background:#f0f5ec!important}
 .mobile-bottom-nav a:focus-visible{outline:2px solid #65805c;outline-offset:-3px}
 .has-mobile-nav .balloon-game{min-height:calc(100svh - var(--mobile-nav-height))}
 .has-mobile-nav.study-page .app{min-height:calc(100svh - var(--mobile-nav-height))}
}