.mobile-bottom-nav{display:none}@media (max-width:600px){body:has(.mobile-bottom-nav){padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))}body:has(.mobile-bottom-nav) .shop{padding-bottom:0}.mobile-bottom-nav{z-index:90;height:calc(65px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;background:#fff;border-top:1px solid #e3ebf5;font:11px/1.4 Arial,Microsoft YaHei,sans-serif;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -3px 16px #123d7109}.mobile-bottom-nav>a{color:#738299;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:60px;text-decoration:none;display:flex}.mobile-bottom-nav>a[aria-current]{color:#087de5;font-weight:700}.mobile-bottom-nav>a:focus-visible{outline-offset:-4px;outline:3px solid #61b5ff}.mobile-bottom-nav>a>span{display:flex;position:relative}.mobile-bottom-nav b{color:#fff;text-align:center;background:#ff473a;border-radius:12px;min-width:17px;padding:0 4px;font-size:10px;line-height:17px;position:absolute;top:-7px;left:16px}body:has(.mobile-bottom-nav) .shop-overlay{bottom:calc(65px + env(safe-area-inset-bottom,0px))}body:has(.mobile-bottom-nav) .shop-detail{max-height:100%}}
