/* Sampled from the reference screenshot's selected green tab. */

:root { --home-green: #07c160; }

.home-container .home-banner,

.home-container .home-tabs span.active { background-color: var(--home-green) !important; }

.home-container .home-tabs span.active,

.home-draw .number_draw { border-color: var(--home-green) !important; }

.home-draw .number_draw .nd_top span,

.home-draw .number_draw .nd_top a,

.van-tabbar-item--active { color: var(--home-green) !important; }

.home-container .home-tabs span[data-pending] { cursor: default; }

.source49-section{font-size:.25rem;padding:.2rem;background:#fff;margin:.15rem 0;border-top:1px solid #edf0ed}

.source49-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem}

.source49-section a{color:#07c160;text-decoration:none}

.source49-links{display:flex;gap:.12rem}.source49-links a{flex:1;text-align:center;padding:.1rem;background:#f0faf4;border-radius:.08rem}

.source49-stamp{font-size:.18rem;color:#999;margin:.12rem 0}

.source49-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.12rem}

.source49-preview a{color:#333;min-width:0;border:1px solid #edf0ed;border-radius:.08rem;overflow:hidden}

.source49-preview img{display:block;width:100%;height:1.7rem;object-fit:contain;background:#fafafa}

.source49-preview span{display:block;padding:.08rem;font-size:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.home-container .van-list__finished-text{display:none}

.source49-section{position:relative;z-index:1;padding:.22rem;margin:.12rem 0 .3rem;min-height:1rem}

.source49-heading{font-size:.25rem;margin:.24rem 0 .14rem;font-weight:600}

.source49-preview{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.18rem}

.source49-preview img{height:2.3rem}

.source49-preview span{font-size:.23rem;padding:.12rem}

.source49-text-list a{display:block;padding:.17rem 0;border-bottom:1px solid #edf0ed;color:#333}

.source49-text-list strong{font-size:.24rem;font-weight:500;display:block}

.source49-text-list small{display:block;font-size:.18rem;color:#999;margin-top:.05rem}



.home-container .gallery-box .gallery-mains{display:none}

.source49-links button{flex:1;background:#f0faf4;border:1px solid #e3eee6;border-radius:.08rem;font-size:.23rem;padding:.1rem;color:#07c160}

.source49-links button.active{background:#07c160;color:#fff}

.source49-top button,#source49-more,.source49-filters button{background:#fff;color:#07c160;border:1px solid #07c160;border-radius:.08rem;font-size:.22rem;padding:.08rem .16rem}

.source49-filters{display:flex;gap:.1rem;flex-wrap:wrap;margin-top:.17rem}

.source49-filters select,.source49-filters input{font-size:.21rem;border:1px solid #ddd;border-radius:.06rem;padding:.08rem;background:#fff;max-width:100%;min-width:0}

.source49-filters input{flex:1;min-width:1.3rem;width:1.5rem}

.source49-filters #source49-category{flex:1}

.source49-count{font-size:.21rem;color:#777;margin:.14rem 0}

#source49-more{display:block;margin:.22rem auto}

#source49-more[hidden]{display:none}

#source49-sentinel{height:1px}



.home-container .home-tabs{display:flex}.home-container .home-tabs span{flex:1;min-width:0;width:auto}.home-container .home-tabs span b{font-size:.27rem}.home-container .home-lottery p{flex:1;min-width:0;width:auto;font-size:.22rem}



/* Five lottery tabs, including the long second-half label. */

.home-container .home-tabs span{display:flex!important;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0!important;width:0!important;min-width:0;height:1.16rem!important;padding:.08rem .025rem!important;box-sizing:border-box}

.home-container .home-tabs span b{display:block!important;font-size:.265rem!important;line-height:1.35!important;white-space:nowrap!important;word-break:keep-all;letter-spacing:0}

.home-container .home-tabs span strong{display:block!important;font-size:.18rem!important;line-height:1.35!important;white-space:nowrap!important;font-weight:400;margin-top:.05rem}



.home-container .home-lottery{display:flex!important}

.home-container .home-lottery p{display:flex!important;align-items:center;justify-content:center;flex:1 1 0!important;width:0!important;min-width:0!important;padding:.05rem .02rem!important;font-size:.18rem!important;white-space:nowrap!important;line-height:1.2!important}

.home-container .home-lottery p:before{flex:none!important;width:.3rem!important;height:.3rem!important;background-size:contain!important;margin-right:.03rem!important}

/* Compact draw card following the supplied 49208 reference. */

.home-draw .number_draw{display:block!important;min-height:0!important;padding:.12rem .14rem .1rem!important;border:1px solid #07c160!important;border-radius:0!important;background:#fff!important;box-sizing:border-box}

.home-draw .number_draw .nd_top{display:flex!important;align-items:center;justify-content:space-between;padding:0 0 .13rem!important;gap:.06rem;font-size:.24rem!important;line-height:1.4!important;white-space:nowrap}

.home-draw .number_draw .nd_top .nd-period{color:#111;font-size:.24rem!important;flex:none}

.home-draw .number_draw .nd_top .nd-period span{color:#07c160!important;font-size:.27rem!important}

.home-draw .number_draw .nd_top .nd-countdown{display:flex;align-items:center;color:red;font-size:.23rem!important}

.home-draw .number_draw .nd_top .nd-countdown .van-count-down{display:inline;color:red!important;font-size:inherit!important;line-height:inherit}

.home-draw .number_draw .nd_top a{font-size:.23rem!important;color:#07c160!important;margin:0!important}

.draw-sim-label{display:inline-block;font-size:.15rem;color:#a66a00;background:#fff7e5;margin-left:.04rem;padding:0 .03rem;border-radius:.03rem}

.home-draw .number_draw .nd_plural{display:flex!important;align-items:flex-start;justify-content:space-between;padding:0!important;gap:0!important;margin:0!important}

.home-draw .number_draw .nd_plural .boll-box{flex:1 1 0;min-width:0!important;width:auto!important;text-align:center}

.home-draw .number_draw .nd_plural .boll-box:nth-child(7){flex:0 0 .25rem!important;width:.25rem!important;padding-top:.25rem}

.home-draw .number_draw .nd_plural .boll-box strong{display:block;width:.88rem!important;height:.88rem!important;line-height:.88rem!important;margin:0 auto!important;border:0!important;border-radius:0!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;font-family:Arial,sans-serif!important;font-size:.4rem!important;font-weight:700!important;color:#666!important;text-shadow:none!important;text-align:center!important;padding:0!important}

.home-draw .number_draw .nd_plural .boll-box strong.red{background-image:url('/draw-assets/red.png')!important}

.home-draw .number_draw .nd_plural .boll-box strong.blue{background-image:url('/draw-assets/blue.png')!important}

.home-draw .number_draw .nd_plural .boll-box strong.green{background-image:url('/draw-assets/green.png')!important}

.home-draw .number_draw .nd_plural .boll-box p{display:flex;align-items:center;justify-content:center;min-height:.32rem;margin:.05rem 0 0!important;font-size:.22rem!important;color:#111!important;line-height:1.35!important;white-space:nowrap}

.home-draw .number_draw .nd_plural .boll-box p span,.home-draw .number_draw .nd_plural .boll-box p b{font-size:inherit!important;line-height:inherit!important;font-weight:400!important}

.home-draw .number_draw .nd_plural .boll-box h3{font-size:.32rem!important;line-height:1;margin:0!important;color:#999!important}

.home-draw .number_draw .nd_info{display:block!important;margin:0!important;padding:.06rem 0 0!important;color:red!important;text-align:center!important;font-size:.24rem!important;line-height:1.4!important;white-space:nowrap}

.home-draw .number_draw .nd_info span{display:inline!important;font-size:inherit!important;color:red!important}



/* History uses the same compact draw balls as the home page. */

.record-history .record-draw-top{display:flex!important;align-items:center;justify-content:space-between;gap:.12rem;font-size:.24rem!important;line-height:1.5!important;padding:.12rem 0 .06rem!important}

.record-history .record-draw-top>div{white-space:nowrap;color:#07c160;font-size:.24rem!important}

.record-history .record-draw-top>b{font-size:.22rem!important;white-space:nowrap;font-weight:400;color:#888}

.record-history .record-draw-nums{display:flex!important;justify-content:space-between;align-items:flex-start;padding:.1rem .08rem!important;border:1px solid #07c160!important;border-radius:0!important}

.record-history .record-draw-nums>div{flex:1;min-width:0;text-align:center}

.record-history .record-draw-nums>div:nth-child(7){flex:0 0 .25rem;padding-top:.25rem}

.record-history .record-draw-nums strong{display:block;width:.78rem!important;height:.78rem!important;line-height:.78rem!important;margin:0 auto!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;color:#666!important;font:700 .36rem/.78rem Arial!important;border:0!important;border-radius:0!important}

.record-history .record-draw-nums strong.red{background-image:url('/draw-assets/red.png')!important}

.record-history .record-draw-nums strong.blue{background-image:url('/draw-assets/blue.png')!important}

.record-history .record-draw-nums strong.green{background-image:url('/draw-assets/green.png')!important}

.record-history .record-draw-nums p{font-size:.22rem!important;line-height:1.4!important;white-space:nowrap;margin:.04rem 0 0!important;color:#111!important}

.record-history .record-draw-nums p *{font-size:inherit!important;font-weight:400!important}

.record-history .record-draw-nums h3{font-size:.32rem!important;line-height:1!important;color:#999!important}

.record-mains .guess-tabs .tabs_active{background:#07c160!important;background-image:none!important;color:#fff!important}



.home-container .home-lottery{position:static!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;transform:none!important;margin:.12rem 0!important}.home-container{padding-bottom:1.25rem!important}





.home-container .gallery-years{display:none!important}

.source49-years{display:flex;gap:.08rem;overflow-x:auto;padding:.14rem 0 .18rem;border-bottom:1px solid #eee;margin-bottom:.16rem;scrollbar-width:thin}

.source49-years button{display:flex;flex:none;flex-direction:column;align-items:center;gap:.08rem;min-width:1.18rem;background:white;border:0;padding:.04rem;color:#333;font-size:.22rem;white-space:nowrap}

.source49-year-icon{display:flex;align-items:center;justify-content:center;width:.65rem;height:.65rem;border-radius:50%;background:#19cb96;color:white;font-size:.35rem}

.source49-year-icon.gray{background:#d8d8d8}.source49-years button.active{color:#07a352;font-weight:bold}.source49-years button.active .source49-year-icon{outline:2px solid #07c160;outline-offset:3px}

#source49-full-list a>span small{display:block;font-size:.18rem;color:#888;margin-top:.04rem}



.source49-series{display:flex;gap:.08rem;flex-wrap:wrap;margin:.16rem 0}.source49-series button{border:1px solid #07c160;border-radius:.05rem;background:white;color:#07a352;padding:.07rem .15rem;font-size:.22rem;cursor:pointer}.source49-series button.active{background:#07c160;color:white}



.home-container .home-other,.home-container .home-data{display:none!important}

.source49-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.23rem .06rem;padding:.22rem .12rem;border-bottom:1px solid #eee}.source49-menu a{display:flex;flex-direction:column;align-items:center;gap:.08rem;font-size:.2rem;color:#333;white-space:nowrap}.source49-menu i{display:flex;justify-content:center;align-items:center;width:.67rem;height:.67rem;border-radius:50%;font-style:normal;font-size:.34rem;color:white;background:#28c898}.source49-menu a:nth-child(3n+2) i{background:#489ee7}.source49-menu a:nth-child(3n) i{background:#ed9632}



/* Eight source shortcuts, in two equal rows. */

.source49-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem .08rem;padding:.24rem .12rem;background:#fff}.source49-menu a{font-size:.22rem;line-height:1.4;gap:.1rem}.source49-menu img{display:block;width:.78rem;height:.78rem;object-fit:contain}.source49-menu a:nth-child(n) i{background:none}



.source49-years{display:grid;grid-auto-flow:column;grid-auto-columns:25%;gap:0;overflow-x:auto;padding:.18rem 0 .2rem;scroll-snap-type:x proximity}.source49-years button{width:100%;min-width:0;box-sizing:border-box;gap:.1rem;font-size:.21rem;scroll-snap-align:start;font-weight:400!important;color:#333!important}.source49-year-icon{width:.68rem;height:.68rem;background:#13ca97;outline:none!important}.source49-year-icon.gray{background:#d8d8d8}.source49-year-icon img{width:.32rem;height:.32rem;object-fit:contain}



/* Navigation is hidden; Find, Platform, My routes and page sources remain available. */

.layout-container .layout-footer,.layout-container>.van-tabbar{display:none!important}



html[data-bottom-navigation="show"] .layout-container .layout-footer{display:block!important;min-height:50px;flex:0 0 50px}



/* Compact white header and banner, matching the supplied reference. */

.home-container{padding-top:.68rem!important;height:auto!important;min-height:100vh}

.home-container .van-nav-bar{height:.68rem!important;background:#fff!important;color:#222!important;line-height:1}

.home-container .van-nav-bar__content{height:.68rem!important}

.home-container .van-nav-bar__title{color:#222!important;font-size:.30rem!important;font-weight:400!important;max-width:42%}

.home-container .van-nav-bar__left{left:.24rem!important;padding:0!important}

.home-container .van-nav-bar__right{right:.22rem!important;padding:0!important}

.home-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07c160;border-radius:.05rem;color:white!important;width:1.05rem;height:.47rem;line-height:1.05}

.home-brand strong{font-size:.19rem;font-weight:700}.home-brand small{font-size:.13rem;margin-top:.02rem}

.home-header-actions{display:flex;gap:.12rem;align-items:center}

.home-header-actions a,.home-header-actions button{display:flex;flex-direction:column;align-items:center;gap:.02rem;border:0;background:none;padding:0;margin:0;color:#222!important;min-width:.34rem;line-height:1;cursor:pointer}

.home-header-actions .van-icon{font-size:.24rem;color:#333!important}.home-header-actions small{font-size:.16rem;color:#222}

.home-container .home-banner{background:#fff!important;height:auto!important;border-radius:0!important;padding:.03rem .08rem 0!important}

.home-container .home-banner .my-swipe{margin:0!important;background:#fff;line-height:0}

.home-container .home-banner .my-swipe .van-swipe-item{min-height:0!important}

.home-container .home-banner .my-swipe .van-swipe-item a{display:block!important;min-height:0!important;height:auto!important}

.home-container .home-banner .my-swipe .van-swipe-item a img{display:block;width:100%!important;min-height:0!important;height:auto!important;border-radius:0!important}

.home-container .home-notice{margin:0!important;padding:0 .12rem!important;border-radius:0!important;background:#fff!important;min-height:.38rem;border-bottom:1px solid #eee}

.home-container .home-notice>img{width:.19rem!important;height:.19rem!important;object-fit:contain;margin-left:0!important;flex-shrink:0}

.home-container .home-notice .van-notice-bar{height:.40rem!important;min-width:0;padding:0 .12rem!important;border-radius:0!important;font-size:.20rem!important;line-height:.40rem;background:#fff!important;color:#555!important}

.home-container .noticebar-cont,.home-container .noticebar-cont span{font-size:.20rem!important;line-height:.40rem!important}

.home-share-tip{position:fixed;top:70px;left:50%;transform:translateX(-50%);background:#333e;color:white;padding:10px 18px;border-radius:6px;font-size:14px;z-index:9999;white-space:nowrap}



.home-container .home-tabs{min-height:0!important;height:.88rem!important;align-items:stretch!important;margin-top:.06rem!important}.home-container .home-tabs>span,.home-container .home-tabs>span.active{height:.88rem!important;min-height:0!important;padding:.06rem .01rem!important;box-sizing:border-box}.home-container .home-tabs span b{font-size:.26rem!important;padding-top:0!important;line-height:1.2!important;white-space:nowrap}.home-container .home-tabs span strong{font-size:.23rem!important;line-height:1.2!important;transform:none!important;margin-top:.04rem}







.source49-top .generated-jump{background:#07c160;color:white;white-space:nowrap}.source49-top .generated-jump[hidden]{display:none!important}.generated-materials{scroll-margin-top:.75rem}

/* Keep mobile text readable without widening the page. */
@media(max-width:600px){
 html,body,#app{max-width:100%;box-sizing:border-box}
 body{margin-left:auto;margin-right:auto}
 .home-container,.source49-section,.generated-materials{min-width:0;box-sizing:border-box}
 .home-container .home-tabs span b{font-size:clamp(11px,.26rem,14px)!important}
 .home-container .home-tabs span strong{font-size:clamp(10px,.23rem,12px)!important}
 .source49-menu a,.source49-years button{font-size:clamp(11px,.22rem,13px)}
 .source49-top h2,.generated-heading h2{font-size:13px}
 .source49-top button,.generated-heading .generated-refresh{font-size:12px;min-height:30px}
 .generated-nav button{font-size:clamp(10px,.22rem,12px);min-height:26px;white-space:normal;overflow-wrap:anywhere}
 .generated-card td{font-size:clamp(12px,.27rem,15px)}
 .generated-card h3{font-size:clamp(18px,.38rem,22px)}
 .generated-demo-tag{font-size:10px}
 .home-notice-popup{width:calc(100% - 40px);max-width:420px;max-height:calc(100dvh - 32px)}
 .home-notice-content img{max-height:52dvh}
}