*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef5fa;color:#111;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.site-shell{width:100%;max-width:720px;margin:0 auto;background:#fff;min-height:100vh}
.site-head{background:#fff}.brand-bar{height:46px;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;color:#111;background:linear-gradient(#ff7f86,#fff);border:2px solid #f48a8f;border-bottom:0}
.nav2{width:100%;max-width:720px;margin:0 auto;padding:2px;background:#fff;z-index:50}
.nav2 ul{list-style:none;margin:0;padding:2px 0;display:flex;justify-content:space-between}.nav2 li{width:25%;padding:0 2px}
.nav2 a{display:block;padding:7px 2px;text-align:center;text-decoration:none;color:#fff;border-radius:50px;background:#0a5cda;font-size:14px;white-space:nowrap}
.nav2[data-fixed="fixed"]{position:fixed;top:0;left:0;right:0;box-shadow:0 5px 12px rgba(0,0,0,.15)}
.box{border:1px solid #f18b8f;background:#fff;margin:3px 0}
.draw-box{padding:6px}.draw-tabs{display:flex;gap:4px;margin-bottom:7px}.draw-tab{flex:1;text-align:center;padding:5px 2px;background:#eee;border-radius:4px;font-size:12px}.draw-tab.active{background:#14b927;color:#fff}
.draw-meta{display:flex;align-items:center;justify-content:space-between;font-size:16px;margin:4px 0}.history-btn{border:0;background:none;color:red;font-size:16px}
.draw-balls{display:flex;align-items:flex-start;justify-content:space-between;gap:3px}.draw-ball{width:12.2%;min-width:45px;text-align:center}.draw-ball b{display:flex;align-items:center;justify-content:center;height:52px;border-radius:4px;color:#fff;font-size:26px}.draw-ball span{display:block;margin-top:2px;font-size:12px;background:#fff;border-radius:2px}.draw-plus{align-self:center;font-size:28px;font-weight:800}
.red b{background:red}.blue b{background:#0718ef}.green b{background:#0db238}.draw-foot{display:flex;justify-content:space-between;align-items:center;color:red;font-size:14px;margin-top:7px}.draw-foot button{background:#ff9800;color:#fff;border:0;border-radius:4px;padding:3px 8px}
.module{margin:5px 0;border:1px solid #bbb;background:#fff;overflow:hidden}.module-title{font-size:27px;font-weight:800;text-align:center;padding:3px 6px;line-height:1.25;background:linear-gradient(#ff8087,#fff);border-bottom:1px solid #aaa}
.module-title .site-name{margin-right:8px}.module-body{font-size:24px}.record{border-bottom:1px solid #bbb;padding:7px 8px;text-align:center}.record:last-child{border-bottom:0}
.record-head{font-weight:800;line-height:1.4;white-space:nowrap}.record-main{font-size:28px;font-weight:800;line-height:1.45}.record-main.blue{color:#0019e8}.record-main.red{color:red}.record-main.green{color:green}
.hit{background:#fff700;color:inherit;padding:0 1px}.status{margin-left:12px;font-weight:800}.status.good{color:#111;background:#fff700}.status.bad{color:#111}.pending{color:red}
.legend{border-top:1px solid #bbb;text-align:center;font-weight:800;padding:6px 4px;font-size:20px}.legend .a{color:#f0f}.legend .b{color:green}.legend .c{color:#0019e8}
.grid-module .period-block{border-bottom:1px solid #bbb}.grid-head{background:#caffca;font-size:24px;font-weight:800;text-align:center;padding:5px}.grid{display:grid;grid-template-columns:repeat(3,1fr)}.grid div{border-right:1px solid #bbb;border-top:1px solid #bbb;text-align:center;color:#0019e8;font-size:28px;font-weight:800;padding:7px 2px}.grid div:nth-child(3n){border-right:0}
.beige .record{background:#f4dfb2}.beige .adline{background:#f4dfb2;text-align:center;font-size:20px;font-weight:700;padding:4px;border-bottom:1px solid #fff}
.split-line{display:flex;justify-content:center;gap:26px}.single{color:#0019e8}.double{color:red}
.history-modal[hidden]{display:none}.history-modal{position:fixed;inset:0;z-index:1000}.history-mask{position:absolute;inset:0;background:rgba(0,0,0,.48)}.history-dialog{position:relative;width:min(920px,94vw);height:min(92vh,1000px);margin:4vh auto;background:#fff;overflow:auto;border-radius:4px}.history-dialog header{position:sticky;top:0;background:#fff;padding:12px 16px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;font-size:20px;z-index:2}.history-dialog header button{border:0;background:none;font-size:28px}.history-item{padding:10px 14px;border-bottom:1px solid #eee}.history-head{display:flex;justify-content:space-between;font-size:16px}.history-balls{display:flex;align-items:flex-start;justify-content:space-between;margin-top:8px}.hball{text-align:center;width:11%}.hball b{width:42px;height:42px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin:auto;font-size:20px}.hball span{font-size:12px}.hplus{font-size:24px;align-self:center}
.footer{padding:10px;font-size:13px;color:#666;line-height:1.6}
@media(min-width:800px){.site-shell{max-width:1080px}.nav2{max-width:1080px}.module-title{font-size:34px}.module-body{font-size:28px}.record-main{font-size:32px}.record{padding:8px 14px}.legend{font-size:24px}.draw-ball b{height:60px;font-size:32px}.nav2 a{font-size:16px;padding:8px}.history-dialog{width:min(980px,90vw)}}
@media(max-width:520px){
 .brand-bar{font-size:20px;height:40px}.nav2 a{font-size:12px;padding:6px 1px}
 .draw-ball{min-width:0}.draw-ball b{height:44px;font-size:22px}.draw-ball span{font-size:10px}.draw-plus{font-size:22px}
 .module-title{font-size:20px;padding:4px 2px}.module-body{font-size:16px}.record{padding:6px 3px}
 .record-head{font-size:15px;white-space:normal}.record-main{font-size:19px;word-break:break-word}.legend{font-size:15px}
 .grid-head{font-size:16px}.grid div{font-size:19px;padding:7px 1px}.status{margin-left:5px}
 .history-dialog{width:100vw;height:100vh;margin:0;border-radius:0}.history-item{padding:10px 8px}.history-head{font-size:14px}.hball b{width:38px;height:38px;font-size:18px}.hball span{font-size:10px}
}

/* 2026-08 custom reference-layout enhancements */
.module-title{position:relative}
.module-title .backtest{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:#777;background:#fff8d9;border:1px solid #e0b94f;border-radius:12px;padding:2px 7px}
.size-special .module-body{font-size:26px}.size-row{border-bottom:1px solid #bbb;padding:10px 8px;text-align:center}.size-head{font-size:25px;font-weight:800;line-height:1.25}.size-main{margin-top:7px;display:flex;align-items:center;justify-content:center;gap:16px;color:#0718ef;font-size:31px;font-weight:900;line-height:1.25}.size-main .master{color:#000}.cat-mark{background:#fff700;padding:0 3px}
.fortune-nine{border-color:#e4bd74}.fortune-nine .module-body{font-size:23px}.fortune-row{border-bottom:1px solid #fff;background:#f3deb0}.fortune-top{display:grid;grid-template-columns:26% 1fr 18%;align-items:center;min-height:58px}.fortune-top>span,.fortune-top>em{font-style:normal;font-weight:900;text-align:center;color:#111}.fortune-top>b{text-align:center;color:red;font-size:29px}.fortune-num{text-align:center;background:#f7f7f7;color:red;font-weight:900;font-size:22px;padding:7px}.fortune-ad{text-align:center;background:#f3deb0;font-size:20px;font-weight:800;padding:7px;border-bottom:1px solid #fff}
.promo-card{position:relative;margin:10px 0;border:2px solid #d9a632;border-radius:10px;overflow:hidden;background:#111;min-height:170px}.promo-card img{display:block;width:100%;height:auto}.promo-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.promo-caption b{font-size:22px}.promo-caption span{font-size:12px;color:#f7df93}.zodiac-promo{height:210px;background:#0a0b10;display:flex;align-items:center;justify-content:center}.zodiac-promo:before{content:"";position:absolute;inset:0;background-image:var(--zbg);background-position:center;background-repeat:no-repeat;background-size:220px;opacity:.18;filter:sepia(1) saturate(1.4)}.zodiac-promo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(214,167,68,.24),transparent 45%),linear-gradient(135deg,rgba(0,30,60,.8),rgba(30,5,15,.92))}.zodiac-glow{position:relative;z-index:2;text-align:center;color:#f7d47c;text-shadow:0 0 9px #9d6c00}.zodiac-glow b{display:block;font-size:34px;letter-spacing:5px}.zodiac-glow div{font-size:22px;margin:12px 0}.zodiac-glow small{font-size:13px;color:#fff5c9}
@media(max-width:520px){
 .module-title .backtest{font-size:9px;right:3px;padding:1px 4px}.size-row{padding:7px 3px}.size-head{font-size:17px}.size-main{font-size:21px;gap:7px;flex-wrap:wrap}.fortune-nine .module-body{font-size:16px}.fortune-top{grid-template-columns:25% 1fr 21%;min-height:44px}.fortune-top>b{font-size:20px}.fortune-num{font-size:16px;padding:5px}.fortune-ad{font-size:14px;padding:4px}.promo-card{min-height:110px;margin:7px 0;border-radius:7px}.promo-caption{padding:7px 9px}.promo-caption b{font-size:15px}.promo-caption span{font-size:9px}.zodiac-promo{height:130px}.zodiac-promo:before{background-size:140px}.zodiac-glow b{font-size:23px}.zodiac-glow div{font-size:15px;margin:7px}.zodiac-glow small{font-size:10px}
}

/* 2026-08-08 reference modules exact-layout pass */
.ref-special{border:4px solid #f28a8e;border-radius:8px;background:#fff;margin:9px 0;overflow:hidden}
.ref-special .module-title{font-size:34px;line-height:1.18;padding:3px 8px;background:linear-gradient(#ff858c,#fff);border-bottom:1px solid #888;color:#000}
.ref-special .module-body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}
.ref-row.one-line,.ref-row.compact{min-height:72px;border-bottom:1px solid #aaa;display:flex;align-items:center;justify-content:center;gap:20px;padding:5px 10px;font-size:30px;font-weight:900;white-space:nowrap}
.ref-row.compact{min-height:64px}
.blue-bracket{color:#001cff;font-size:34px;font-weight:900}
.pending-text{color:red;font-weight:900}.result-word{font-weight:900;margin-left:0}.result-word.good{background:#fff600;padding:0 2px}
.ref-special .hit{background:#fff600!important;color:inherit!important}
.ref-st15m .module-body{font-size:30px}.ref-head15{border-bottom:1px solid #bbb;padding:8px 0 10px}.head-title{border:0!important;min-height:60px!important}.head-title b{font-size:36px}.head15-line{display:flex;align-items:center;justify-content:center;gap:18px;color:red;font-size:36px;font-weight:900;line-height:1.55}.head15-line>span{color:#000}.head15-line strong{color:red}
.ref-sibt .module-body{padding:8px 0}.fourhead{text-align:center}.fourhead-top{font-size:32px;font-weight:900}.fourhead-main{font-size:44px;color:#001cff;font-weight:900;padding:8px}
.ref-sqlw .module-body{padding:0}.two-tail-expert{text-align:center;font-size:29px;color:red;font-weight:900;padding:8px 4px}.two-tail-expert::first-letter{background:#fff600}.two-tail-grid{display:grid;grid-template-columns:20% 60% 20%;border-top:1px solid #aaa}.two-tail-grid>div{min-height:160px;border-right:1px solid #aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:900}.two-tail-grid>div:last-child{border-right:0}.two-tail-grid strong{color:red;background:#fff600;font-size:44px;padding:3px 6px}
.ref-dandadanx .module-body{padding:0}.bold-row{border-bottom:1px solid #bbb;text-align:center;padding:8px 6px}.bold-top{font-size:28px;font-weight:900;line-height:1.35}.bold-main{display:flex;align-items:center;justify-content:center;gap:18px;font-size:36px;font-weight:900;color:#001cff;line-height:1.45}.bold-main>span{color:#000}.bold-main b{color:#001cff}.bold-main strong{color:#001cff}
.ref-js2x .blue-bracket{font-size:38px}
.ref-yibo .blue-bracket{font-size:38px}
.ref-cypt .blue-bracket,.ref-cyptw .blue-bracket{font-size:34px}
.ref-hszt .blue-bracket,.ref-sgbb .blue-bracket,.ref-sgbds .blue-bracket{font-size:38px}
.ref-special .legend{font-size:27px;padding:10px 5px}

/* 20 visually distinct mixed recommendation cards, inserted every 5 modules */
.mixed-promo{height:250px;min-height:250px;background-color:#10131b;background-image:linear-gradient(90deg,rgba(8,10,18,.06),rgba(8,10,18,.56)),var(--promo1),var(--promo2);background-size:54% 100%,54% 100%,52% 100%;background-position:left center,left center,right center;background-repeat:no-repeat;isolation:isolate}
.mixed-promo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,20,.10),rgba(5,10,20,.28) 48%,rgba(0,0,0,.62));z-index:1}
.promo-shade{position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,rgba(255,219,110,.12),transparent 40%);z-index:2}.promo-data{position:absolute;z-index:3;right:3%;top:10%;width:52%;height:80%;border:2px solid rgba(247,215,135,.88);border-radius:12px;background:rgba(16,16,17,.76);box-shadow:0 0 24px rgba(0,0,0,.35);color:#ffe3a2;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;gap:12px}.promo-data b{font-size:31px;color:#ffd25f}.promo-data span{font-size:22px;font-weight:800}.promo-data small{font-size:13px;color:#fff7dc}

@media(max-width:520px){
 .ref-special{border-width:2px;margin:5px 0;border-radius:4px}.ref-special .module-title{font-size:21px;padding:3px 2px}
 .ref-row.one-line,.ref-row.compact{min-height:48px;gap:5px;padding:4px 2px;font-size:17px;white-space:nowrap}.blue-bracket{font-size:20px}.ref-hszt .blue-bracket,.ref-sgbb .blue-bracket,.ref-sgbds .blue-bracket{font-size:20px}
 .ref-st15m .module-body{font-size:17px}.head-title b{font-size:20px}.head15-line{font-size:20px;gap:7px;line-height:1.42}.ref-head15{padding:4px 0 5px}
 .fourhead-top{font-size:18px}.fourhead-main{font-size:24px;padding:5px 2px}
 .two-tail-expert{font-size:17px;padding:5px 2px}.two-tail-grid>div{min-height:105px;gap:7px;font-size:17px}.two-tail-grid strong{font-size:27px}
 .bold-row{padding:5px 2px}.bold-top{font-size:17px}.bold-main{font-size:21px;gap:7px}.ref-js2x .blue-bracket,.ref-yibo .blue-bracket,.ref-cypt .blue-bracket,.ref-cyptw .blue-bracket{font-size:20px}.ref-special .legend{font-size:15px;padding:6px 2px}
 .mixed-promo{height:175px;min-height:175px;margin:6px 0;background-size:60% 100%,60% 100%,58% 100%}.promo-data{right:2%;top:8%;width:58%;height:84%;padding:8px 9px;gap:7px;border-radius:7px}.promo-data b{font-size:20px}.promo-data span{font-size:14px}.promo-data small{font-size:9px}
}

/* 2026-08-08: only requested modules mirror the supplied reference layouts. */
#nn4x,#siji,#ds2x,#ds4x,#jy2x,#ds3x{border:2px solid #f58f93;border-radius:7px;background:#fff}
#nn4x .target-title,#siji .target-title,#ds2x .target-title,#ds4x .target-title,#jy2x .target-title,#ds3x .target-title{
  min-height:44px;padding:5px 4px;font-size:27px;line-height:1.15;font-weight:900;color:#111;
  background:linear-gradient(#ff8088 0,#ffd6d7 44%,#fff 100%);border-bottom:1px solid #aaa;white-space:nowrap
}
.target-domain{font-weight:800}.target-bracket{font-weight:900}
.target-split-row{border-bottom:1px solid #bdbdbd;padding:5px 6px 6px;text-align:center;background:#fff}
.target-split-row:last-child{border-bottom:0}
.target-split-top{display:flex;align-items:center;justify-content:center;gap:12px;font-size:21px;line-height:1.25;font-weight:900;color:#111;white-space:nowrap}
.target-split-main{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:2px;font-size:25px;line-height:1.2;font-weight:900;white-space:nowrap}
.target-left{color:#001fff}.target-right{color:#f00}.target-split-main .hit,.season-row .hit{background:#fff600;color:inherit;padding:0 1px}
.target-status.good{background:#fff600;color:#111;padding:0 2px}.target-status.bad{color:#111}.target-pending{color:#111}
.target-legend{display:flex;justify-content:center;gap:28px;padding:5px 8px 7px;font-size:20px;line-height:1.25;font-weight:900;white-space:nowrap}
.target-legend span:first-child{color:#f200ef}.target-legend span:last-child{color:#008000}

#siji .module-body{padding:0}
.season-row{display:grid;grid-template-columns:80px 125px minmax(180px,1fr) 150px;align-items:center;min-height:52px;padding:3px 10px;border-bottom:1px solid #bdbdbd;font-size:23px;font-weight:900;line-height:1.15;text-align:center;white-space:nowrap}
.season-period{color:#f00;text-align:right}.season-name{color:#008000;text-align:left}.season-pick{color:#5e0000;font-size:25px}.season-result{color:#001fff;text-align:left}.season-result .target-status{color:#001fff}.season-result .target-status.good{color:#001fff}
.season-legend{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;column-gap:32px;row-gap:0;padding:5px 6px 7px;color:#9800dc;font-size:21px;font-weight:900;line-height:1.3}

/* Match the supplied split layouts on mobile: first line period/type/result, second line two colored groups. */
@media(max-width:520px){
 #nn4x .target-title,#siji .target-title,#ds2x .target-title,#ds4x .target-title,#jy2x .target-title,#ds3x .target-title{font-size:19px;min-height:34px;padding:4px 2px}
 .target-split-row{padding:5px 2px 6px}
 .target-split-top{gap:7px;font-size:16px;line-height:1.2}
 .target-split-main{gap:14px;margin-top:2px;font-size:18px;line-height:1.15}
 .target-legend{gap:14px;padding:4px 2px 6px;font-size:14px;overflow:hidden}
 .season-row{grid-template-columns:47px 86px minmax(105px,1fr) 92px;min-height:42px;padding:3px 2px;font-size:15px}
 .season-pick{font-size:17px}.season-result{font-size:15px}.season-legend{column-gap:14px;padding:4px 2px 6px;font-size:15px}
}
@media(max-width:390px){
 .target-split-top{gap:4px;font-size:14px}.target-split-main{gap:8px;font-size:16px}.target-legend{font-size:12px;gap:8px}
 .season-row{grid-template-columns:42px 76px minmax(92px,1fr) 82px;font-size:13px}.season-pick{font-size:15px}.season-result{font-size:13px}.season-legend{font-size:13px;column-gap:9px}
}
.target-title{position:relative}

/* ============================================================
   2026-08-08 FINAL RESPONSIVE CLEAN LAYOUT
   目标：手机优先、电脑兼容；短资料保持完整横排；数字资料只在完整号码之间换行；
   所有记录两侧“期数/玩法”和“开奖结果/准错”更大更粗更清楚。
   ============================================================ */
html,body{max-width:100%;overflow-x:hidden}
.site-shell,.module,.module-body,.record,.compact-record,.compact-record>*{min-width:0}
.module{box-shadow:0 1px 0 rgba(0,0,0,.03)}
.compact-label,.compact-result,.ref-row>span:first-child,.ref-row>span:last-child{font-weight:900!important}
.compact-label b{font-weight:950!important}
.compact-result .status,.result-word{font-weight:950!important}

/* 纯号码推荐：括号永远和第一个/最后一个号码绑定，禁止出现“一个数字 + 】”单独掉到下一排。 */
.compact-pred.numeric-pred{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;transform:none!important;overflow:visible!important}
.pred-number-list{width:100%;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;line-height:1.15}
.pred-number-token{display:inline-block;flex:0 0 auto;white-space:nowrap!important;word-break:keep-all!important;text-align:center}
.pred-number-list.pred-count-7 .pred-number-token{flex-basis:14.285714%}
.pred-number-list.pred-count-10 .pred-number-token{flex-basis:10%}
.pred-number-list.pred-count-16 .pred-number-token{flex-basis:12.5%}
.pred-number-list.pred-count-20 .pred-number-token{flex-basis:10%}

/* 桌面/平板：左右信息清晰，中间推荐居中。 */
@media(min-width:521px){
  .compact-record{grid-template-columns:minmax(190px,25%) minmax(0,1fr) minmax(135px,20%)!important;column-gap:12px!important;padding:7px 14px!important}
  .compact-label{font-size:25px!important;justify-self:start!important}
  .compact-result{font-size:23px!important;justify-self:end!important}
  .compact-pred{font-size:29px!important}
  .numeric-row{grid-template-columns:minmax(190px,23%) minmax(0,1fr) minmax(135px,18%)!important}
  .short-row{grid-template-columns:minmax(220px,34%) minmax(0,1fr) minmax(175px,34%)!important}
  .numeric-pred{font-size:24px!important}
  .ref-row.one-line,.ref-row.compact{display:grid!important;grid-template-columns:minmax(230px,31%) minmax(0,1fr) minmax(170px,24%)!important;column-gap:10px!important;padding:6px 12px!important}
  .ref-row.one-line>span:first-child,.ref-row.compact>span:first-child{text-align:left!important;justify-self:start}
  .ref-row.one-line>span:last-child,.ref-row.compact>span:last-child{text-align:right!important;justify-self:end}
  .blue-bracket{text-align:center!important;justify-self:center}
}

/* 手机端最终覆盖：以 320~520px 为主要范围。 */
@media(max-width:520px){
  body{background:#fff}
  .site-shell{width:100%!important;max-width:none!important}
  .module{width:100%!important;margin:4px 0!important;border-left-width:1px;border-right-width:1px}
  .module-title{font-size:21px!important;font-weight:950!important;line-height:1.18!important;padding:5px 3px!important}
  .module-body{font-size:16px!important}

  /* 普通文章记录：短内容严格一横排，左右两列加大加粗。 */
  .compact-record{
    display:grid!important;
    grid-template-columns:minmax(100px,29%) minmax(0,1fr) minmax(82px,24%)!important;
    align-items:center!important;
    column-gap:3px!important;
    min-height:52px!important;
    padding:5px 4px!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .compact-record.short-row{grid-template-columns:minmax(118px,39%) minmax(0,1fr) minmax(104px,39%)!important;column-gap:2px!important}
  .short-row .compact-label,.short-row .compact-result{font-weight:950!important}
  .compact-label{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:2px!important;justify-self:stretch!important;
    font-size:15.5px!important;font-weight:950!important;line-height:1.08!important;
    white-space:nowrap!important;text-align:left!important;
  }
  .compact-label b,.compact-label span{display:inline!important;white-space:nowrap!important}
  .compact-pred{
    display:block!important;justify-self:stretch!important;
    font-size:18px!important;font-weight:900!important;line-height:1.1!important;
    text-align:center!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;
  }
  .compact-result{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:2px!important;justify-self:stretch!important;
    font-size:15.5px!important;font-weight:950!important;line-height:1.08!important;
    white-space:nowrap!important;text-align:right!important;
  }
  .compact-result .pending{display:inline!important;font-size:14px!important;margin-left:1px!important;font-weight:950!important}
  .compact-result .status{margin-left:2px!important;font-size:1em!important}

  /* 号码较多的模块给中间区域更多空间，并做均衡换行。 */
  .compact-record.numeric-row{grid-template-columns:minmax(94px,27%) minmax(0,1fr) minmax(78px,22%)!important;min-height:64px!important;padding-top:5px!important;padding-bottom:5px!important}
  .numeric-row .compact-label{font-size:14.5px!important}
  .numeric-row .compact-result{font-size:14.5px!important}
  .compact-pred.numeric-pred{font-size:13.5px!important;line-height:1.18!important;padding:1px 0!important}
  .pred-number-list.pred-count-7 .pred-number-token{flex-basis:14.285714%}
  .pred-number-list.pred-count-10 .pred-number-token{flex-basis:20%}
  .pred-number-list.pred-count-16 .pred-number-token{flex-basis:12.5%}
  .pred-number-list.pred-count-20 .pred-number-token{flex-basis:14.285714%}

  /* 参考图类模块（绝杀两肖/三个半波/合数单双等）：统一三列，左右字体更大更粗。 */
  .ref-special{margin:5px 0!important;border-width:2px!important;border-radius:5px!important}
  .ref-special .module-title{font-size:22px!important;font-weight:950!important}
  .ref-row.one-line,.ref-row.compact,
  .ref-special:not(#sgbds) .ref-row.one-line,.ref-special:not(#sgbds) .ref-row.compact,
  #sgbds .ref-row.one-line,#sgbds .ref-row.compact{
    display:grid!important;
    grid-template-columns:minmax(112px,34%) minmax(0,1fr) minmax(92px,28%)!important;
    align-items:center!important;justify-content:initial!important;
    column-gap:3px!important;min-height:53px!important;padding:5px 4px!important;
    font-size:16px!important;font-weight:950!important;white-space:normal!important;text-align:center!important;
  }
  .ref-row.one-line>span:first-child,.ref-row.compact>span:first-child,
  .ref-special:not(#sgbds) .ref-row.one-line>span:first-child,.ref-special:not(#sgbds) .ref-row.compact>span:first-child{
    text-align:left!important;white-space:nowrap!important;font-weight:950!important;justify-self:start!important;
  }
  .ref-row.one-line>span:last-child,.ref-row.compact>span:last-child,
  .ref-special:not(#sgbds) .ref-row.one-line>span:last-child,.ref-special:not(#sgbds) .ref-row.compact>span:last-child{
    text-align:right!important;white-space:nowrap!important;font-weight:950!important;justify-self:end!important;
  }
  .blue-bracket,.ref-special:not(#sgbds) .blue-bracket,#sgbds .blue-bracket,
  .ref-hszt .blue-bracket,.ref-sgbb .blue-bracket,.ref-sgbds .blue-bracket,.ref-js2x .blue-bracket,.ref-yibo .blue-bracket,.ref-cypt .blue-bracket,.ref-cyptw .blue-bracket{
    font-size:18px!important;line-height:1.08!important;font-weight:950!important;text-align:center!important;
    white-space:nowrap!important;word-break:keep-all!important;justify-self:center!important;
  }

  /* 其它特殊模块的“期数/开奖结果”也统一增强。 */
  .target-split-top{font-size:16px!important;font-weight:950!important;gap:6px!important;white-space:nowrap!important}
  .target-split-top>span:first-child,.target-split-top>span:last-child{font-weight:950!important}
  .target-split-main{font-size:18px!important;font-weight:900!important;gap:12px!important}
  .season-row{grid-template-columns:minmax(48px,15%) minmax(78px,23%) minmax(0,1fr) minmax(92px,27%)!important;font-size:15.5px!important;min-height:45px!important;padding:4px 3px!important}
  .season-period,.season-result{font-size:15.5px!important;font-weight:950!important}
  .season-pick{font-size:17px!important}
  .size-head{font-size:18px!important;font-weight:950!important}.size-main{font-size:21px!important}
  .fortune-top{grid-template-columns:27% minmax(0,1fr) 25%!important}.fortune-top>span,.fortune-top>em{font-size:15.5px!important;font-weight:950!important}.fortune-top>b{font-size:20px!important}
  .grid-head{font-size:17px!important;font-weight:950!important;line-height:1.2!important;padding:6px 3px!important}
  .head-title{grid-template-columns:minmax(112px,34%) minmax(0,1fr) minmax(92px,28%)!important}.head-title b{font-size:19px!important}
  .bold-top,.fourhead-top{font-size:18px!important;font-weight:950!important}.bold-main{font-size:20px!important}
  .two-tail-grid>div:first-child,.two-tail-grid>div:last-child{font-size:18px!important;font-weight:950!important}
  .target-title{font-size:20px!important;font-weight:950!important}
  .legend,.target-legend,.season-legend{line-height:1.35!important}
}

@media(max-width:390px){
  .module-title{font-size:20px!important}
  .compact-record{grid-template-columns:minmax(88px,28%) minmax(0,1fr) minmax(72px,23%)!important;column-gap:2px!important;padding-left:3px!important;padding-right:3px!important}
  .compact-label,.compact-result{font-size:14px!important}
  .compact-pred{font-size:16.5px!important}
  .compact-record.short-row{grid-template-columns:minmax(112px,39%) minmax(0,1fr) minmax(96px,39%)!important}
  .compact-record.numeric-row{grid-template-columns:minmax(90px,29%) minmax(0,1fr) minmax(70px,22%)!important}
  .numeric-row .compact-label,.numeric-row .compact-result{font-size:13.5px!important}
  .compact-pred.numeric-pred{font-size:12px!important}
  .ref-row.one-line,.ref-row.compact,
  .ref-special:not(#sgbds) .ref-row.one-line,.ref-special:not(#sgbds) .ref-row.compact,
  #sgbds .ref-row.one-line,#sgbds .ref-row.compact{grid-template-columns:minmax(98px,33%) minmax(0,1fr) minmax(82px,28%)!important;column-gap:2px!important;padding-left:3px!important;padding-right:3px!important}
  .blue-bracket,.ref-special:not(#sgbds) .blue-bracket,#sgbds .blue-bracket{font-size:16px!important}
  .target-split-main{font-size:16px!important;gap:8px!important}.target-split-top{font-size:14px!important}
  .season-row{grid-template-columns:42px 72px minmax(0,1fr) 80px!important;font-size:13.5px!important}.season-period,.season-result{font-size:13.5px!important}.season-pick{font-size:15px!important}
}


/* 2026-08-08 numeric orphan-bracket hard fix: brackets are decorative anchors, never independent wrap items. */
.pred-number-list{position:relative;padding-left:.62em;padding-right:.62em}
.pred-number-list::before{content:"【";position:absolute;left:0;top:0;font-weight:900}
.pred-number-list::after{content:"】";position:absolute;right:0;bottom:0;font-weight:900}
.pred-number-token{min-width:0!important;overflow:visible}
@media(max-width:520px){
  .pred-number-list.pred-count-20 .pred-number-token{flex-basis:20%!important}
}


/* ============================================================
   2026-08-08 MOBILE CLEAN V3
   固定字号，不再按内容缩小；长号码自动均衡拆成 2/3 横排。
   ============================================================ */
:root{--mobile-row-size:clamp(15px,4.1vw,17px)}

/* 取消旧版“括号绝对定位”和按数量硬分列，改由 JS 生成均衡行。 */
.pred-number-list{position:static!important;padding:0!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;line-height:1.22!important}
.pred-number-list::before,.pred-number-list::after{content:none!important;display:none!important}
.pred-number-row{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;max-width:100%!important;white-space:nowrap!important}
.pred-number-token{display:inline-block!important;flex:0 0 auto!important;min-width:0!important;white-space:nowrap!important;word-break:keep-all!important;text-align:center!important;font-variant-numeric:tabular-nums}
.pred-zodiac-list{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;max-width:100%!important;line-height:1.22!important}
.pred-zodiac-row{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.pred-zodiac-token{display:inline-block!important;flex:0 0 auto!important;white-space:nowrap!important}
.pred-compound{display:flex!important;min-width:0!important;width:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important}
.pred-subline,.pred-lead-line{display:flex!important;min-width:0!important;width:100%!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important}
.pred-units{display:flex!important;min-width:0!important;width:100%!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;column-gap:6px!important;row-gap:2px!important}
.pred-unit{display:inline-block!important;white-space:nowrap!important;word-break:keep-all!important}

@media(max-width:520px){
  /* 所有资料正文使用同一套随屏幕轻微缩放的字号；绝不根据字数单独缩小。 */
  .compact-label,.compact-pred,.compact-result,
  .numeric-row .compact-label,.numeric-row .compact-result,.compact-pred.numeric-pred,
  .ref-row.one-line,.ref-row.compact,.blue-bracket,
  .ref-special:not(#sgbds) .blue-bracket,#sgbds .blue-bracket,
  .target-split-top,.target-split-main,
  .season-row,.season-period,.season-name,.season-pick,.season-result{
    font-size:var(--mobile-row-size)!important;
    transform:none!important;
    letter-spacing:0!important;
  }

  .compact-record{
    grid-template-columns:minmax(0,30%) minmax(0,45%) minmax(0,25%)!important;
    column-gap:2px!important;
    min-height:54px!important;
    padding:6px 4px!important;
  }
  .compact-record.short-row{grid-template-columns:minmax(0,36%) minmax(0,30%) minmax(0,34%)!important}
  .compact-record.numeric-row{grid-template-columns:minmax(0,29%) minmax(0,49%) minmax(0,22%)!important;min-height:68px!important;padding-top:6px!important;padding-bottom:6px!important}
  .compact-record.structured-row{grid-template-columns:minmax(0,28%) minmax(0,50%) minmax(0,22%)!important;min-height:76px!important;padding-top:6px!important;padding-bottom:6px!important}

  .compact-label,.compact-result{font-weight:950!important;line-height:1.18!important}
  .compact-label{justify-content:flex-start!important;text-align:left!important;overflow:visible!important}
  .compact-result{justify-content:flex-end!important;text-align:right!important;overflow:visible!important}
  .compact-pred{font-weight:850!important;line-height:1.22!important;white-space:normal!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important}
  .compact-result .pending{font-size:1em!important;line-height:1.15!important}

  /* 参考图模块也固定同字号，左右结果继续加粗。 */
  .ref-row.one-line,.ref-row.compact,
  .ref-special:not(#sgbds) .ref-row.one-line,.ref-special:not(#sgbds) .ref-row.compact,
  #sgbds .ref-row.one-line,#sgbds .ref-row.compact{
    grid-template-columns:minmax(0,36%) minmax(0,39%) minmax(0,25%)!important;
    min-height:56px!important;
    padding:6px 4px!important;
    line-height:1.2!important;
  }
  .ref-row.one-line>span:first-child,.ref-row.compact>span:first-child,
  .ref-row.one-line>span:last-child,.ref-row.compact>span:last-child{font-size:var(--mobile-row-size)!important;font-weight:950!important}
  .blue-bracket,.ref-special:not(#sgbds) .blue-bracket,#sgbds .blue-bracket{font-size:var(--mobile-row-size)!important;font-weight:900!important;line-height:1.2!important}

  /* 分组/季节资料不再单独缩成小字。 */
  .target-split-top,.target-split-main{font-size:var(--mobile-row-size)!important;line-height:1.22!important}
  .target-split-main{flex-wrap:wrap!important;gap:4px 12px!important}
  .season-row{grid-template-columns:minmax(42px,14%) minmax(72px,22%) minmax(0,35%) minmax(88px,29%)!important;line-height:1.18!important;padding:5px 3px!important}
  .season-period,.season-result{font-size:var(--mobile-row-size)!important;font-weight:950!important}
  .season-pick{font-size:var(--mobile-row-size)!important;font-weight:900!important}
}

@media(max-width:350px){
  :root{--mobile-row-size:15px}
  .compact-record{grid-template-columns:minmax(0,30%) minmax(0,46%) minmax(0,24%)!important;padding-left:3px!important;padding-right:3px!important}
  .compact-record.short-row{grid-template-columns:minmax(0,36%) minmax(0,29%) minmax(0,35%)!important}
  .compact-record.numeric-row{grid-template-columns:minmax(0,29%) minmax(0,50%) minmax(0,21%)!important}
  .compact-record.structured-row{grid-template-columns:minmax(0,28%) minmax(0,51%) minmax(0,21%)!important}
  .ref-row.one-line,.ref-row.compact{grid-template-columns:minmax(0,37%) minmax(0,38%) minmax(0,25%)!important}
}

/* 手机资料正文统一字号补充：特殊模块不再各自忽大忽小。 */
@media(max-width:520px){
  .size-head,.size-main,
  .fortune-top>span,.fortune-top>em,.fortune-top>b,.fortune-num,
  .grid-head,.grid div,
  .head-title,.head-title b,.head15-line,.head15-line>span,.head15-line strong,
  .fourhead-top,.fourhead-main,
  .bold-top,.bold-main,.bold-main b,.bold-main strong,
  .two-tail-expert,.two-tail-grid>div,.two-tail-grid strong{
    font-size:var(--mobile-row-size)!important;
    line-height:1.24!important;
  }
  .size-head,.fortune-top>span,.fortune-top>em,.grid-head,.head-title,.fourhead-top,.bold-top,.two-tail-grid>div{font-weight:950!important}
  .size-main,.fortune-top>b,.fortune-num,.grid div,.head15-line,.fourhead-main,.bold-main,.two-tail-grid strong{font-weight:900!important}
  .size-row,.bold-row,.ref-head15{padding-top:6px!important;padding-bottom:6px!important}
  .head15-line{gap:6px!important;flex-wrap:wrap!important;padding:2px 3px!important}
  .fourhead-main,.bold-main{gap:6px!important;flex-wrap:wrap!important}
  .two-tail-grid>div{gap:7px!important}
}

/* ============================================================
   2026-08-09 TOP UI V4 — 手机首页按用户参考图重做
   顶部：俱乐部横幅 -> 8项蓝色快捷导航 -> 开奖卡 -> 全国资料横幅 -> 生肖资料馆。
   ============================================================ */
body{background:#f2f4f7!important}
.site-shell{background:#fff!important;box-shadow:0 0 18px rgba(0,0,0,.08)}
.top-ui{background:#fff;padding-top:0}
.club-banner-wrap{width:100%;padding:0;background:#fff;line-height:0;overflow:hidden}
.club-banner{display:block;width:100%;height:auto;aspect-ratio:1014/168;object-fit:cover}

/* 参考图式 4 x 2 蓝色胶囊导航 */
.nav2{padding:5px 7px 6px!important;background:#fff!important}
.nav2 ul{gap:6px!important;padding:3px 0!important}
.nav2 li{width:auto!important;flex:1 1 0!important;padding:0!important;min-width:0}
.nav2 a{
  min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:7px 2px!important;border-radius:22px!important;
  background:linear-gradient(180deg,#287df2 0%,#0865df 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 1px 2px rgba(0,85,190,.2)!important;
  color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1.05!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.nav2[data-fixed="fixed"]{padding-top:4px!important;padding-bottom:4px!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* 开奖卡：白底、四分类、期号/倒计时/历史记录三列 */
.top-draw{margin:0!important;padding:6px 9px 9px!important;border:0!important;border-top:1px solid #e7e7e7!important;border-bottom:1px solid #e6e6e6!important;background:#fff!important;box-shadow:none!important}
.top-draw .draw-tabs{display:flex!important;align-items:stretch!important;gap:8px!important;margin:0 0 7px!important;padding:0!important;overflow:visible!important}
.top-draw .draw-tab{
  min-width:0!important;min-height:49px!important;padding:4px 2px!important;margin:0!important;flex:1 1 0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:5px!important;background:#f0f0f0!important;color:#3f3f3f!important;
  box-shadow:inset 0 0 0 1px #ececec;font-size:15px!important;font-weight:700!important;line-height:1.13!important;text-align:center
}
.top-draw .draw-tab small{display:block;margin-top:2px;color:#666;font-size:11.5px!important;font-weight:500!important;line-height:1.05!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.top-draw .draw-tab.active{background:linear-gradient(#16c72d,#0eaf21)!important;color:#fff!important;box-shadow:inset 0 0 0 1px #0d9f1f!important}
.top-draw .draw-tab.active small{color:#fff!important}
.top-draw .draw-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;margin:3px 0 6px!important;font-size:16px!important;line-height:1.25!important}
.top-draw #drawTitle{min-width:0;color:#444;font-weight:600}
.top-draw #drawTitle b{font-weight:800}
.top-draw .history-btn{justify-self:end;padding:0!important;color:#ff2d2d!important;font-size:16px!important;font-weight:700!important;white-space:nowrap}
.top-draw .draw-balls{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr)) 18px minmax(0,1fr)!important;align-items:start!important;gap:4px!important;width:100%}
.top-draw .draw-ball{width:auto!important;min-width:0!important;text-align:center!important}
.top-draw .draw-ball b{height:58px!important;border-radius:5px!important;font-size:29px!important;font-weight:800!important;line-height:1!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.top-draw .draw-ball span{margin-top:2px!important;min-height:19px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#555!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important}
.top-draw .draw-plus{width:18px!important;align-self:center!important;margin-top:-10px!important;text-align:center!important;font-size:26px!important;line-height:1!important;font-weight:900!important;color:#111}
.top-draw .draw-foot{margin-top:7px!important;gap:8px!important;color:#ff3030!important;font-size:15px!important;font-weight:600!important;line-height:1.25!important}
.top-draw .draw-foot span{min-width:0;flex:1}
.top-draw .draw-foot button{flex:0 0 auto;padding:5px 10px!important;border-radius:4px!important;background:#ff9300!important;color:#fff!important;font-size:14px!important;font-weight:700!important}

/* 第二横幅 + 生肖资料馆 */
.home-showcase{padding:14px 8px 7px;background:#fff}
.national-banner{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.zodiac-hall{margin-top:14px;border:2px solid #e6ae36;border-radius:13px;background:#fffdf8;overflow:hidden;box-shadow:0 1px 2px rgba(145,91,0,.08)}
.zodiac-hall-title{min-height:68px;padding:8px 13px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;color:#c92222;background:linear-gradient(#fffdf8,#fff);border-bottom:1px solid #f0c75e}
.zodiac-hall-title b{text-align:center;font-size:27px;font-weight:900;letter-spacing:1px;white-space:nowrap}
.hall-seal{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:2px solid #ef665e;border-radius:50%;color:#d62c26;background:#fff9ed;font-size:23px;font-weight:900;box-shadow:inset 0 0 0 2px #ffe9cf}
.zodiac-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;padding:10px 9px 12px;background:#fff8df}
.zodiac-grid span{height:37px;display:flex;align-items:center;justify-content:center;border:2px solid #efa03a;border-radius:21px;background:linear-gradient(#da241d,#c60f0b);color:#fff;font-size:17px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 1px rgba(117,44,0,.08)}

/* 导航锚点在固定导航下方露出标题 */
.module{scroll-margin-top:94px}

@media(max-width:520px){
  .site-shell{box-shadow:none!important}
  .nav2{padding-left:6px!important;padding-right:6px!important}
  .nav2 ul{gap:5px!important}
  .nav2 a{min-height:37px!important;font-size:14px!important;font-weight:700!important}
  .top-draw{padding-left:8px!important;padding-right:8px!important}
  .top-draw .draw-tabs{gap:6px!important}
  .top-draw .draw-tab{min-height:48px!important;font-size:13px!important}
  .top-draw .draw-tab small{font-size:10.5px!important}
  .top-draw .draw-meta{grid-template-columns:minmax(0,1fr) auto!important;gap:4px!important;font-size:14px!important}
  .top-draw .history-btn{font-size:14px!important}
  .top-draw .draw-balls{grid-template-columns:repeat(6,minmax(0,1fr)) 15px minmax(0,1fr)!important;gap:3px!important}
  .top-draw .draw-ball b{height:54px!important;font-size:26px!important}
  .top-draw .draw-ball span{font-size:10.5px!important}
  .top-draw .draw-plus{width:15px!important;font-size:23px!important}
  .top-draw .draw-foot{font-size:14px!important}
  .home-showcase{padding:12px 7px 6px}
  .zodiac-hall{margin-top:12px;border-radius:12px}
  .zodiac-hall-title{min-height:64px;grid-template-columns:39px minmax(0,1fr) 39px;padding:7px 10px;gap:6px}
  .zodiac-hall-title b{font-size:24px!important;letter-spacing:.5px}
  .hall-seal{width:39px;height:39px;font-size:21px}
  .zodiac-grid{gap:7px 8px;padding:9px 8px 11px}
  .zodiac-grid span{height:35px;font-size:16px}
}

@media(max-width:390px){
  .nav2 a{font-size:12.5px!important}
  .top-draw .draw-tab{font-size:12px!important}
  .top-draw .draw-tab small{font-size:9.5px!important}
  .top-draw .draw-meta{font-size:12.5px!important}
  .top-draw .history-btn{font-size:12.5px!important}
  .top-draw .draw-ball b{height:48px!important;font-size:23px!important}
  .top-draw .draw-ball span{font-size:9.5px!important}
  .top-draw .draw-foot{font-size:12.5px!important}
  .zodiac-hall-title{grid-template-columns:36px minmax(0,1fr) 36px}
  .zodiac-hall-title b{font-size:21px!important}
  .hall-seal{width:36px;height:36px;font-size:19px}
  .zodiac-grid{gap:6px}
  .zodiac-grid span{height:33px;font-size:15px}
}


/* ===== 2026-08-09 开奖卡片 UI v6：只改展示，不改开奖接口/同步逻辑 ===== */
.top-draw{
  border:1px solid #e2e2e2!important;
  border-radius:0 0 8px 8px!important;
  padding:8px 10px 10px!important;
  background:#fff!important;
}
.top-draw .draw-meta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  column-gap:18px!important;
  margin:4px 0 8px!important;
  font-size:20px!important;
  line-height:1.18!important;
}
.top-draw #drawTitle{
  min-width:0!important;
  color:#3f3f3f!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.top-draw #drawTitle b{font-weight:500!important;color:red!important}
.top-draw .draw-clock{
  color:#ff1717!important;
  font-size:20px!important;
  font-weight:500!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.2px!important;
  white-space:nowrap!important;
}
.top-draw .history-btn{
  justify-self:end!important;
  padding:0!important;
  color:#ff1717!important;
  background:none!important;
  font-size:20px!important;
  font-weight:500!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.top-draw .draw-balls{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr)) 28px minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
}
.top-draw .draw-ball{
  width:auto!important;
  min-width:0!important;
  min-height:92px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 4px 7px!important;
  border-radius:5px!important;
  overflow:hidden!important;
  text-align:center!important;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)!important;
}
.top-draw .draw-ball.red{background:#ff0505!important}
.top-draw .draw-ball.blue{background:#1010f5!important}
.top-draw .draw-ball.green{background:#0bb53b!important}
.top-draw .draw-ball b,
.top-draw .draw-ball.red b,
.top-draw .draw-ball.blue b,
.top-draw .draw-ball.green b{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:800!important;
  line-height:1.02!important;
  box-shadow:none!important;
}
.top-draw .draw-ball span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:0!important;
  margin:6px auto 0!important;
  padding:2px 7px!important;
  border-radius:2px!important;
  background:#fff!important;
  color:#444!important;
  font-size:15px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.top-draw .draw-plus{
  width:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  margin:0!important;
  color:#111!important;
  font-size:42px!important;
  font-weight:800!important;
  line-height:1!important;
}
.top-draw .draw-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:9px!important;
  color:#ff2424!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
.top-draw .draw-foot span{min-width:0!important;flex:1!important}
.top-draw .draw-foot button{
  flex:0 0 auto!important;
  padding:4px 8px!important;
  border:0!important;
  border-radius:5px!important;
  background:#ff9300!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.1!important;
}

@media(max-width:520px){
  .top-draw{padding:7px 6px 8px!important}
  .top-draw .draw-tabs{gap:5px!important;margin-bottom:6px!important}
  .top-draw .draw-meta{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    column-gap:7px!important;
    margin:3px 0 6px!important;
    font-size:clamp(13px,4.05vw,17px)!important;
  }
  .top-draw #drawTitle{font-size:inherit!important;letter-spacing:-.25px!important}
  .top-draw .draw-clock{font-size:clamp(13px,4.05vw,17px)!important}
  .top-draw .history-btn{font-size:clamp(13px,4.05vw,17px)!important}
  .top-draw .draw-balls{
    grid-template-columns:repeat(6,minmax(0,1fr)) 15px minmax(0,1fr)!important;
    gap:3px!important;
  }
  .top-draw .draw-ball{min-height:66px!important;padding:5px 1px 5px!important;border-radius:4px!important}
  .top-draw .draw-ball b,
  .top-draw .draw-ball.red b,
  .top-draw .draw-ball.blue b,
  .top-draw .draw-ball.green b{font-size:clamp(22px,7.1vw,29px)!important}
  .top-draw .draw-ball span{margin-top:4px!important;padding:2px 3px!important;font-size:clamp(9px,2.75vw,11.5px)!important}
  .top-draw .draw-plus{width:15px!important;font-size:clamp(25px,7.8vw,32px)!important}
  .top-draw .draw-foot{margin-top:7px!important;gap:5px!important;font-size:clamp(12px,3.7vw,15px)!important}
  .top-draw .draw-foot button{padding:4px 6px!important;font-size:clamp(12px,3.6vw,14px)!important}
}
@media(max-width:350px){
  .top-draw .draw-meta{column-gap:4px!important;font-size:12px!important}
  .top-draw .draw-clock,.top-draw .history-btn{font-size:12px!important}
  .top-draw .draw-balls{grid-template-columns:repeat(6,minmax(0,1fr)) 12px minmax(0,1fr)!important;gap:2px!important}
  .top-draw .draw-ball{min-height:60px!important}
  .top-draw .draw-ball b,.top-draw .draw-ball.red b,.top-draw .draw-ball.blue b,.top-draw .draw-ball.green b{font-size:21px!important}
  .top-draw .draw-ball span{font-size:8.5px!important;padding:2px!important}
  .top-draw .draw-plus{width:12px!important;font-size:24px!important}
}


/* ===== 2026-08-09 刷新稳定 v7：不闪旧期开奖、不跳历史期 ===== */
.top-draw .draw-ball.draw-ball--loading{
  background:#f1f2f4!important;
  box-shadow:none!important;
}
.top-draw .draw-ball.draw-ball--loading b{
  color:#a7abb2!important;
}
.top-draw .draw-ball.draw-ball--loading span{
  color:#8f949b!important;
  background:#fff!important;
}
.modules-loading{
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top:1px solid #eee;
  background:#fff;
  color:#999;
  font-size:16px;
  font-weight:700;
}


/* 2026-08-09 v8：仅修界面层。快捷导航保持在文档流中，不覆盖开奖分类按钮。 */
.nav2[data-fixed="fixed"]{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  z-index:50!important;
}
.top-draw .draw-tabs,.top-draw .draw-tab{pointer-events:auto!important;}
.top-draw .draw-tab{cursor:pointer!important;touch-action:manipulation!important;}

/* ===== v11：资料铺满图片设计 + 删除历史回测标记 ===== */
.top-draw .draw-tab{
  border:0!important;
  font-family:inherit!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.top-draw.is-syncing .draw-tab{opacity:.9}
.top-draw .draw-foot button:disabled{opacity:.72!important;cursor:wait!important}
.module-ad-bar{
  margin:0!important;
  padding:8px 12px!important;
  border-top:1px solid #f0d27b!important;
  background:linear-gradient(90deg,#fffaf0,#fff2bf,#fffaf0)!important;
  color:#b22222!important;
  text-align:center!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
.user-photo-promo{
  margin:10px 0 14px!important;
  border:1px solid #d4ac55!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#111!important;
  box-shadow:0 4px 16px rgba(0,0,0,.14)!important;
}
.user-photo-frame{position:relative!important}
.user-photo-promo img{
  display:block!important;
  width:100%!important;
  min-height:460px!important;
  max-height:none!important;
  object-fit:cover!important;
  background:#111!important;
}
.user-photo-overlay{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  padding:12px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.06) 20%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.72) 100%)!important;
}
.user-photo-topline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.promo-issue,.promo-tag{
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.48)!important;
  color:#fff!important;
  font-weight:800!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(2px)!important;
}
.promo-tag{background:rgba(186,12,12,.82)!important}
.user-photo-hero{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:auto 0!important;
}
.promo-big-title{
  font-size:48px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:2px!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.7)!important;
}
.promo-sub-title{
  display:inline-flex!important;
  padding:8px 16px!important;
  border-radius:16px!important;
  color:#fff8cf!important;
  font-size:24px!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  background:rgba(20,20,20,.46)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  text-shadow:0 1px 6px rgba(0,0,0,.7)!important;
}
.user-photo-panel{
  background:rgba(15,15,15,.48)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  padding:12px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(3px)!important;
}
.user-photo-data-row{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1.38!important;
  text-shadow:0 1px 4px rgba(0,0,0,.55)!important;
}
.user-photo-data-row + .user-photo-data-row{margin-top:4px!important}
.user-photo-data-row.big{font-size:22px!important}
.user-photo-data-row span{color:#ffe16b!important;flex:0 0 auto!important}
.user-photo-data-row strong{min-width:0!important;text-align:right!important;overflow-wrap:anywhere!important}
.user-photo-mini-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
}
.user-photo-mini-grid div{
  padding:9px 10px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
  text-align:center!important;
}
.user-photo-mini-grid label{display:block!important;color:#ffe16b!important;font-size:13px!important;font-weight:700!important;margin-bottom:2px!important}
.user-photo-mini-grid b{display:block!important;font-size:18px!important;line-height:1.2!important}
.user-photo-promo.theme-emerald .promo-sub-title{background:rgba(0,95,82,.55)!important}
.user-photo-promo.theme-ruby .promo-sub-title{background:rgba(128,7,23,.58)!important}
.user-photo-promo.theme-gold .promo-sub-title{background:rgba(120,86,0,.58)!important}
.user-photo-promo.theme-violet .promo-sub-title{background:rgba(71,22,115,.58)!important}
.user-photo-promo.theme-olive .promo-sub-title{background:rgba(63,89,14,.62)!important}
@media(max-width:520px){
  .module-ad-bar{padding:7px 8px!important;font-size:14px!important}
  .user-photo-promo{margin:7px 6px 10px!important;border-radius:10px!important}
  .user-photo-promo img{min-height:380px!important}
  .user-photo-overlay{padding:9px!important}
  .promo-issue,.promo-tag{padding:4px 8px!important;font-size:12px!important}
  .promo-big-title{font-size:34px!important}
  .promo-sub-title{padding:6px 12px!important;font-size:18px!important}
  .user-photo-panel{padding:9px!important;border-radius:14px!important}
  .user-photo-data-row{gap:6px!important;font-size:15px!important;letter-spacing:-.2px!important}
  .user-photo-data-row.big{font-size:17px!important}
  .user-photo-mini-grid{gap:6px!important;margin-top:8px!important}
  .user-photo-mini-grid b{font-size:15px!important}
}
@media(max-width:360px){
  .promo-big-title{font-size:30px!important}
  .promo-sub-title{font-size:16px!important}
  .user-photo-data-row{font-size:13.5px!important}
  .user-photo-data-row.big{font-size:15px!important}
  .user-photo-mini-grid label{font-size:12px!important}
  .user-photo-mini-grid b{font-size:14px!important}
}

/* ===== v12: 开奖逐号摇出 + 刷新位置稳定 ===== */
.top-draw .draw-ball.draw-ball--rolling{
  background:#eceff2!important;
  box-shadow:inset 0 0 0 1px #d9dde2!important;
}
.top-draw .draw-ball.draw-ball--rolling b{
  color:#666!important;
  animation:wzwBallRoll .58s ease-in-out infinite alternate!important;
}
.top-draw .draw-ball.draw-ball--rolling span{
  color:#777!important;
  background:#fff!important;
}
@keyframes wzwBallRoll{
  from{transform:translateY(-2px) rotate(-3deg);opacity:.55}
  to{transform:translateY(2px) rotate(3deg);opacity:1}
}
.user-photo-promo img{aspect-ratio:var(--promo-ratio,auto)!important}


/* ===== v13: 模块5/39图片资料 + 5套财经快报卡片 ===== */
.user-photo-promo.theme-aqua .promo-sub-title{background:rgba(0,94,150,.62)!important}
.user-photo-promo.theme-ruby .promo-sub-title{background:rgba(150,0,30,.62)!important}
.finance-promo{margin:10px 0 14px;padding:20px 24px;border:3px solid #d92332;border-radius:14px;background:#fff;color:#111;box-shadow:0 3px 13px rgba(0,0,0,.08)}
.finance-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d7192d;font-weight:900}.finance-head b{font-size:34px}.finance-head span{font-size:30px}.finance-rule{height:2px;background:#d7192d;margin:14px 0 18px}
.finance-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}.finance-zodiac-box{padding:18px 16px;border-radius:9px;background:#fff0b8;text-align:center}.finance-zodiac-box h3,.finance-right h3{margin:0 0 12px;color:#d7192d;font-size:25px}.finance-zodiac-box strong{font-size:28px;word-spacing:8px;letter-spacing:2px}.finance-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:15px}.finance-mini-grid div{padding:9px 5px;border-radius:5px;background:#f4f4f4;text-align:center}.finance-mini-grid small{display:block;color:#666;font-size:13px;font-weight:800}.finance-mini-grid b{display:block;margin-top:1px;color:#d7192d;font-size:22px;line-height:1.05}.finance-right{padding:16px;border:2px solid #f3aa24;border-radius:9px;background:#fff9ed;text-align:center}.finance-balls{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 18px;padding:12px 8px}.finance-balls i{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;background:#ffb52a;color:#111;font-size:25px;font-style:normal;font-weight:900;box-shadow:inset 0 0 0 2px #ddd}
.finance-poem{display:flex;flex-direction:column;align-items:center;margin-top:18px}.finance-poem b{color:#d7192d;font-size:25px}.finance-poem span{margin-top:2px;text-align:center;font-size:19px;font-weight:800;line-height:1.3}.finance-wine{border-color:#8e1020;background:#fff8f6}.finance-wine .finance-head,.finance-wine .finance-zodiac-box h3,.finance-wine .finance-right h3,.finance-wine .finance-mini-grid b,.finance-wine .finance-poem b{color:#8e1020}.finance-wine .finance-rule{background:#8e1020}.finance-wine .finance-balls i{background:#d94454;color:#fff}.finance-navy{border-color:#17365d;background:#f8fbff}.finance-navy .finance-head,.finance-navy .finance-zodiac-box h3,.finance-navy .finance-right h3,.finance-navy .finance-mini-grid b,.finance-navy .finance-poem b{color:#17365d}.finance-navy .finance-rule{background:#17365d}.finance-navy .finance-balls i{background:#2d72b8;color:#fff}.finance-gold{border-color:#b68718;background:#fffdf3}.finance-gold .finance-head,.finance-gold .finance-zodiac-box h3,.finance-gold .finance-right h3,.finance-gold .finance-mini-grid b,.finance-gold .finance-poem b{color:#9b6800}.finance-gold .finance-rule{background:#b68718}.finance-gold .finance-balls i{background:#d99a13}.finance-jade{border-color:#178563;background:#f6fffb}.finance-jade .finance-head,.finance-jade .finance-zodiac-box h3,.finance-jade .finance-right h3,.finance-jade .finance-mini-grid b,.finance-jade .finance-poem b{color:#087352}.finance-jade .finance-rule{background:#178563}.finance-jade .finance-balls i{background:#1cae82;color:#fff}
@media(max-width:520px){.finance-promo{margin:8px 6px 11px;padding:13px 12px;border-width:2px;border-radius:10px}.finance-head b{font-size:23px}.finance-head span{font-size:20px}.finance-rule{margin:9px 0 11px}.finance-layout{grid-template-columns:1fr;gap:10px}.finance-zodiac-box{padding:11px 8px}.finance-zodiac-box h3,.finance-right h3{font-size:19px;margin-bottom:7px}.finance-zodiac-box strong{font-size:21px;word-spacing:4px;letter-spacing:1px}.finance-mini-grid{gap:4px;margin-top:8px}.finance-mini-grid div{padding:7px 3px}.finance-mini-grid small{font-size:11px}.finance-mini-grid b{font-size:17px}.finance-right{padding:10px}.finance-balls{gap:11px 10px;padding:5px 4px}.finance-balls i{font-size:20px}.finance-poem{margin-top:10px}.finance-poem b{font-size:19px}.finance-poem span{font-size:16px}.user-photo-promo img{min-height:430px!important}}
@media(max-width:360px){.finance-head b{font-size:20px}.finance-head span{font-size:18px}.finance-zodiac-box strong{font-size:18px}.finance-balls i{font-size:17px}.finance-poem span{font-size:14px}}
/* v14: 刷新原位锁定。仅在浏览器整页刷新恢复坐标的极短时间内隐藏页面，避免肉眼看到先跳首页再跳回来。 */


/* ===== 2026-08-09 逐号同步最终修复：只有“下一颗”摇动，后续号码等待；新号码弹入 ===== */
.top-draw .draw-ball.draw-ball--waiting{
  background:#f1f2f4!important;
  box-shadow:inset 0 0 0 1px #e0e2e5!important;
}
.top-draw .draw-ball.draw-ball--waiting b{color:#777!important;animation:none!important}
.top-draw .draw-ball.draw-ball--waiting span{color:#888!important;background:#fff!important}
.top-draw .draw-ball.draw-ball--revealed b{animation:wzwBallReveal .46s cubic-bezier(.2,.9,.25,1.25) both}
@keyframes wzwBallReveal{
  0%{transform:scale(.72);opacity:.25}
  65%{transform:scale(1.13);opacity:1}
  100%{transform:scale(1);opacity:1}
}

/* ===== v19 按参考图一统一开奖时间/日期/倒计时展示 ===== */
.top-draw .draw-clock{color:#ff1717!important;font-variant-numeric:tabular-nums!important}
.top-draw .draw-foot #nextTime{color:#ff2424!important;white-space:normal!important}
@media(max-width:520px){
  .top-draw .draw-meta{grid-template-columns:minmax(0,1fr) auto auto!important}
  .top-draw .draw-clock{font-size:clamp(13px,4.05vw,17px)!important}
  .top-draw .draw-foot #nextTime{font-size:clamp(12px,3.7vw,15px)!important;line-height:1.25!important}
}

/* ===== v20：手机刷新绝不跳位 + 开奖卡片更新不触发滚动锚定 ===== */
html{scroll-behavior:auto!important}
body{overflow-anchor:auto!important}
.top-draw{overflow-anchor:none!important}
.top-draw .draw-meta{min-height:24px!important}
.top-draw .draw-foot{min-height:24px!important}
.top-draw #refreshBtn{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
@media(max-width:520px){
  .top-draw .draw-meta{min-height:21px!important}
  .top-draw .draw-foot{min-height:20px!important}
}

/* ===== v25：首页开奖文字缩小 + 手机端自适应 ===== */
.top-draw .draw-meta{
  font-size:14px!important;
  line-height:1.2!important;
}
.top-draw #drawTitle{
  font-size:14px!important;
  line-height:1.2!important;
}
.top-draw .draw-clock,
.top-draw .history-btn{
  font-size:14px!important;
  line-height:1.15!important;
}
.top-draw .draw-foot,
.top-draw .draw-foot #nextTime{
  font-size:13px!important;
  line-height:1.2!important;
}

@media(max-width:520px){
  .top-draw{padding:6px 5px 7px!important}
  .top-draw .draw-meta{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    column-gap:3px!important;
    font-size:clamp(10px,3.0vw,12px)!important;
    min-height:18px!important;
    margin:2px 0 5px!important;
  }
  .top-draw #drawTitle{
    font-size:clamp(10px,3.0vw,12px)!important;
    letter-spacing:-.35px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .top-draw .draw-clock,
  .top-draw .history-btn{
    font-size:clamp(10px,2.9vw,12px)!important;
    white-space:nowrap!important;
  }
  .top-draw .draw-foot{
    margin-top:5px!important;
    min-height:18px!important;
    gap:4px!important;
    font-size:clamp(10px,2.9vw,12px)!important;
  }
  .top-draw .draw-foot #nextTime{
    font-size:clamp(10px,2.9vw,12px)!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .top-draw .draw-foot button{
    padding:3px 6px!important;
    font-size:clamp(10px,2.8vw,12px)!important;
  }
}

@media(max-width:390px){
  .top-draw .draw-meta{
    font-size:10px!important;
    column-gap:2px!important;
  }
  .top-draw #drawTitle,
  .top-draw .draw-clock,
  .top-draw .history-btn{
    font-size:10px!important;
  }
  .top-draw .draw-foot,
  .top-draw .draw-foot #nextTime{
    font-size:9.5px!important;
  }
}