/* =========================================================
   112313 滚动行为最终版
   顶部：永久固定，绝不隐藏
   底部：下滑隐藏，上滑显示
   ========================================================= */

/* 顶部始终固定 */

.site-top-nav.site-top-nav-v1057,
.site-top-nav.front-lottery-nav-v20260702{
    position:fixed!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    z-index:100000!important;
    width:100%!important;
    max-width:480px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(-50%)!important;
    transition:none!important;
}

/* 防止旧脚本给顶部加隐藏动画 */

.site-top-nav.site-top-nav-v1057[class*="hide"],
.site-top-nav.site-top-nav-v1057[class*="hidden"],
.site-top-nav.front-lottery-nav-v20260702[class*="hide"],
.site-top-nav.front-lottery-nav-v20260702[class*="hidden"]{
    top:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(-50%)!important;
}

/* 正文给固定顶部留出空间 */

.shell{
    padding-top:158px!important;
}

/* 小屏幕顶部高度 */

@media(max-width:390px){
    .shell{
        padding-top:148px!important;
    }
}

/* 主屏幕独立模式增加状态栏安全区 */

@media all and (display-mode: standalone){
    .shell{
        padding-top:calc(158px + env(safe-area-inset-top))!important;
    }
}

@media all and (display-mode: standalone) and (max-width:390px){
    .shell{
        padding-top:calc(148px + env(safe-area-inset-top))!important;
    }
}

html.gp4900-ios-standalone-v20260703 .shell{
    padding-top:calc(158px + env(safe-area-inset-top))!important;
}

@media(max-width:390px){
    html.gp4900-ios-standalone-v20260703 .shell{
        padding-top:calc(148px + env(safe-area-inset-top))!important;
    }
}

/* 底部导航默认显示 */

.bottom.bottom-v1057.front-bottom-nav-v20260702{
    transition:
        transform .24s ease,
        opacity .20s ease!important;
    will-change:transform,opacity!important;
}

/* 下滑时底部整个收到底部屏幕外 */

.bottom.bottom-v1057.front-bottom-nav-v20260702.gp4900-bottom-scroll-hidden-v20260703{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateX(-50%) translateY(calc(100% + 16px))!important;
}