.static-mobile-tabbar {
    display: none;
}

.static-phone-login-mask{position:fixed;z-index:10020;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.46)}
.static-phone-login-mask[hidden]{display:none}
.static-phone-login-dialog{width:min(100%,360px);padding:26px 22px 20px;border-radius:14px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.static-phone-login-title{margin:0;color:#333;font-size:20px;font-weight:600;text-align:center}
.static-phone-login-tip{margin:10px 0 20px;color:#999;font-size:13px;line-height:1.6;text-align:center}
.static-phone-login-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.static-phone-login-input{width:100%;height:44px;box-sizing:border-box;padding:0 13px;border:1px solid #e5e5e5;border-radius:7px;outline:0;color:#333;font-size:16px}
.static-phone-login-input[data-phone-login-mobile]{margin-bottom:44px}
.static-phone-login-input:focus{border-color:#00c9e0}.static-phone-login-code{flex:1;min-width:0}
.static-phone-login-code-btn{flex:0 0 96px;height:44px;padding:0 6px;border:0;border-radius:7px;background:#e8fafc;color:#00b9d0;font-size:13px}
.static-phone-login-code-btn:disabled{color:#aaa;background:#f3f3f3}.static-phone-login-error{min-height:20px;color:#f04b4b;font-size:12px}
.static-phone-login-actions{display:flex;gap:10px;margin-top:8px}.static-phone-login-actions button{flex:1;height:44px;border-radius:22px;font-size:15px}
.static-phone-login-cancel{border:1px solid #ddd;background:#fff;color:#777}.static-phone-login-confirm{border:0;background:#00c9e0;color:#fff}
.static-phone-login-weapp{width:100%;height:44px;margin-top:14px;border:1px solid #07c160;border-radius:22px;background:#fff;color:#07c160;font-size:15px}
.static-phone-login-weapp:disabled{border-color:#b8d9c5;color:#8aaa96;background:#f5faf7}
@media(max-width:767px){input,textarea,select{font-size:16px!important}}

@media (max-width: 768px) {
    body.has-static-mobile-tabbar {
        padding-bottom: calc(58px + env(safe-area-inset-bottom));
    }

    .static-mobile-tabbar {
        position: fixed;
        z-index: 9998;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        height: 58px;
        padding-bottom: env(safe-area-inset-bottom);
        box-sizing: content-box;
        border-top: 1px solid #f2f2f2;
        background: #fff;
        box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.04);
    }

    .static-mobile-tabbar__item {
        position: relative;
        display: flex;
        flex: 1 1 20%;
        min-width: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: #c0c0c0;
        font-size: 10px;
        line-height: 1.2;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }

    .static-mobile-tabbar__item:visited {
        color: #c0c0c0;
    }

    .static-mobile-tabbar__item.is-active,
    .static-mobile-tabbar__item.is-active:visited {
        color: #00c9e0;
    }

    .static-mobile-tabbar__icon {
        display: block;
        width: 26px;
        height: 26px;
        margin-bottom: 2px;
        object-fit: contain;
    }

    .static-mobile-tabbar__item--issue {
        justify-content: flex-end;
    }

    .static-mobile-tabbar__item--issue .static-mobile-tabbar__icon {
        width: 50px;
        height: 60px;
        margin: 0 0 3px;
    }
}