/* =========================================================
   112313 最终顶部统一样式
   修复电脑端右侧全蓝、顶部双色、Logo 融合问题
   ========================================================= */

/* 电脑端外层恢复浅色背景，页面内容居中 */

html,
body{
    margin:0!important;
    padding:0!important;
    min-width:0!important;
    background:#eef3f8!important;
}

.shell{
    width:100%!important;
    max-width:480px!important;
    min-height:100vh!important;
    margin:0 auto!important;
    padding-top:0!important;
    background:#ffffff!important;
}

@media(min-width:481px){
    .shell{
        box-shadow:0 0 18px rgba(22,65,112,.16)!important;
    }
}

/* 顶部不固定，避免产生额外空白 */

.site-top-nav.site-top-nav-v1057,
.site-top-nav.front-lottery-nav-v20260702{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    overflow:hidden!important;
    background:#529dea!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

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

.top-spacer-v1057{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

/* =========================================================
   第一行：完整同一种蓝色品牌栏
   ========================================================= */

.front-lottery-brand-v20260702.gp4900-ratio-top-v20260702{
    width:100%!important;
    height:68px!important;
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:4px!important;
    padding:0 9px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:#529dea!important;
    border:0!important;
    border-bottom:2px solid rgba(255,255,255,.72)!important;
}

.front-lottery-brand-main-v20260702.gp4900-ratio-wordmark-link-v20260702{
    position:relative!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:68px!important;
    display:flex!important;
    align-items:flex-end!important;
    overflow:visible!important;
    text-decoration:none!important;
}

/* GP4900.com */

.gp4900-ratio-domain-v20260702{
    position:relative!important;
    display:block!important;
    padding:0 0 7px 0!important;
    color:#ef1717!important;
    font-family:Arial,"Helvetica Neue","Microsoft YaHei",sans-serif!important;
    font-size:clamp(37px,10.9vw,51px)!important;
    line-height:.83!important;
    font-weight:1000!important;
    letter-spacing:-2.4px!important;
    white-space:nowrap!important;
    -webkit-text-fill-color:#ef1717!important;
    text-shadow:
        -2px -2px 0 #ffffff,
         2px -2px 0 #ffffff,
        -2px  2px 0 #ffffff,
         2px  2px 0 #ffffff,
         0   2px 1px rgba(15,63,128,.28)!important;
}

.gp4900-ratio-dotcom-v20260702{
    position:relative!important;
    display:inline-block!important;
    margin-left:1px!important;
    font-size:.58em!important;
    line-height:1!important;
    letter-spacing:-1.1px!important;
}

/* 导航只在 .com 上方 */

.gp4900-ratio-nav-v20260702{
    position:absolute!important;
    left:51%!important;
    bottom:91%!important;
    z-index:5!important;
    display:block!important;
    transform:translateX(-50%)!important;
    color:#1b60c3!important;
    font-family:"KaiTi","STKaiti","Microsoft YaHei",serif!important;
    font-size:.84em!important;
    font-style:normal!important;
    font-weight:1000!important;
    letter-spacing:2px!important;
    line-height:1!important;
    white-space:nowrap!important;
    -webkit-text-fill-color:#1b60c3!important;
    text-shadow:
        -1px -1px 0 #ffffff,
         1px -1px 0 #ffffff,
        -1px  1px 0 #ffffff,
         1px  1px 0 #ffffff,
         0 1px 1px rgba(8,54,121,.22)!important;
}

/* 右上角真实透明四九挂牌 Logo */

.front-lottery-brand-seal-v20260702.gp4900-ratio-logo-link-v20260702{
    flex:0 0 79px!important;
    width:79px!important;
    height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
}

.gp4900-ratio-logo-img-v20260702{
    display:block!important;
    width:77px!important;
    max-width:77px!important;
    height:50px!important;
    max-height:50px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    mix-blend-mode:normal!important;
    filter:none!important;
}

/* =========================================================
   第二行：澳门 / 香港标签
   ========================================================= */

.front-lottery-tabs-v20260702{
    height:38px!important;
    min-height:38px!important;
    display:flex!important;
    overflow:hidden!important;
    background:#ffffff!important;
    border:0!important;
    border-bottom:1px solid #d8e1eb!important;
}

.front-lottery-tabs-v20260702 a{
    flex:1 1 50%!important;
    min-width:0!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0!important;
    color:#111820!important;
    background:#f3f5f7!important;
    border:0!important;
    border-right:1px solid #d7dfe8!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:clamp(17px,5vw,22px)!important;
    font-weight:1000!important;
    line-height:1!important;
    text-decoration:none!important;
}

.front-lottery-tabs-v20260702 a:last-child{
    border-right:0!important;
}

.front-lottery-tabs-v20260702 a.active{
    color:#ffffff!important;
    background:#529dea!important;
    text-shadow:0 1px 1px rgba(0,60,133,.22)!important;
}

.front-lottery-tabs-v20260702 a.active:after{
    width:30px!important;
    height:3px!important;
    bottom:0!important;
    background:#ffffff!important;
}

.front-lottery-tabs-v20260702 a i{
    width:21px!important;
    height:15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ffffff!important;
    background:#ed472a!important;
    border-radius:2px!important;
    box-shadow:none!important;
    font-size:7px!important;
    line-height:1!important;
    font-weight:1000!important;
}

/* =========================================================
   第三行：开奖号码，紧凑平直红蓝格
   ========================================================= */

.front-open-strip-v20260702{
    height:52px!important;
    min-height:52px!important;
    display:flex!important;
    align-items:stretch!important;
    overflow:hidden!important;
    background:#ffffff!important;
    border:0!important;
    border-bottom:1px solid #d6e0e9!important;
    border-radius:0!important;
    box-shadow:none!important;
}

.front-open-issue-v20260702{
    flex:0 0 76px!important;
    width:76px!important;
    height:52px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:#202a34!important;
    background:#ffffff!important;
    border:0!important;
    border-right:1px solid #d7e1ea!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
}

.front-open-issue-v20260702 b{
    color:#202a34!important;
    font-family:Arial,"Microsoft YaHei",sans-serif!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:1000!important;
}

.front-open-issue-v20260702 span{
    min-width:57px!important;
    height:17px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ee2415!important;
    background:#fff000!important;
    border:0!important;
    border-radius:2px!important;
    box-shadow:none!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:1000!important;
}

.front-open-balls-v20260702{
    flex:1 1 auto!important;
    min-width:0!important;
    height:52px!important;
    display:flex!important;
    align-items:stretch!important;
    gap:0!important;
    padding:0!important;
    overflow:hidden!important;
}

.front-open-ball-v20260702{
    position:relative!important;
    flex:1 1 0!important;
    min-width:0!important;
    height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    color:#ffffff!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.90)!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:Arial,"Microsoft YaHei",sans-serif!important;
    font-size:clamp(16px,4.3vw,21px)!important;
    font-weight:1000!important;
    line-height:1!important;
    text-shadow:none!important;
}

.front-open-ball-v20260702 b{
    font-size:inherit!important;
    line-height:1!important;
}

.front-open-ball-v20260702.n1{
    background:#ef3329!important;
}

.front-open-ball-v20260702.n2,
.front-open-ball-v20260702.n3{
    background:#318ddd!important;
}

.front-open-ball-v20260702.is-special{
    background:#ef3329!important;
    box-shadow:inset 0 0 0 2px #ffe23d!important;
}

.front-open-ball-v20260702 em{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    height:17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#27313a!important;
    background:#ffffff!important;
    border-top:1px solid #dce4eb!important;
    font-family:"Microsoft YaHei",Arial,sans-serif!important;
    font-size:11px!important;
    font-style:normal!important;
    font-weight:1000!important;
    line-height:1!important;
}

.front-open-ball-v20260702:has(em){
    align-items:flex-start!important;
    padding-top:8px!important;
    box-sizing:border-box!important;
}

/* 顶部隐藏旧会员栏和公告栏 */

.front-member-strip-v20260702,
.top-user-row-v1057.front-member-strip-v20260702,
.gp4900-member-strip-v20260702,
.front-nav-ticker-v20260702,
.gp4900-ticker-v20260702{
    display:none!important;
}

@media(max-width:390px){
    .front-lottery-brand-v20260702.gp4900-ratio-top-v20260702{
        height:63px!important;
        min-height:63px!important;
        padding:0 7px!important;
    }

    .front-lottery-brand-main-v20260702.gp4900-ratio-wordmark-link-v20260702{
        height:63px!important;
    }

    .gp4900-ratio-domain-v20260702{
        padding-bottom:6px!important;
        font-size:clamp(34px,10.3vw,45px)!important;
    }

    .front-lottery-brand-seal-v20260702.gp4900-ratio-logo-link-v20260702{
        flex-basis:71px!important;
        width:71px!important;
        height:60px!important;
    }

    .gp4900-ratio-logo-img-v20260702{
        width:69px!important;
        max-width:69px!important;
        height:45px!important;
        max-height:45px!important;
    }

    .front-lottery-tabs-v20260702,
    .front-lottery-tabs-v20260702 a{
        height:36px!important;
        min-height:36px!important;
    }

    .front-open-strip-v20260702,
    .front-open-issue-v20260702,
    .front-open-balls-v20260702,
    .front-open-ball-v20260702{
        height:49px!important;
        min-height:49px!important;
    }

    .front-open-issue-v20260702{
        flex-basis:72px!important;
        width:72px!important;
    }
}