:root{--d4bb-red:#d71920;--d4bb-dark:#171a1f;--d4bb-bg:#f3f4f6;--d4bb-line:#e5e7eb;--d4bb-muted:#858b94}.d4bb-live{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#fff;border:1px solid #e1e3e6;border-radius:12px;overflow:hidden;color:#25282d;margin:18px 0;box-shadow:0 4px 20px rgba(0,0,0,.04)}.d4bb-live *{box-sizing:border-box}.d4bb-live__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:linear-gradient(135deg,#171a1f,#292d34);color:#fff}.d4bb-live__title{margin:0!important;color:#fff!important;font-size:26px!important;line-height:1.15!important}.d4bb-live__subtitle{margin:7px 0 0;color:#bfc4cc;font-size:14px}.d4bb-live__status{display:flex;align-items:center;gap:8px;font-size:13px;background:rgba(255,255,255,.09);padding:8px 12px;border-radius:999px;white-space:nowrap}.d4bb-live__dot{width:8px;height:8px;background:#f3b71b;border-radius:50%;box-shadow:0 0 0 4px rgba(243,183,27,.12)}.d4bb-live__status.is-ok .d4bb-live__dot{background:#37d58a;box-shadow:0 0 0 4px rgba(55,213,138,.12)}.d4bb-live__status.is-error .d4bb-live__dot{background:#ff5c5c}.d4bb-date-nav{display:flex;align-items:stretch;justify-content:center;border-bottom:1px solid var(--d4bb-line);background:#fff}.d4bb-date-btn{border:0;background:#fff;padding:13px 26px;cursor:pointer;color:#555;min-width:120px;border-bottom:3px solid transparent}.d4bb-date-btn strong{display:block;font-size:12px;margin-top:3px;color:var(--d4bb-muted);font-weight:500}.d4bb-date-btn:hover{background:#fafafa}.d4bb-date-btn.is-active{color:var(--d4bb-red);border-bottom-color:var(--d4bb-red);font-weight:700}.d4bb-date-picker-wrap{display:flex;align-items:center;gap:8px;padding:9px 16px;margin-left:auto;color:#777;font-size:12px;border-left:1px solid var(--d4bb-line)}.d4bb-date-picker{border:1px solid #dfe2e6;border-radius:7px;padding:7px 9px;background:#fff;color:#333}.d4bb-live__toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:14px 18px;background:#fafbfc;border-bottom:1px solid var(--d4bb-line)}.d4bb-filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.d4bb-filter-tab{border:1px solid #dedfe3;background:#fff;color:#50555d;border-radius:8px;padding:7px 11px;cursor:pointer}.d4bb-filter-tab span{font-size:11px;background:#f0f1f3;padding:1px 5px;border-radius:9px;margin-left:3px}.d4bb-filter-tab.is-active{background:var(--d4bb-red);border-color:var(--d4bb-red);color:#fff}.d4bb-filter-tab.is-active span{background:rgba(255,255,255,.18)}.d4bb-tools{display:flex;gap:8px;align-items:center}.d4bb-search,.d4bb-league-filter{height:37px;border:1px solid #dfe2e6;border-radius:8px;background:#fff;padding:0 10px;color:#333}.d4bb-search{width:180px}.d4bb-league-filter{max-width:230px}.d4bb-refresh{height:37px;border:1px solid #dfe2e6;background:#fff;border-radius:8px;padding:0 12px;cursor:pointer;color:#444}.d4bb-refresh:hover{border-color:#aaa}.d4bb-loader{display:flex;align-items:center;justify-content:center;gap:6px;padding:42px 20px;color:var(--d4bb-muted)}.d4bb-loader[hidden]{display:none}.d4bb-loader span{width:7px;height:7px;border-radius:50%;background:#9ba1aa;animation:d4bbBounce 1s infinite alternate}.d4bb-loader span:nth-child(2){animation-delay:.15s}.d4bb-loader span:nth-child(3){animation-delay:.3s}.d4bb-loader em{font-style:normal;margin-left:8px;font-size:13px}@keyframes d4bbBounce{to{transform:translateY(-6px);opacity:.55}}.d4bb-message{margin:14px 18px;padding:12px 14px;border-radius:8px;background:#fff6df;border:1px solid #f0d592;color:#755b19}.d4bb-message--error{background:#fff1f1;border-color:#f1c4c4;color:#a53030}.d4bb-empty{padding:60px 20px;text-align:center;color:#555}.d4bb-empty strong{display:block;font-size:16px}.d4bb-empty span{display:block;margin-top:8px;color:#91959b;font-size:13px}.d4bb-games{background:var(--d4bb-bg);padding:14px}.d4bb-league{background:#fff;border:1px solid #e5e7ea;border-radius:10px;overflow:hidden;margin-bottom:12px}.d4bb-league:last-child{margin-bottom:0}.d4bb-league__head{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:8px 14px;background:#f8f9fa;border-bottom:1px solid #eceef0}.d4bb-league__identity{display:flex;align-items:center;gap:9px}.d4bb-league__identity img{width:23px;height:23px;object-fit:contain}.d4bb-league__identity strong{display:block;font-size:14px;color:#26292e}.d4bb-league__identity span{display:block;margin-top:2px;font-size:11px;color:#8a9099}.d4bb-league__count{font-size:11px;color:#8a9099}.d4bb-game{width:100%;display:grid;grid-template-columns:100px minmax(210px,1.2fr) minmax(260px,1fr) 60px 58px;align-items:center;gap:12px;border:0;border-bottom:1px solid #eff0f2;background:#fff;padding:11px 13px;cursor:pointer;text-align:left;color:inherit}.d4bb-game:last-child{border-bottom:0}.d4bb-game:hover{background:#fffdf7}.d4bb-game__status{text-align:center}.d4bb-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#6a7078}.d4bb-status--live{color:var(--d4bb-red);font-weight:700}.d4bb-status--live i{width:6px;height:6px;border-radius:50%;background:var(--d4bb-red);animation:d4bbPulse 1.2s infinite}@keyframes d4bbPulse{50%{opacity:.25}}.d4bb-status--finished{color:#7e848c}.d4bb-status--postponed{color:#a36a00}.d4bb-game__teams{display:grid;gap:8px}.d4bb-team{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.d4bb-team img,.d4bb-team__placeholder{width:28px;height:28px;object-fit:contain}.d4bb-team__placeholder{background:#f0f1f3;border-radius:50%}.d4bb-team span:last-child{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d4bb-periods{border-left:1px solid #eee;border-right:1px solid #eee;padding:0 10px}.d4bb-periods__row{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;text-align:center;font-size:12px;line-height:1.7}.d4bb-periods__row span{min-width:28px}.d4bb-periods__head{color:#9a9fa6;font-size:10px;border-bottom:1px solid #f0f1f3;margin-bottom:2px}.d4bb-game__total{display:grid;grid-template-rows:1fr 1fr;gap:7px;text-align:center}.d4bb-game__total strong{font-size:18px;line-height:28px}.d4bb-game__total.is-live strong{color:var(--d4bb-red)}.d4bb-game__more{text-align:right;color:#9a9fa6;font-size:12px}.d4bb-game:hover .d4bb-game__more{color:var(--d4bb-red)}.d4bb-live__footer-note{padding:12px 18px;background:#fff;border-top:1px solid var(--d4bb-line);font-size:11px;color:#9a9fa6;text-align:center}.d4bb-modal{position:fixed;inset:0;z-index:999999;display:none}.d4bb-modal.is-open{display:block}.d4bb-modal__backdrop{position:absolute;inset:0;background:rgba(10,12,16,.64);backdrop-filter:blur(2px)}.d4bb-modal__dialog{position:relative;width:min(760px,calc(100% - 30px));max-height:86vh;overflow:auto;margin:7vh auto;background:#fff;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.d4bb-modal__close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.07);font-size:24px;cursor:pointer;z-index:2}.d4bb-modal-open{overflow:hidden}.d4bb-detail-hero{padding:24px;background:linear-gradient(135deg,#f6f7f9,#fff);border-bottom:1px solid #eceef1}.d4bb-detail-league{text-align:center;font-size:12px;color:#777;margin-bottom:18px;padding:0 40px}.d4bb-detail-matchup{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;gap:18px}.d4bb-detail-matchup>div:first-child,.d4bb-detail-matchup>div:last-child{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.d4bb-detail-matchup img{width:52px;height:52px;object-fit:contain}.d4bb-detail-matchup strong{font-size:15px}.d4bb-detail-score{text-align:center}.d4bb-detail-score span,.d4bb-detail-score small{display:block;font-size:11px;color:#7f858d}.d4bb-detail-score b{display:block;font-size:28px;margin:7px 0}.d4bb-detail-section{padding:20px 22px}.d4bb-detail-section h3{margin:0 0 15px!important;font-size:16px!important}.d4bb-detail-table{border:1px solid #eceef1;border-radius:10px;overflow:hidden}.d4bb-detail-table__row{display:grid;grid-template-columns:80px 1fr 1fr;gap:10px;align-items:center;text-align:center;padding:10px 12px;border-bottom:1px solid #f0f1f3}.d4bb-detail-table__row:last-child{border-bottom:0}.d4bb-detail-table__head{background:#f8f9fa;font-size:11px;color:#777}.d4bb-detail-table__row span{font-size:12px;color:#777}.d4bb-detail-table__row b{font-size:15px}.d4bb-detail-note{font-size:11px;color:#999;margin:12px 0 0}.d4bb-detail-table__row:last-child b{font-size:18px;color:var(--d4bb-red)}
@media(max-width:900px){.d4bb-live__toolbar{align-items:stretch;flex-direction:column}.d4bb-tools{width:100%}.d4bb-search{flex:1;width:auto}.d4bb-league-filter{flex:1;max-width:none}.d4bb-date-picker-wrap{display:none}.d4bb-game{grid-template-columns:82px minmax(170px,1fr) minmax(220px,1fr) 50px}.d4bb-game__more{display:none}.d4bb-periods{padding:0 6px}}
@media(max-width:650px){.d4bb-live{border-radius:0;margin:0;border-left:0;border-right:0}.d4bb-live__header{padding:18px 15px}.d4bb-live__title{font-size:22px!important}.d4bb-live__subtitle{display:none}.d4bb-live__status{font-size:11px}.d4bb-date-nav{display:grid;grid-template-columns:1fr 1.2fr 1fr}.d4bb-date-btn{min-width:0;padding:10px 5px}.d4bb-live__toolbar{padding:10px}.d4bb-filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.d4bb-filter-tab{padding:7px 3px;font-size:12px}.d4bb-tools{display:grid;grid-template-columns:1fr 1fr auto}.d4bb-search{width:100%}.d4bb-games{padding:8px}.d4bb-league__head{padding:7px 9px}.d4bb-game{grid-template-columns:70px minmax(0,1fr) 52px;gap:6px;padding:10px 8px}.d4bb-periods{grid-column:1/-1;order:5;border:0;border-top:1px dashed #eee;padding:5px 0 0;margin-top:2px}.d4bb-game__teams{gap:6px}.d4bb-team{grid-template-columns:23px minmax(0,1fr);gap:5px}.d4bb-team img,.d4bb-team__placeholder{width:23px;height:23px}.d4bb-team span:last-child{font-size:12px}.d4bb-game__total strong{font-size:17px;line-height:23px}.d4bb-status{font-size:10px}.d4bb-detail-matchup{grid-template-columns:1fr 90px 1fr;gap:8px}.d4bb-detail-matchup>div:first-child,.d4bb-detail-matchup>div:last-child{flex-direction:column;gap:5px}.d4bb-detail-matchup img{width:40px;height:40px}.d4bb-detail-matchup strong{font-size:12px}.d4bb-detail-score b{font-size:22px}.d4bb-modal__dialog{width:calc(100% - 14px);margin:3.5vh auto;max-height:93vh}.d4bb-detail-table__row{grid-template-columns:56px 1fr 1fr;padding:9px 6px}.d4bb-detail-table__head strong{font-size:10px}}