*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#efeff4;color:#333;font:15px/1.5 -apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
a{color:#2D4984}
button{font:inherit}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.page{max-width:760px;margin:0 auto;background:#fff;min-height:100vh}
.brand{background:#2D4984;color:#fff;text-align:center;font-size:20px;font-weight:700;padding:9px 12px}
.logos a,.logos img{display:block;width:100%}
.logos a.fit{width:fit-content;max-width:100%;margin:0 auto}
.logos img.fit{width:auto;height:auto;max-width:100%;margin:0 auto}
.notice{background:#fff7e0;color:#6b4e00;text-align:center;padding:6px 12px;font-size:14px}
.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 6px 8px;background:#fff}
.game{display:block;height:44px;line-height:43px;padding:0 4px;text-align:center;color:#333;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
.game:nth-child(4n+1){border-left:1px solid #e2e2e2}
.game:nth-child(-n+4){border-top:1px solid #e2e2e2}
.game.on{background:#dcdcdc}
.lot{text-align:center;padding:4px 12px 10px}
.latest{margin:4px 0}
.latest i{font-style:normal;font-weight:700}
.cd{display:flex;align-items:center;justify-content:center;gap:5px;margin:6px 0 10px;min-height:34px}
.cd b{display:inline-block;min-width:34px;height:32px;line-height:32px;background:red;color:#fff;border-radius:4px;font-size:20px}
.cd .wait{font-weight:700;color:red}
.rf{border:0;background:none;color:#2D4984;cursor:pointer;padding:0 0 0 2px}
.r1{display:flex;align-items:center;justify-content:center;gap:6px}
.r1 span{width:44px;height:44px;line-height:44px;border-radius:50%;background:#00B2DE;color:#fff;font-size:24px;font-weight:700}
.r1 span.s{background:#42AB3C}
.r1 label{font-size:20px;color:#666}
.r2{margin-top:8px;display:flex;gap:6px;justify-content:center}
.badge{min-width:26px;padding:0 8px;height:24px;line-height:24px;border-radius:12px;color:#fff;font-size:14px;font-weight:700}
.b-size{background:red}
.b-parity{background:#2a78d6}
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 12px;background:#fff}
.seg button{height:38px;border:0;background:#00B2DE;color:#fff;font-size:15px;cursor:pointer;white-space:nowrap}
.seg button[aria-selected="true"]{background:#2D4984}
.panel{padding:8px 12px 0}
table{width:100%;border-collapse:collapse;text-align:center}
th{font-weight:700;font-size:14px;padding:8px 2px;border-bottom:2px solid #ddd;white-space:nowrap}
td{padding:7px 2px;border-bottom:1px solid #eee;font-size:14px}
tr.alt td{background:#f9f9f9}
tr.click{cursor:pointer}
.tip{color:#666;font-size:13px;margin:6px 0;text-align:left}
.tg{display:inline-block;min-width:22px;padding:0 4px;height:22px;line-height:22px;border-radius:10px;color:#fff;font-size:13px;white-space:nowrap}
.red{background:red}.blue{background:blue}.green{background:green}
.red-t{color:red}
.hit{color:red}
.fix{color:#b35c00;font-size:13px}
.more{display:block;width:100%;max-width:300px;margin:10px auto;padding:10px 20px;background:#2D4984;color:#fff;border:0;cursor:pointer;font-size:14px}
.nomore{text-align:center;color:#888;font-size:14px;margin:14px 0}
.raw{background:#f6f8fb;padding:10px!important;text-align:left}
.rawn{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}
.rawn span{height:30px;line-height:28px;text-align:center;border:1px solid #ddd;background:#fff;border-radius:4px;font-weight:700}
.rawn span.g1,.rawn span.g2,.rawn span.g3{color:#fff;border-color:transparent}
.g1{background:#c8432f!important}.g2{background:#2a78d6!important}.g3{background:#159a68!important}
.calc{margin-top:8px;font-size:14px}
.calc div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.sec th{color:red;text-align:left;border-bottom:1px solid #eee}
.foot{margin-top:14px;padding:12px;text-align:center;color:#777;font-size:13px;border-top:1px solid #eee}
.foot p{margin:6px 0}
@media (max-width:420px){
  .rawn{grid-template-columns:repeat(5,minmax(0,1fr))}
  .seg button{font-size:14px}
  .game{font-size:13px}
  th,td{font-size:13px}
  .tg{min-width:18px;padding:0 3px}
}
.self{margin:0 12px 8px;background:#eef4ff;border:1px solid #c9daf5;color:#24406f;border-radius:4px;padding:6px 10px;font-size:14px}