/* MIIGO_1080P_APP_INNER_FINAL_LOCK_V1_20260627
   最终锁定层：最后加载。
   目的：保护底部导航、内容底部空间、手机安全区，避免后续视觉装修误伤。
*/

/* 页面主体不要横向溢出 */
html,
body.miigo-inner-real-body{
    overflow-x:hidden !important;
}

/* 主壳体必须为底部导航预留空间 */
.miigo-inner-real-shell{
    min-height:100dvh !important;
    padding-bottom:calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing:border-box !important;
}

/* 内容区也预留空间，避免最后一排卡片被底部导航压住 */
.miigo-inner-real-content{
    padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing:border-box !important;
}

/* 底部导航最终锁定：固定在当前视口底部 */
.miigo-inner-tabbar,
.miigo-v4-tabbar#miigo-v4-tabbar{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:calc(62px + env(safe-area-inset-bottom, 0px)) !important;
    min-height:calc(62px + env(safe-area-inset-bottom, 0px)) !important;

    padding:0 8px env(safe-area-inset-bottom, 0px) !important;
    margin:0 !important;
    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    align-items:center !important;
    justify-items:center !important;

    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;

    border-top:1px solid rgba(229,231,235,.86) !important;
    border-radius:0 !important;
    box-shadow:0 -8px 22px rgba(15,23,42,.06) !important;

    transform:none !important;
    z-index:2147483000 !important;
}

/* 底部按钮最终锁定 */
.miigo-inner-tabbar button,
.miigo-v4-tabbar#miigo-v4-tabbar button{
    width:100% !important;
    min-width:0 !important;
    height:62px !important;
    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    background:transparent !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;

    color:#111827 !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    text-align:center !important;
    overflow:hidden !important;
}

.miigo-inner-tabbar button.is-active,
.miigo-v4-tabbar#miigo-v4-tabbar button.is-active{
    color:#2563eb !important;
}

.miigo-inner-tabbar .nav-ico,
.miigo-v4-tabbar#miigo-v4-tabbar .nav-ico{
    font-size:20px !important;
    line-height:1 !important;
}

.miigo-inner-tabbar .inner-vip b,
.miigo-v4-tabbar#miigo-v4-tabbar .inner-vip b{
    font-size:26px !important;
    line-height:.82 !important;
    font-weight:500 !important;
}

/* PC 手机壳 iframe 里也必须固定在 iframe 可视底部 */
@media (min-width:768px){
    body.miigo-inner-real-body .miigo-inner-tabbar,
    body.miigo-inner-real-body .miigo-v4-tabbar#miigo-v4-tabbar{
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:100% !important;
        max-width:100% !important;
        transform:none !important;
    }
}
