.mobile-tabbar{display:none}@media (max-width:768px){.mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:9999;height:60px;padding:0;justify-content:space-around;align-items:center}body{padding-bottom:60px}.mobile-tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#4a4a4a;font-size:11px;padding:8px 4px;position:relative;transition:.2s;cursor:pointer;background:0 0;border:none;height:100%}.mobile-tabbar-item:active{background:rgba(0,0,0,.05)}.mobile-tabbar-item.active{color:var(--primary-color,#c4171d)}.mobile-tabbar-icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px;position:relative}.mobile-tabbar-icon svg{width:24px;height:24px;stroke:currentColor;fill:none}.mobile-tabbar-badge{position:absolute;top:-4px;right:-8px;background:#f44;color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 3px rgba(0,0,0,.3)}.mobile-tabbar-badge.hidden{display:none}.mobile-tabbar-label{font-size:11px;font-weight:500;margin:0;white-space:nowrap}.mobile-tabbar-item.active .mobile-tabbar-icon svg{stroke:var(--primary-color,#c4171d)}.mobile-tabbar-item.active .mobile-tabbar-icon{animation:.3s tabBounce}@keyframes tabBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.mobile-tabbar-item::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(0,0,0,.1);transform:translate(-50%,-50%);transition:width .3s,height .3s}.mobile-tabbar-item:active::before{width:100%;height:100%}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.mobile-tabbar{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}}