.site-navigation {
    position:fixed;
    z-index:10;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    box-sizing:border-box;
    width:min(100%,480px);
    display:flex;
    margin:0;
    padding:0 0 env(safe-area-inset-bottom);
    background:#000;
    font-family:Avenir,Helvetica,Arial,system-ui,sans-serif;
}
.site-navigation a {
    box-sizing:border-box;
    display:flex;
    flex:1;
    min-width:0;
    height:54px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:4px;
    padding:6px 2px;
    color:#646566;
    background:#000;
    text-decoration:none;
    font-size:11px;
    line-height:14px;
}
.site-navigation a[aria-current=page] { color:#07c160; }
.site-navigation a:focus-visible { outline:2px solid #07c160; outline-offset:-2px; }
.site-navigation img { display:block; width:22px; height:22px; }
.site-navigation-label { max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.site-navigation-ai-icon {
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center;
    width:22px;
    height:22px;
    border:1px solid currentColor;
    border-radius:6px;
    font-size:11px;
    font-weight:700;
}
body.has-site-navigation .tab { display:none !important; }
body.has-site-navigation #app { padding-bottom:var(--site-navigation-height,54px); }
body.has-site-navigation .contract-container { padding-bottom:64px; }
body.has-site-navigation .contract-container > .operation-box {
    bottom:var(--site-navigation-height,54px) !important;
    z-index:9;
}
body.has-site-navigation .contract-container > .header > .navbar .van-nav-bar__left { display:none !important; }
@media(max-width:360px) { .site-navigation a { font-size:10px; } }