/* =========================================================
   112313 电脑版统一居中布局
   仅桌面端生效，不影响手机
   ========================================================= */

@media (min-width:600px){

    :root{
        --gp4900-desktop-width:430px;
    }

    html,
    body{
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        overflow-x:hidden!important;
        background:#eef3f8!important;
    }

    body{
        display:block!important;
    }

    /*
     * 正文主体必须与固定顶部、底部使用同一宽度。
     * 清除旧样式遗留的 left / float / transform。
     */
    .shell,
    body > .shell{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        float:none!important;
        transform:none!important;

        display:block!important;
        box-sizing:border-box!important;

        width:var(--gp4900-desktop-width)!important;
        min-width:var(--gp4900-desktop-width)!important;
        max-width:var(--gp4900-desktop-width)!important;

        margin:0 auto!important;
        background:#ffffff!important;
    }

    /*
     * 顶部固定导航与正文保持完全同宽、同中心。
     */
    .site-top-nav.site-top-nav-v1057,
    .site-top-nav.front-lottery-nav-v20260702{
        width:var(--gp4900-desktop-width)!important;
        min-width:var(--gp4900-desktop-width)!important;
        max-width:var(--gp4900-desktop-width)!important;

        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;
    }

    /*
     * 底部导航也与正文同宽。
     */
    .bottom.bottom-v1057,
    .bottom.bottom-v1057.front-bottom-nav-v20260702{
        width:var(--gp4900-desktop-width)!important;
        min-width:var(--gp4900-desktop-width)!important;
        max-width:var(--gp4900-desktop-width)!important;

        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;
    }

    /*
     * 底部下滑隐藏时，保留横向居中再向下移动。
     */
    .bottom.bottom-v1057.front-bottom-nav-v20260702.gp4900-bottom-scroll-hidden-v20260703{
        transform:translateX(-50%) translateY(calc(100% + 16px))!important;
    }
}