:root{--orange:#ff8411;--blue:#1c7abd;--red:#e35858;--text:#5f5f5f;--line:#e5e5e5;--pale:#e0e0ea;--road-blue:#6092e9;--road-red:#dd4f4f;--yellow:#fec808}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:#efefef;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"Segoe UI",Arial,Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
html::-webkit-scrollbar{width:0}button,input,select{font:inherit}button{border:0;background:none;color:inherit;padding:0;cursor:pointer}p{margin:0}
#app{width:100%;min-height:100vh;background:#fff;overflow:hidden}.hidden{display:none!important}.desktop-today-stats{display:none}
.topbar{height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--orange);color:#fff}
.brand{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-decoration:none}
.latest-card{font-size:3.733vw;padding:2vw;margin-bottom:2vw;background:#fff;box-shadow:2px 2px 3px #c4c0c0}.latest-title{height:7vw;display:flex;align-items:center}.accent{color:var(--orange)}
.balls{width:100%}.ball-row{display:flex;justify-content:space-between;margin-top:1.333vw;height:7.2vw;line-height:7.2vw}.ball{position:relative;width:7.2vw;height:7.2vw;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3.467vw;text-shadow:0 1px 0 rgba(0,0,0,.53);background:var(--blue);animation:flip .35s ease both}.ball.red{background:var(--red)}.ball.special:before{content:"";position:absolute;inset:-.267vw;border:.667vw solid var(--yellow);border-radius:50%}@keyframes flip{from{transform:rotateY(90deg);opacity:.25}to{transform:none;opacity:1}}
.group-row{height:7.2vw;margin-top:1.333vw;display:flex;justify-content:space-between}.group-cell{width:26.667vw;display:flex;align-items:center;font-size:3.467vw}.group-cell:nth-child(2){justify-content:center}.group-cell:nth-child(3){justify-content:flex-end}.fan-dots{display:flex}.fan-dot{width:3.333vw;height:3.333vw;border-radius:50%;margin-left:1.333vw;background:var(--orange)}
.countdown-row{height:7.067vw;display:flex;align-items:center;justify-content:space-between}.countdown-copy{white-space:nowrap}.progress{margin:0 2vw;overflow:hidden;flex:1;height:4px;border-radius:6px;background:#a3a1a0}.progress span{display:block;height:100%;background:var(--orange)}.countdown{color:var(--orange);font-size:4vw;font-variant-numeric:tabular-nums;white-space:nowrap}.date-button{position:relative;margin-left:2vw;width:26.667vw;height:5.867vw;border-radius:.8vw;display:flex;align-items:center;background:var(--orange);color:#fff;font-size:3.2vw}.date-button span{margin-left:2.4vw}.date-button:after,.road-date:after{content:"";position:absolute;right:2vw;top:42%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}.date-button input,.road-date input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.latest-bingo-strip{display:none}
.main-tabs{position:relative;height:8vw;display:flex;background:#fff;border-bottom:1px solid var(--line)}.main-tab{flex:1;border-left:1px solid var(--line);font-size:3.2vw;line-height:8vw}.main-tab:first-child{border-left:0}.main-tab.menu-open{background:#cfcfcf}.main-tab.active{color:inherit}.summary-menu{position:absolute;z-index:12;left:0;right:0;top:8vw;padding:2vw 0;background:#cfcfcf;border-radius:0 0 10px 10px}.summary-menu button{margin-left:4.667vw;width:24vw;height:8vw;line-height:8vw;background:#fff;border:1px solid #d1d1d1;border-radius:6px;font-size:3.2vw}
.panel{display:none;background:#fff}.panel.active{display:block}.filter-row{display:flex;padding:2vw;background:var(--pale)}.filter-row button{flex:1;height:6.667vw;margin-right:2.667vw;border-radius:3px;background:#fff;font-size:3.2vw}.filter-row button:last-child{margin-right:0}.filter-row button.active{background:var(--orange);color:#fff}
.issue-drawer{height:10vw;display:flex;padding:1.5vw 2vw;gap:1.3vw;background:#f6f6f6;border-bottom:1px solid var(--line)}.issue-drawer input{flex:1;min-width:0;border:1px solid #ddd;border-radius:3px;padding:0 2vw}.issue-drawer button{width:14vw;background:var(--orange);color:#fff;border-radius:3px}.issue-drawer button:last-child{background:#aaa}
.history-head,.history-item{display:flex;width:100%}.history-head{height:10.667vw;background:var(--orange);color:#fff;font-size:4vw}.history-head>div{display:flex;align-items:center;justify-content:center}.history-head .col-issue{width:13.333vw}.history-head .col-result{flex:1}.history-head .col-special{width:14.667vw;font-size:3.2vw}
.history-item{height:14.667vw;border-bottom:1px solid var(--line)}.issue-cell{width:13.333vw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3.2vw}.issue-cell strong{font-weight:400}.result-cell{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center}.mini-row{height:5.333vw;margin-top:1.333vw;display:flex;justify-content:space-between}.mini-row:first-child{margin-top:0}.mini-ball{width:5.333vw;height:5.333vw;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:2.667vw;text-shadow:0 1px 0 rgba(0,0,0,.45);position:relative}.mini-ball.red{background:var(--red)}.mini-ball.special:before{content:"";position:absolute;inset:-.18vw;border:.45vw solid var(--yellow);border-radius:50%}.special-cell{width:14.667vw;display:flex;align-items:center;justify-content:center}.special-cell .mini-ball{width:5.333vw;height:5.333vw}
.number-item{position:relative;display:grid;grid-template-columns:13.333vw minmax(0,1fr) 14.667vw;grid-template-rows:14.667vw 11.2vw;height:25.867vw;border-bottom:0}.number-item:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:2px;background:#d2d2d2;pointer-events:none}.number-issue{grid-column:1;grid-row:1/3;width:auto;height:100%;border-right:1px solid var(--line)}.number-results{grid-column:2;grid-row:1;width:auto}.number-special{grid-column:3;grid-row:1;width:auto;border-left:1px solid var(--line)}.bingo-strip{grid-column:2/4;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}.bingo-cell{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.533vw;border-left:1px solid var(--line);background:#fff}.bingo-cell:first-child{border-left:0}.bingo-name{font-size:2.667vw;line-height:1;white-space:nowrap}.bingo-result{width:5.333vw;height:5.333vw;display:block;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:transparent;font-size:0}.bingo-result.v1{background-image:url('/img/fan-1.png')}.bingo-result.v2{background-image:url('/img/fan-2.png')}.bingo-result.v3{background-image:url('/img/fan-3.png')}.bingo-result.v4{background-image:url('/img/fan-4.png')}.bingo-cell:active{background:#f4f4f4}
.derived-head .col-result{display:flex}.derived-head .col-result span{flex:1;text-align:center}.derived-row .derived-cell{flex:1;padding-right:.8vw;display:flex;align-items:center;justify-content:center}.derived-label{width:13.333vw;height:6.667vw;line-height:6.667vw;flex:0 0 13.333vw;margin:0;color:#666;font-size:3.733vw;font-weight:700;text-align:center}.derived-value,.derived-text{width:6.667vw;height:6.667vw;min-width:0;flex:0 0 6.667vw;margin:0 .667vw;padding:0;display:flex;align-items:center;justify-content:center;font-size:3.733vw;font-weight:700}.derived-value{border-radius:50%;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:transparent;text-shadow:none}.derived-value.v1{background-image:url('/img/fan-1.png')}.derived-value.v2{background-image:url('/img/fan-2.png')}.derived-value.v3{background-image:url('/img/fan-3.png')}.derived-value.v4{background-image:url('/img/fan-4.png')}.derived-value.fade{opacity:.2}.derived-text{border-radius:3px;background:#0089ff;color:#fff}.derived-text.redish{background:#ff7300}.derived-text.fade{opacity:.2}
.dragon-board{width:100%;background:#fff}.dragon-title{height:10.667vw;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;background:var(--orange);color:#fff}.dragon-title strong{font-size:4.533vw;font-weight:500}.dragon-title span{font-size:2.933vw}.dragon-grid{display:grid;grid-template-columns:17vw repeat(4,minmax(0,1fr))}.dragon-head{height:9.333vw;border-bottom:1px solid var(--line)}.dragon-head>div{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);font-size:3.733vw}.dragon-head>div:first-child{border-left:0}.dragon-row{height:16.6vw;border-bottom:1px solid var(--line)}.dragon-label,.dragon-cell{display:flex;align-items:center;justify-content:center}.dragon-label{font-size:3.733vw}.dragon-cell{min-width:0;flex-direction:column;gap:.8vw;border-left:1px solid var(--line)}.dragon-badge{width:8vw;height:8vw;display:block;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:transparent;font-size:0}.dragon-badge.v1{background-image:url('/img/fan-1.png')}.dragon-badge.v2{background-image:url('/img/fan-2.png')}.dragon-badge.v3{background-image:url('/img/fan-3.png')}.dragon-badge.v4{background-image:url('/img/fan-4.png')}.dragon-count{font-size:3.2vw;line-height:1;white-space:nowrap}.dragon-count.zero{color:#888}.dragon-count.normal{color:#222}.dragon-count.five{color:#229b43}.dragon-count.six{color:#ff7a00;font-weight:700}.dragon-count.long{color:#e53935;font-weight:700}.dragon-foot{height:12vw;display:flex;align-items:center;justify-content:center;color:#777;font-size:3.2vw}
.load-more{display:block;width:100%;height:10.667vw;line-height:10.667vw;text-align:center;font-size:2.667vw;color:#888;background:#fff}.load-more:disabled{opacity:.6}
.conditional-filtering{height:10.667vw;padding:0 2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:3.467vw}.conditional-filtering .title{font-size:3.733vw}.conditional-filtering .day{width:13.333vw;line-height:5.333vw;border:1px solid var(--line);border-radius:2.667vw}.conditional-filtering .day.active{background:var(--orange);border-color:var(--orange);color:#fff}.road-date{position:relative;width:25.333vw;line-height:5.333vw;text-indent:1.333vw;border:1px solid var(--line);border-radius:4px;white-space:nowrap;font-size:3.467vw}.road-title2{padding:2vw;font-size:3.733vw}.road-buttons{height:8.4vw;white-space:nowrap;margin-top:2.6vw}.road-buttons button{width:15.5vw;margin-left:2vw;line-height:6.4vw;border:1px solid var(--line);border-radius:.667vw;font-size:3.2vw}.road-buttons button.active{color:var(--orange);border-color:var(--orange);background:linear-gradient(135deg,transparent 0 82%,var(--orange) 82%)}.road-buttons .rule-button{float:right;margin-right:2vw}.rule-note{padding:2vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);line-height:1.5;font-size:3.2vw}.road-section{background:#fff}.road-counts{height:8vw;line-height:8vw;padding:0 2vw;font-size:3.2vw;white-space:nowrap}.road-counts span{margin-right:.8vw}.road-counts b{color:var(--orange);font-weight:400}.bead-viewport{width:100%;overflow-x:auto;overflow-y:hidden;background:#efefef}.bead-grid{display:flex;width:max-content;min-width:100%}.bead-col{width:4.267vw}.bead-cell{width:4.267vw;height:4.267vw;border:1px solid var(--line)}.bead-cell span{display:block;width:4vw;height:4vw;line-height:4vw;text-align:center;border-radius:50%;font-size:2.933vw;color:#efefef}.bead-cell .red{background:var(--road-red);color:#fff}.bead-cell .blue{background:var(--road-blue);color:#fff}
.trend-head{height:10.667vw;padding:0 2.667vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:4vw}.trend-select{position:relative;width:26.667vw;height:6.667vw;border:1px solid var(--line);border-radius:3.333vw;overflow:hidden}.trend-select:after{content:"";position:absolute;right:2.2vw;top:40%;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #aaa;pointer-events:none}.trend-select select{width:100%;height:100%;border:0;outline:0;appearance:none;background:#fff;color:var(--text);padding-left:2.667vw;font-size:3.733vw}.chart-wrap{height:50.667vw;background:#fff;padding:2vw;overflow:hidden}.chart-wrap canvas{width:100%;height:100%}
.today-head{height:10.667vw;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);font-size:4vw}.today-title,#settingsButton{display:flex;align-items:center;white-space:nowrap}.help-icon,.gear-icon{width:5.333vw;height:5.333vw;margin-right:1.333vw;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.help-dot{fill:currentColor;stroke:none}.gear-icon{width:5.867vw;height:5.867vw;stroke-width:1.5}#todayPanel{min-height:calc(100vh - 40px);background:#efefef}.today-table{display:flex;width:100%;background:#fff}.today-left{width:10.6vw}.today-right{width:86.667vw;overflow-x:auto}.today-table table{width:100%;border-collapse:collapse;background:#fff}.today-table th,.today-table td{border:1px solid var(--line);text-align:center;font-weight:400}.today-table th{background:#efefef}.today-left th{height:15.333vw;font-size:3.733vw;border-right:0}.today-left td{height:8vw;border-right:0}.today-left .fan-badge{margin:auto;width:5.333vw;height:5.333vw;border:0;border-radius:50%;display:block;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:transparent;font-size:0}.fan-badge.v1{background-image:url('/img/fan-1.png')}.fan-badge.v2{background-image:url('/img/fan-2.png')}.fan-badge.v3{background-image:url('/img/fan-3.png')}.fan-badge.v4{background-image:url('/img/fan-4.png')}.today-right table{min-width:86.667vw}.today-right th{height:7.667vw;min-width:8vw;font-size:3.2vw}.today-right td{height:8vw;min-width:6.4vw;font-size:3.2vw}.stat-red{color:#e0373e}.stat-blue{color:#3777e0}.stat-green{color:#37a853}
.modal{position:fixed;inset:0;z-index:100}.modal-mask{position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,.45)}.rule-dialog,.settings-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:93.333vw;padding:10.667vw 2.667vw;background:#fff;border-radius:1.333vw;font-size:4.533vw}.rule-dialog p{margin-bottom:2.667vw}.settings-dialog{padding:4.267vw 3vw;font-size:3.733vw}.settings-dialog h3{margin:0 0 3vw;font-size:4.533vw;font-weight:400;text-align:left}.settings-dialog>p{margin-bottom:1.5vw}.setting-line{margin-top:4vw;display:flex;align-items:center;gap:2vw;white-space:nowrap}.setting-line input{width:10vw;height:6vw;text-align:center;border:1px solid #ddd;border-radius:1.333vw;background:#fff;color:#333}.color-chip{width:4.933vw;height:4.933vw;flex:0 0 auto}.color-chip.red{background:#e0373e}.color-chip.blue{background:#3777e0}.color-chip.green{background:#37e053}.settings-actions{display:flex;justify-content:space-between;margin-top:6vw}.settings-actions button{width:43.333vw;height:7.067vw;border-radius:.8vw;color:#fff;background:#beb7b7}.settings-actions button:last-child{background:#e95555}.bingo-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88vw;max-width:420px;padding:5.333vw 4.267vw 4.267vw;background:#fff;border-radius:1.6vw;box-shadow:0 3px 18px rgba(0,0,0,.22);font-size:3.467vw}.dialog-close{position:absolute;right:2.667vw;top:1.333vw;width:7vw;height:7vw;color:#888;font-size:6.4vw;line-height:7vw}.bingo-dialog h3{margin:0 8vw 4vw 0;color:#444;font-size:4.267vw;font-weight:500}.calc-section{margin-top:3.2vw}.calc-label{margin-bottom:1.333vw;color:#888;font-size:3.2vw}.calc-copy{line-height:1.55;color:#555;word-break:break-word}.calc-formula{padding:2.667vw;border-radius:1.067vw;background:#f4f4f4;color:#333;line-height:1.5;word-break:break-word;font-variant-numeric:tabular-nums}.calc-result{margin:3.2vw 0;padding:2.667vw 3.2vw;display:flex;align-items:center;justify-content:space-between;border-left:1.067vw solid var(--orange);background:#fff6ec}.calc-result strong{color:var(--orange);font-size:4.267vw;font-weight:500}.calc-rule{margin-top:4vw;padding-top:3.2vw;border-top:1px solid var(--line);color:#777;font-size:3.2vw;line-height:1.6}
.empty-state{text-align:center;padding:10.667vw 2vw;color:#aaa;font-size:3.2vw}.loading{padding:7vw 0;text-align:center}.toast{position:fixed;left:50%;bottom:14vw;z-index:120;transform:translate(-50%,15px);padding:2.3vw 4vw;border-radius:5px;background:rgba(0,0,0,.75);color:#fff;font-size:3.2vw;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:800px){.topbar{height:40px}.brand{font-size:14px}}
@media(min-width:1000px){
  html,body{background:#eef3f8}
  body{padding:16px 0 32px}
  #app{width:calc(100% - 32px);max-width:1200px;min-height:0;margin:0 auto;background:transparent;overflow:visible}
  .topbar{height:54px;margin-bottom:14px;border-radius:7px;background:var(--orange);box-shadow:0 3px 12px rgba(90,110,130,.12)}
  .brand{font-size:18px}
  main{display:grid;grid-template-columns:minmax(340px,390px) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:16px;align-items:start}
  .latest-card{grid-column:1;grid-row:1;margin:0;padding:14px;border-radius:7px;box-shadow:0 3px 14px rgba(60,80,100,.12);font-size:15px}
  .latest-title{height:34px;font-size:18px}
  .ball-row{height:32px;line-height:32px;margin-top:7px}
  .ball{width:32px;height:32px;font-size:15px}
  .ball.special:before{inset:-2px;border-width:3px}
  .group-row{height:40px;margin-top:7px}
  .group-cell{width:31%;font-size:15px;border-radius:4px;white-space:nowrap}
  .group-cell:active{background:#f3f3f3}
  .fan-dot{width:13px;height:13px;flex:0 0 13px;margin-left:4px}
  .countdown-row{height:38px}
  .progress{margin:0 10px;height:4px}
  .countdown{font-size:17px}
  .date-button{width:118px;height:30px;margin-left:10px;border-radius:4px;font-size:14px}
  .date-button span{margin-left:10px}
  .date-button:after,.road-date:after{right:9px}
  .latest-bingo-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:8px -14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
  .latest-bingo-cell{height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-left:1px solid var(--line);font-size:11px;white-space:nowrap}
  .latest-bingo-cell:first-child{border-left:0}
  .latest-bingo-cell .bingo-result{width:28px;height:28px}
  .latest-bingo-cell:hover{background:#f7f7f7}
  .desktop-today-stats{grid-column:1;grid-row:2;display:block;border-radius:7px;background:#fff;box-shadow:0 3px 14px rgba(60,80,100,.12);overflow:hidden}
  .desktop-stats-title{height:48px;padding:0 16px;display:flex;align-items:center;color:var(--orange);font-size:20px;font-weight:600}
  .desktop-stats-grid{display:grid;grid-template-columns:86px repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
  .desktop-stats-cell{min-width:0;height:39px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}
  .desktop-stats-game{font-weight:600}
  .desktop-stats-column{gap:4px;font-weight:600;white-space:nowrap}
  .desktop-stats-ball{width:24px;height:24px;flex:0 0 24px;display:block;background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:transparent;font-size:0}
  .desktop-stats-ball.v1{background-image:url('/img/fan-1.png')}.desktop-stats-ball.v2{background-image:url('/img/fan-2.png')}.desktop-stats-ball.v3{background-image:url('/img/fan-3.png')}.desktop-stats-ball.v4{background-image:url('/img/fan-4.png')}
  .desktop-stats-label{color:#17328d;font-size:15px;font-weight:600}
  .desktop-stats-count{color:#222;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
  .desktop-stats-foot{height:40px;display:flex;align-items:center;justify-content:center;color:#666;font-size:13px;white-space:nowrap}
  .desktop-stats-empty,.desktop-stats-loading{height:92px;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px}
  .main-tabs{grid-column:1;grid-row:3;height:auto;margin:0;padding:14px;gap:8px;flex-direction:column;border:0;border-radius:7px;background:#fff;box-shadow:0 3px 14px rgba(60,80,100,.12)}
  .main-tab{flex:none;width:100%;height:50px;border:1px solid #e1e5e9!important;border-radius:5px;font-size:16px;line-height:48px;text-align:left;padding:0 18px;background:#fff}
  .main-tab:after{content:"›";float:right;color:#9aa3ab;font-size:26px}
  .main-tab.active,.main-tab.menu-open{border-color:var(--orange)!important;background:var(--orange);color:#fff}
  .main-tab.active:after,.main-tab.menu-open:after{color:#fff}
  .summary-menu{left:14px;right:14px;top:72px;padding:7px;display:flex;gap:7px;border:1px solid #ddd;border-radius:5px;background:#eee;box-shadow:0 5px 12px rgba(0,0,0,.12)}
  .summary-menu.hidden{display:none!important}
  .summary-menu button{width:auto;height:36px;line-height:36px;flex:1;margin:0;border-radius:4px;font-size:14px}
  .right-col{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;min-width:0;border-radius:7px;background:#fff;box-shadow:0 3px 14px rgba(60,80,100,.12);overflow:hidden}
  .panel{min-height:650px;background:#fff}
  .filter-row{padding:12px}
  .filter-row button{height:40px;margin-right:12px;border-radius:4px;font-size:15px}
  .issue-drawer{height:54px;padding:8px 12px;gap:8px}
  .issue-drawer input{padding:0 12px;border-radius:4px}
  .issue-drawer button{width:84px;border-radius:4px}
  .history-head{height:48px;font-size:17px}
  .history-head .col-issue{width:110px}
  .history-head .col-special{width:120px;font-size:15px}
  .history-item{height:64px}
  .issue-cell{width:110px;font-size:14px}
  .mini-row{height:28px;margin-top:5px}
  .mini-ball{width:28px;height:28px;font-size:13px}
  .mini-ball.special:before{inset:-2px;border-width:3px}
  .special-cell{width:120px}
  .special-cell .mini-ball{width:30px;height:30px}
  .number-item{grid-template-columns:110px minmax(0,1fr) 120px;grid-template-rows:72px 52px;height:124px}
  .number-item:after{height:2px}
  .bingo-cell{gap:3px}
  .bingo-name{font-size:12px}
  .bingo-result{width:28px;height:28px}
  .derived-row .derived-cell{padding-right:5px}
  .derived-label{width:72px;height:32px;line-height:32px;flex-basis:72px;font-size:15px}
  .derived-value,.derived-text{width:32px;height:32px;flex-basis:32px;margin:0 4px;font-size:15px}
  .load-more{height:44px;line-height:44px;font-size:13px}
  .dragon-title{height:48px;padding:0 16px}
  .dragon-title strong{font-size:18px}
  .dragon-title span{font-size:13px}
  .dragon-grid{grid-template-columns:76px repeat(4,minmax(0,1fr))}
  .dragon-head{height:44px}
  .dragon-head>div{font-size:16px}
  .dragon-row{height:88px}
  .dragon-label{font-size:16px}
  .dragon-cell{gap:5px}
  .dragon-badge{width:42px;height:42px}
  .dragon-count{font-size:14px}
  .conditional-filtering{height:56px;padding:0 16px;font-size:15px}
  .conditional-filtering .title{font-size:17px}
  .conditional-filtering .day{width:82px;line-height:30px;border-radius:16px}
  .road-date{width:140px;line-height:30px;border-radius:4px;font-size:15px}
  .road-title2{padding:14px 16px;font-size:17px}
  .road-buttons{height:52px;margin-top:12px}
  .road-buttons button{width:110px;margin-left:16px;line-height:34px;border-radius:4px;font-size:15px}
  .road-buttons .rule-button{margin-right:16px}
  .rule-note{padding:12px 16px;font-size:14px}
  .road-counts{height:46px;line-height:46px;padding:0 16px;font-size:14px}
  .bead-col,.bead-cell{width:26px}
  .bead-cell{height:26px}
  .bead-cell span{width:24px;height:24px;line-height:24px;font-size:13px}
  .trend-head{height:56px;padding:0 16px;font-size:18px}
  .trend-select{width:150px;height:34px;border-radius:17px}
  .trend-select:after{right:12px}
  .trend-select select{padding-left:14px;font-size:15px}
  .chart-wrap{height:440px;padding:16px}
  #todayPanel{min-height:650px}
  .today-head{height:58px;padding:0 18px;font-size:18px}
  .help-icon,.gear-icon{width:26px;height:26px;margin-right:7px}
  .today-left{width:92px}
  .today-right{width:calc(100% - 92px)}
  .today-left th{height:76px;font-size:15px}
  .today-left td{height:46px}
  .today-left .fan-badge{width:30px;height:30px}
  .today-right table{width:100%;min-width:0}
  .today-right th{height:38px;min-width:56px;font-size:15px}
  .today-right td{height:46px;min-width:44px;font-size:15px}
  .rule-dialog,.settings-dialog{width:560px;padding:40px 24px;border-radius:7px;font-size:18px}
  .rule-dialog p{margin-bottom:12px}
  .settings-dialog{padding:24px;font-size:15px}
  .settings-dialog h3{margin-bottom:18px;font-size:19px}
  .settings-dialog>p{margin-bottom:8px}
  .setting-line{margin-top:20px;gap:10px}
  .setting-line input{width:64px;height:34px;border-radius:5px}
  .color-chip{width:26px;height:26px}
  .settings-actions{margin-top:28px}
  .settings-actions button{width:48%;height:38px;border-radius:4px}
  .bingo-dialog{width:520px;padding:26px 24px 22px;border-radius:8px;font-size:15px}
  .dialog-close{right:12px;top:8px;width:34px;height:34px;font-size:28px;line-height:34px}
  .bingo-dialog h3{margin:0 42px 18px 0;font-size:19px}
  .calc-section{margin-top:15px}
  .calc-label{margin-bottom:6px;font-size:13px}
  .calc-formula{padding:12px;border-radius:5px}
  .calc-result{margin:16px 0;padding:12px 16px;border-left-width:5px}
  .calc-result strong{font-size:18px}
  .calc-rule{margin-top:18px;padding-top:14px;font-size:13px}
  .empty-state{padding:48px 16px;font-size:14px}
  .loading{padding:36px 0}
  .toast{bottom:40px;padding:11px 18px;font-size:14px}
}

/* 顶部标题栏整条隐藏（按用户要求） */
.topbar{display:none!important}

/* 今日番号统计：标题行的日期切换控件（仅电脑版该模块内显示） */
.desktop-stats-title{justify-content:space-between;flex-wrap:nowrap;gap:8px;height:48px;padding:0 16px}
.desktop-stats-title-text{white-space:nowrap;line-height:1.3}
.desktop-stats-days{display:flex;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto;font-size:13px;font-weight:400}
.desktop-stats-days .stats-day{width:44px;line-height:24px;text-align:center;border:1px solid var(--line);border-radius:13px;color:var(--text)}
.desktop-stats-days .stats-day.active{background:var(--orange);border-color:var(--orange);color:#fff}
.desktop-stats-days .stats-date{position:relative;width:106px;line-height:24px;text-indent:7px;border:1px solid var(--line);border-radius:4px;white-space:nowrap;font-size:13px;font-weight:400;color:var(--text)}
.desktop-stats-days .stats-date:after{content:"";position:absolute;right:8px;top:42%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}
.desktop-stats-days .stats-date input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}

/* 番号统计：每一行数值最小的格子加粗，其余为普通粗细 */
.desktop-stats-grid .desktop-stats-count{font-weight:400}
.desktop-stats-grid .desktop-stats-count.is-min{font-weight:700}

/* 最新开奖卡片：隐藏数据日期开关，进度条占用释放出来的空间 */
.date-button{display:none}
.progress{height:6px}

/* 摊路/大小/单双 改成五个玩法后：手机版压缩表头、隐藏“番摊:/大小:/单双:”前缀，避免五列挤压 */
@media(max-width:999px){
  .history-head.derived-head .col-result span{font-size:3.2vw}
  .derived-row .derived-label{display:none}
  .derived-row .derived-cell{padding-right:0}
}

/* 最新开奖卡片：上一期/下一期翻期控件 */
.latest-head{position:relative;display:flex;align-items:center;gap:4px}
.latest-head .latest-title{flex:1 1 auto;min-width:0;justify-content:center;white-space:nowrap}
.latest-head .latest-title{cursor:pointer}
.latest-head .latest-title:hover{background:#fff8f0;border-radius:4px}
.issue-nav{flex:0 0 auto;height:26px;padding:0 7px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#666;font-size:12px;white-space:nowrap}
.issue-nav:disabled{color:#c6c6c6;border-color:#ededed;background:#fafafa}
.history-tag{flex:0 0 auto;height:22px;padding:0 7px;border:1px solid #ffd9a8;border-radius:11px;background:#fff7ec;color:var(--orange);font-size:12px;white-space:nowrap}
.old-tag{display:inline-block;margin-left:4px;padding:1px 3px;border-radius:4px;background:#e53935;color:#fff;font-size:8px;font-weight:700;font-style:normal;line-height:1.25;vertical-align:middle}
.latest-tag-spacer{display:none}

/* 期号查询定位到某一期时的高亮 */
.history-item.issue-flash{background:#fff5e4;box-shadow:inset 0 0 0 2px #ffc987}

/* 冷号格子：当天已开出期数（灰底白字） */
.dragon-today{display:block;padding:1px 6px;border-radius:9px;background:#8f959c;color:#fff;font-size:12px;line-height:1.5;white-space:nowrap}

/* 手机版冷号格子：短文案 + 小字号，避免超出格子 */
@media(max-width:999px){
  .dragon-today{font-size:10.5px;padding:1px 5px;border-radius:8px}
}

/* 同番路珠：按番号分四色（番1黄、番2蓝、番3灰、番4橙） */
.bead-cell .f1{background:#f0c000;color:#fff}
.bead-cell .f2{background:#2f8ad6;color:#fff}
.bead-cell .f3{background:#8b9099;color:#fff}
.bead-cell .f4{background:#ff8411;color:#fff}

/* 桌面版：综合的小菜单内嵌展开（不遮挡路珠/走势） */
@media(min-width:1000px){
  .summary-menu{position:static;left:auto;right:auto;top:auto;width:100%;padding:8px;border-radius:6px;display:flex;gap:8px}
  .summary-menu.hidden{display:none!important}
  .summary-menu button{margin:0;flex:1;width:auto;height:36px;line-height:34px;font-size:14px;background:#fff;border:1px solid #d1d1d1;border-radius:6px}
}

/* 数据日期提示条（综合/今日号码/走势共用） */
.date-banner{display:flex;align-items:center;justify-content:space-between;gap:2vw;padding:2vw 3vw;background:#f2f4f6;color:#77808a;font-size:3.2vw}
.date-banner.alert{background:#6f757d;color:#fff}
.date-banner button{width:23vw;height:6.4vw;line-height:6.4vw;border-radius:3px;background:#fff;color:#4a5058;font-size:3.2vw}
@media(min-width:1000px){
  .date-banner{gap:12px;padding:10px 16px;font-size:14px}
  .date-banner button{width:104px;height:32px;line-height:32px;font-size:14px}
}

/* 路珠聚焦：其它番号变灰、显示间隔数字 */
.bead-cell span.gray{background:#e4e8ed;color:#6f7780}

/* 冷号板：今日/昨日/前日 + 日期控件 */
.dragon-days{display:flex;align-items:center;gap:2vw;min-width:0}
.dragon-day{height:6.4vw;padding:0 2.6vw;border:1px solid rgba(255,255,255,.85);border-radius:3px;background:transparent;color:#fff;font-size:3.2vw;white-space:nowrap}
.dragon-day.active{background:#fff;border-color:#fff;color:var(--orange)}
.dragon-date{position:relative;flex:0 0 auto;width:26.667vw;line-height:5.867vw;text-indent:1.333vw;border:1px solid rgba(255,255,255,.85);border-radius:4px;color:#fff;white-space:nowrap;font-size:3.2vw}
.dragon-date:after{content:"";position:absolute;right:1.8vw;top:42%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}
.dragon-date input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.dragon-title .dragon-date span{font-size:3.2vw}
@media(min-width:1000px){
  .dragon-days{gap:10px}
  .dragon-day{height:32px;padding:0 14px;font-size:14px}
  .dragon-date{width:138px;line-height:30px;text-indent:8px;font-size:14px}
  .dragon-date:after{right:9px}
  .dragon-title .dragon-date span{font-size:14px}
}

/* 冷号长龙：冷号板 + 横排 3 期（本期｜上一期｜上上期） */
.dragon-wrap{display:flex;flex-direction:column;gap:8px;background:#efefef}
.dragon-long{position:relative;background:#fff}
.dragon-long-head{height:8.4vw;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;gap:2vw;background:var(--orange);color:#fff}
.dragon-long-title{font-size:3.733vw;font-weight:500}
.dragon-stats-button{height:5.8vw;padding:0 2vw;flex:0 0 auto;border:1px solid rgba(255,255,255,.9);border-radius:1vw;color:#fff;font-size:2.933vw;white-space:nowrap}
.dragon-stats-button.active{background:#fff;color:var(--orange)}
.dragon-long-filter{display:flex;align-items:center;gap:1.2vw;font-size:2.933vw;white-space:nowrap}
.dragon-long-filter input{width:11vw;height:5.6vw;text-align:center;border:1px solid rgba(255,255,255,.85);border-radius:1vw;background:transparent;color:#fff;font-size:3.2vw}
.dragon-stats-pop{position:absolute;z-index:12;top:8.4vw;right:1.2vw;width:96vw;max-width:420px;padding:3vw;background:#fff;border:1px solid #d7dbe0;border-radius:1.2vw;box-shadow:0 6px 22px rgba(35,45,55,.2);color:#3d434a}
.dragon-stats-pop:before{content:"";position:absolute;right:38vw;top:-2vw;border-left:2vw solid transparent;border-right:2vw solid transparent;border-bottom:2vw solid #fff}
.dragon-stats-top{display:flex;align-items:center;gap:2vw}
.dragon-stats-top strong{margin-right:auto;font-size:4vw}
.dragon-stats-heading{display:flex;align-items:center;gap:1vw}
.dragon-stats-date-menu{display:grid;grid-template-columns:repeat(3,1fr) 2.1fr;gap:1vw;margin:2vw 0;padding:1.5vw;background:#f4f6f8;border-radius:1vw}
.dragon-stats-date-menu button,.dragon-stats-date-menu input{min-width:0;height:6vw;border:1px solid #d7dbe0;border-radius:1vw;background:#fff;text-align:center;font-size:2.7vw}
.dragon-stats-date-menu button.active{border-color:var(--orange);background:var(--orange);color:#fff}
.dragon-stats-modes{display:flex;align-items:center;gap:1.2vw;white-space:nowrap}
.dragon-stats-modes label{display:flex;align-items:center;gap:.7vw;font-size:3.2vw;white-space:nowrap;cursor:pointer}
.dragon-stats-modes label input[type="radio"]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:4vw;height:4vw;margin:0;border:1px solid #8b949e;border-radius:50%;background:#fff;cursor:pointer}
.dragon-stats-modes label input[type="radio"]:before{content:"";width:2vw;height:2vw;border-radius:50%;background:var(--orange);transform:scale(0)}
.dragon-stats-modes label input[type="radio"]:checked{border-color:var(--orange)}
.dragon-stats-modes label input[type="radio"]:checked:before{transform:scale(1)}
.dragon-stats-modes #dragonStatsThreshold{width:10vw;height:6vw;text-align:center;border:1px solid #d7dbe0;border-radius:1vw;font-size:3.2vw}
.dragon-stats-modes #dragonStatsThreshold:disabled{background:#f0f2f5;color:#a4aab1;cursor:not-allowed}
.dragon-stats-modes>span{font-size:3.2vw}
.dragon-stats-top button{width:6vw;height:6vw;color:#8b949e;font-size:5vw;line-height:1}
.dragon-stats-note{margin:2vw 0;color:#8b949e;font-size:2.7vw;white-space:nowrap}
.dragon-stats-status{padding:8vw 0;text-align:center;color:#8b949e;font-size:3.2vw}
.dragon-stats-pop table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:2.9vw;text-align:center}
.dragon-stats-pop th,.dragon-stats-pop td{height:7vw;border:1px solid #e2e5e8}
.dragon-stats-pop thead th,.dragon-stats-pop tbody th{background:#f4f6f8;font-weight:500}
.dragon-stats-head-ball{width:5vw;height:5vw;margin:auto}
.dragon-stats-pop th:first-child{width:22%}
.dragon-stats-pop td{position:relative}
.dragon-stats-pop td.sum,.dragon-stats-pop tr.total>*{font-weight:700}
.dragon-stats-live{position:absolute;right:1vw;top:1vw;width:1.6vw;height:1.6vw;border-radius:50%;background:var(--orange)}
.dragon-stats-legend{margin-top:2vw;color:#8b949e;font-size:2.7vw}
.dragon-stats-legend i{display:inline-block;width:1.6vw;height:1.6vw;margin-right:1vw;border-radius:50%;background:var(--orange)}
.dragon-longest-table td{padding:0}
.dragon-longest-cell{width:100%;height:100%;min-height:7vw;border:0;background:transparent;color:#3d434a;font-size:3.2vw;cursor:pointer}
.dragon-longest-cell b{font-weight:600}
.dragon-longest-cell span{margin-left:.4vw;font-size:2.6vw;color:#7d858e}
.dragon-longest-cell:hover,.dragon-longest-cell.active{background:#fff1df;color:#e86f00}
.dragon-longest-cell.active{box-shadow:inset 0 0 0 1px #ffb45f}
.dragon-longest-cell.row-max,.dragon-longest-cell.row-max span{color:#e53935}
.dragon-longest-detail{margin-top:2vw;padding:2.4vw;background:#fff7ed;border-left:3px solid var(--orange);border-radius:1vw;color:#4a5058}
.dragon-longest-detail-head{display:flex;align-items:center;justify-content:space-between}
.dragon-longest-detail-head strong{color:#dc6500;font-size:3.3vw}
.dragon-longest-detail-head button{width:5vw;height:5vw;color:#8b949e;font-size:4.5vw;line-height:1}
.dragon-longest-value{margin-top:1.4vw;font-size:3vw}
.dragon-longest-value b{color:#e86f00}
.dragon-longest-record{display:flex;flex-wrap:wrap;gap:1vw 2.5vw;margin-top:1.2vw;font-size:2.8vw}
.dragon-longest-record b:empty{display:none}
.dragon-longest-empty{margin-top:1.2vw;color:#8b949e;font-size:2.8vw}
.dragon-long-nav{position:relative;display:flex;align-items:center;gap:1.2vw;padding:1.6vw 2vw;border-bottom:1px solid var(--line)}
.dragon-long-nav .period{flex:1 1 auto;min-width:0;text-align:center;font-size:3.2vw;color:#5f5f5f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dragon-long-nav .period b{color:var(--orange);font-weight:500}
.long-issue-toggle{height:7vw;border:0;background:transparent;cursor:pointer}
.long-issue-toggle:hover{background:#fff8f0;border-radius:1vw}
.long-issue-backdrop{position:fixed;z-index:20;inset:0;border:0;background:transparent}
.long-issue-picker{position:absolute;z-index:21;top:9vw;left:50%;width:76vw;max-width:340px;transform:translateX(-50%);padding:3vw;border:1px solid #d7dbe0;border-radius:1.2vw;background:#fff;box-shadow:0 6px 22px rgba(35,45,55,.22);text-align:left}
.long-issue-picker strong{display:block;margin-bottom:2vw;font-size:3.7vw}
.long-issue-fields{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1vw}
.long-issue-fields input{min-width:0;height:7vw;padding:0 2vw;border:1px solid #cfd4da;border-radius:1vw;font-size:3.2vw}
.long-issue-fields button{height:7vw;padding:0 2vw;border:1px solid #d7dbe0;border-radius:1vw;background:#fff;color:#555;font-size:3vw}
.long-issue-fields #longIssueSubmit{border-color:var(--orange);background:var(--orange);color:#fff}
.long-issue-fields button:disabled,.long-issue-fields input:disabled{opacity:.6}
.long-issue-picker p{margin:1.8vw 0 0;color:#8b949e;font-size:2.7vw;line-height:1.35}
.long-issue-picker p.error{color:#e53935}
.dragon-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.dragon-col{border-right:2px solid #c3c8d0;min-width:0}
.dragon-col:last-child{border-right:0}
.dragon-col-head{padding:1.6vw 1.6vw 1.3vw;text-align:center;background:#f0f2f5}
.dragon-col-head b{display:block;font-size:3.467vw;color:#3d434a;font-weight:600}
.dragon-col-head span{display:block;margin-top:.5vw;font-size:2.933vw;color:#8b949e;white-space:nowrap}
.dragon-col-head.now b{color:var(--orange)}
.dg-game{padding:.8vw 2vw;background:#3a3f45;color:#fff;font-size:3.2vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-row{padding:1.2vw 2vw;display:flex;align-items:center;justify-content:space-between;gap:1vw;border-bottom:1px solid #eef0f2;background:#fff}
.dg-row .dragon-badge{width:6.4vw;height:6.4vw}
.dg-row .dragon-count{font-size:3.733vw}
.dragon-long-empty{padding:5vw 2vw;text-align:center;color:#aaa;font-size:3.2vw}
@media(min-width:1000px){
  .dragon-wrap{flex-direction:row;align-items:stretch;gap:10px;background:#eef3f8}
  .dragon-long{flex:0 0 320px;border-top:0;border-left:0;display:flex;flex-direction:column}
  .dragon-long-head{height:48px;padding:0 14px;gap:8px}
  .dragon-long-title{font-size:16px}
  .dragon-stats-button{height:28px;padding:0 9px;border-radius:4px;font-size:12px}
  .dragon-long-filter{gap:5px;font-size:12px}
  .dragon-long-filter input{width:44px;height:24px;border-radius:4px;font-size:13px}
  .dragon-stats-pop{top:48px;right:0;width:420px;padding:14px;border-radius:6px}
  .dragon-stats-pop:before{right:202px;top:-8px;border-left-width:8px;border-right-width:8px;border-bottom-width:8px}
  .dragon-stats-top{gap:10px}
  .dragon-stats-top strong{font-size:17px}
  .dragon-stats-heading{gap:4px}
  .dragon-stats-date-menu{gap:5px;margin:8px 0;padding:7px;border-radius:4px}
  .dragon-stats-date-menu button,.dragon-stats-date-menu input{height:28px;border-radius:4px;font-size:12px}
  .dragon-stats-modes{gap:6px}
  .dragon-stats-modes label{gap:3px;font-size:13px}
  .dragon-stats-modes label input[type="radio"]{width:15px;height:15px}
  .dragon-stats-modes label input[type="radio"]:before{width:7px;height:7px}
  .dragon-stats-modes #dragonStatsThreshold{width:42px;height:26px;border-radius:4px;font-size:13px}
  .dragon-stats-modes>span{font-size:13px}
  .dragon-stats-top button{width:24px;height:24px;font-size:20px}
  .dragon-stats-note{margin:9px 0;font-size:12px}
  .dragon-stats-status{padding:34px 0;font-size:13px}
  .dragon-stats-pop table{font-size:12px}
  .dragon-stats-pop th,.dragon-stats-pop td{height:34px}
  .dragon-stats-head-ball{width:22px;height:22px}
  .dragon-stats-live{right:4px;top:4px;width:7px;height:7px}
  .dragon-stats-legend{margin-top:9px;font-size:12px}
  .dragon-stats-legend i{width:7px;height:7px;margin-right:5px}
  .dragon-longest-cell{min-height:34px;font-size:14px}
  .dragon-longest-cell span{margin-left:2px;font-size:11px}
  .dragon-longest-detail{margin-top:9px;padding:10px;border-radius:4px}
  .dragon-longest-detail-head strong{font-size:14px}
  .dragon-longest-detail-head button{width:22px;height:22px;font-size:19px}
  .dragon-longest-value{margin-top:6px;font-size:13px}
  .dragon-longest-record{gap:5px 12px;margin-top:5px;font-size:12px}
  .dragon-longest-empty{margin-top:5px;font-size:12px}
  .dragon-long-nav{gap:5px;padding:8px 10px}
  .dragon-long-nav .issue-nav,.dragon-long-nav .history-tag{height:24px;padding:0 7px;border-radius:12px;font-size:11px}
  .dragon-long-nav .period{font-size:12px}
  .long-issue-toggle{height:28px}
  .long-issue-toggle:hover{border-radius:4px}
  .long-issue-picker{top:38px;width:330px;padding:14px;border-radius:6px}
  .long-issue-picker strong{margin-bottom:9px;font-size:16px}
  .long-issue-fields{gap:6px}
  .long-issue-fields input{height:32px;padding:0 9px;border-radius:4px;font-size:14px}
  .long-issue-fields button{height:32px;padding:0 10px;border-radius:4px;font-size:12px}
  .long-issue-picker p{margin-top:8px;font-size:12px}
  .dragon-col-head{padding:6px 6px 5px}
  .dragon-col-head b{font-size:13px}
  .dragon-col-head span{margin-top:2px;font-size:11px}
  .dg-game{padding:3px 8px;font-size:12px}
  .dg-row{padding:5px 8px;gap:4px}
  .dg-row .dragon-badge{width:24px;height:24px}
  .dg-row .dragon-count{font-size:16px}
  .dragon-long-empty{padding:22px 8px;font-size:12px}
}

/* 路珠聚焦：每段灰色球里最后一个（间隔数）加粗 */
.bead-cell span.bold{font-weight:700}

/* 冷号板：每个玩法行下面一条「最近 10 期」 */
.recent-band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-bottom:2px solid #c3c8d0}
.recent-band .recent-cell{display:flex;align-items:center;justify-content:center;gap:.5vw;min-width:0;height:8.2vw;font-size:3.733vw;white-space:nowrap;overflow:hidden}
.recent-cell.now{position:relative}
.recent-new{position:absolute;top:1px;right:1px;padding:0 2.5px;border-radius:5px;background:#e53935;color:#fff;font-size:1.95vw;line-height:1.6;font-style:normal}
.recent-band .dragon-badge{width:5.6vw;height:5.6vw}
.recent-parity.odd{color:#dd4f4f}
.recent-parity.even{color:#6092e9}
@media(min-width:1000px){
  .recent-band .recent-cell{gap:5px;height:32px;font-size:15px}
  .recent-band .dragon-badge{width:22px;height:22px}
  .recent-new{top:2px;right:2px;padding:0 3px;border-radius:5px;font-size:7.5px}
}