/* =========================================================
   112313：白底底部导航最终覆盖
   只覆盖 front-bottom-nav-v20260702，屏蔽旧金色导航
   ========================================================= */

html,
body{
    padding-bottom:84px!important;
}

.shell{
    padding-bottom:84px!important;
}

/* 只处理当前 112313 的底部五宫格 */

.bottom.bottom-v1057.front-bottom-nav-v20260702{
    position:fixed!important;
    left:50%!important;
    bottom:0!important;
    z-index:99999!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    width:100%!important;
    max-width:480px!important;
    height:74px!important;
    min-height:74px!important;
    overflow:visible!important;
    background:#ffffff!important;
    background-image:none!important;
    border:0!important;
    border-top:1px solid #dbe5ef!important;
    border-radius:0!important;
    box-shadow:0 -3px 13px rgba(30,76,123,.14)!important;
}

/* 清掉旧金色导航伪元素 */

.bottom.bottom-v1057.front-bottom-nav-v20260702:before,
.bottom.bottom-v1057.front-bottom-nav-v20260702:after{
    display:none!important;
    content:none!important;
}

/* 五个入口 */

.bottom.bottom-v1057.front-bottom-nav-v20260702 a{
    position:relative!important;
    flex:1 1 20%!important;
    min-width:0!important;
    height:74px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:3px 0 2px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    color:#4f6478!important;
    background:#ffffff!important;
    background-image:none!important;
    border:0!important;
    border-right:1px solid #edf1f5!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    text-shadow:none!important;
    filter:none!important;
}

.bottom.bottom-v1057.front-bottom-nav-v20260702 a:last-child{
    border-right:0!important;
}

/* 图标 */

.bottom.bottom-v1057.front-bottom-nav-v20260702 a b{
    width:29px!important;
    height:29px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#4d98e8!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:Arial,"Microsoft YaHei",sans-serif!important;
    font-size:26px!important;
    line-height:1!important;
    font-weight:1000!important;
    text-shadow:none!important;
}

/* 文字 */

.bottom.bottom-v1057.front-bottom-nav-v20260702 a span{
    display:block!important;
    color:#263646!important;
    background:transparent!important;
    border:0!important;
    font-family:"Microsoft YaHei",Arial,sans-serif!important;
    font-size:12px!important;
    line-height:16px!important;
    font-weight:900!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    white-space:nowrap!important;
}

/* 当前页高亮 */

.bottom.bottom-v1057.front-bottom-nav-v20260702 a.active b,
.bottom.bottom-v1057.front-bottom-nav-v20260702 a.active span{
    color:#2182df!important;
}

/* 中间“香港资料”突出 */

.bottom.bottom-v1057.front-bottom-nav-v20260702 a.is-center{
    z-index:2!important;
    transform:translateY(-14px)!important;
    border-right:0!important;
}

.bottom.bottom-v1057.front-bottom-nav-v20260702 a.is-center b{
    width:52px!important;
    height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ffffff!important;
    background:
        radial-gradient(circle at 34% 24%,rgba(255,255,255,.48),transparent 27%),
        linear-gradient(145deg,#4bd0af,#08a37d)!important;
    border:4px solid #ffffff!important;
    border-radius:50%!important;
    box-shadow:0 2px 11px rgba(8,143,106,.34)!important;
    font-size:25px!important;
}

.bottom.bottom-v1057.front-bottom-nav-v20260702 a.is-center span{
    margin-top:-1px!important;
    color:#078a68!important;
    font-weight:1000!important;
}

/* 小屏幕 */

@media(max-width:390px){
    html,
    body,
    .shell{
        padding-bottom:79px!important;
    }

    .bottom.bottom-v1057.front-bottom-nav-v20260702,
    .bottom.bottom-v1057.front-bottom-nav-v20260702 a{
        height:69px!important;
        min-height:69px!important;
    }

    .bottom.bottom-v1057.front-bottom-nav-v20260702 a b{
        font-size:24px!important;
    }

    .bottom.bottom-v1057.front-bottom-nav-v20260702 a span{
        font-size:11px!important;
    }

    .bottom.bottom-v1057.front-bottom-nav-v20260702 a.is-center{
        transform:translateY(-12px)!important;
    }

    .bottom.bottom-v1057.front-bottom-nav-v20260702 a.is-center b{
        width:48px!important;
        height:48px!important;
        font-size:23px!important;
    }
}