.ip-bottom-nav{display:none}@media(max-width:760px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.ip-bottom-nav{position:fixed;z-index:998;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:9px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#ffffffed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #e7edf6;box-shadow:0 -6px 30px #17395d08}.ip-bottom-nav>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:48px;text-decoration:none;color:#9aa6b8;font-size:12.5px;font-weight:500;letter-spacing:.05px;-webkit-tap-highlight-color:transparent}.ip-bottom-icon{display:grid;place-items:center;width:39px;height:28px;border-radius:9px;transition:background .2s,color .2s}.ip-bottom-icon svg{width:21px;height:21px}.ip-bottom-nav>a.active{color:#0177fd;font-weight:650}.ip-bottom-nav>a.active .ip-bottom-icon{background:#edf5ff}.ip-bottom-nav>a:focus-visible{outline:2px solid #0177fd;outline-offset:0;border-radius:12px}.ip-bottom-nav>a:active{color:#0177fd}#ip-toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}}
@media(max-width:760px){.ip-bottom-nav>a{position:relative;color:#71829b;font-size:13.75px;font-weight:600;gap:5px;border-radius:12px;padding:3px 0}.ip-bottom-icon{width:42px;height:31px;border-radius:10px}.ip-bottom-icon svg{width:22px;height:22px}.ip-bottom-nav>a.active{color:#0177fd;background:#f1f7ff;font-weight:750}.ip-bottom-nav>a.active:before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:24px;height:3px;border-radius:0 0 4px 4px;background:#0177fd}.ip-bottom-nav>a.active .ip-bottom-icon{background:#0177fd;color:white;box-shadow:0 3px 8px #0177fd24}}

@media(max-width:760px){.ip-bottom-nav{gap:5px;padding-left:12px;padding-right:12px}.ip-bottom-nav>a{transition:background .16s,transform .16s,color .16s;min-height:54px}.ip-bottom-nav>a.active{background:#e7f2ff;box-shadow:inset 0 0 0 1px #c9e2ff;color:#0069e4}.ip-bottom-nav>a.active .ip-bottom-icon{background:#0177fd;color:#fff;box-shadow:0 3px 8px #0177fd30}.ip-bottom-nav>a:active{transform:scale(.94);background:#dcecff}.ip-bottom-nav>a.active>span:last-child{font-weight:750}.ip-bottom-nav>a.active:before{height:3px;width:28px;top:-9px}}