.cnbo119{--b119-brand:#144b9b;--b119-deep:#0b2f68;--b119-card:#fff;--b119-soft:#f4f7fb;--b119-text:#152033;--b119-muted:#667085;--b119-line:#e2e8f0;--b119-good:#117a45;width:100%;max-width:540px;margin:0 auto;padding:12px 14px calc(112px + env(safe-area-inset-bottom));color:var(--b119-text);font:400 14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box}
html[data-cn-theme="dark"] .cnbo119,html.dark .cnbo119,body.cn-dark-active .cnbo119{--b119-card:#171f2d;--b119-soft:#202a3a;--b119-text:#edf2fa;--b119-muted:#aab4c5;--b119-line:#2d394c;--b119-good:#75d59b}
.cnbo119 *,.cnbo119 *::before,.cnbo119 *::after{box-sizing:border-box}.cnbo119 h1,.cnbo119 h2,.cnbo119 p,.cnbo119 ol,.cnbo119 dl,.cnbo119 dd{margin:0}.cnbo119 ol{padding:0;list-style:none}.cnbo119 button,.cnbo119 input{font:inherit}.cnbo119 :focus-visible{outline:3px solid rgba(20,75,155,.35);outline-offset:2px}.cn-bolao-v119-host{width:100%;min-width:0}
.cnbo119-hero{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:108px;padding:16px;border-radius:20px;overflow:hidden;color:#fff;background:radial-gradient(circle at 92% 12%,rgba(255,255,255,.22) 0 7%,transparent 8%),linear-gradient(145deg,var(--b119-deep),var(--b119-brand) 68%,#2c64b5);box-shadow:0 10px 24px rgba(11,47,104,.2)}
.cnbo119-hero__icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.14);color:#ffd166;font-size:22px}.cnbo119-hero p{color:#d8e5f7;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cnbo119-hero h1{margin-top:3px;font-size:clamp(19px,5.3vw,24px);line-height:1.08}.cnbo119-hero div>span{display:block;margin-top:5px;color:#e7eef9;font-size:12px}
.cnbo119-tabs{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:4px;margin:10px 0;padding:4px;border:1px solid var(--b119-line);border-radius:14px;background:var(--b119-card)}.cnbo119-tabs button,.cnbo119-rankmodes button{min-height:38px;border:0;border-radius:10px;background:transparent;color:var(--b119-muted);font-size:10px;font-weight:900}.cnbo119-tabs button.is-active,.cnbo119-rankmodes button.is-active{background:var(--b119-brand);color:#fff}
.cnbo119-card{padding:14px;border:1px solid var(--b119-line);border-radius:18px;background:var(--b119-card);box-shadow:0 5px 18px rgba(20,46,86,.07)}.cnbo119-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.cnbo119-sectionhead span,.cnbo119-eyebrow{color:var(--b119-muted);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.cnbo119-sectionhead h2,.cnbo119-card h2{font-size:19px;line-height:1.2}.cnbo119-roundnav{display:grid;grid-template-columns:34px auto 34px;align-items:center;border:1px solid var(--b119-line);border-radius:12px;overflow:hidden;background:var(--b119-soft)}.cnbo119-roundnav button{width:34px;height:34px;border:0;background:transparent;color:var(--b119-brand);font-size:23px}.cnbo119-roundnav button:disabled{opacity:.35}.cnbo119-roundnav b{min-width:58px;color:var(--b119-muted);font-size:10px;text-align:center}
.cnbo119-notice,.cnbo119-pin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding:11px;border-radius:12px;background:#eaf2ff;color:#173f78;font-size:12px;font-weight:750}.cnbo119-notice button,.cnbo119-card>button,.cnbo119 form button{min-height:42px;border:0;border-radius:11px;padding:0 14px;background:var(--b119-brand);color:#fff;font-size:11px;font-weight:900}.cnbo119-matches{display:grid;gap:9px}.cnbo119-match{padding:11px;border:1px solid var(--b119-line);border-radius:15px;background:var(--b119-card)}.cnbo119-match__meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--b119-muted);font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.cnbo119-match__body{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px}.cnbo119-team{display:flex;min-width:0;flex-direction:column;align-items:center;gap:5px;text-align:center}.cnbo119-team__shield{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--b119-soft)}.cnbo119-team__shield img{width:34px;height:34px;object-fit:contain}.cnbo119-team strong{font-size:10.5px;line-height:1.15}.cnbo119-pick,.cnbo119-score{display:flex;align-items:center;gap:5px}.cnbo119-pick input,.cnbo119-score strong{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--b119-line);border-radius:10px;background:var(--b119-soft);color:var(--b119-text);font-size:18px;font-weight:900;text-align:center}.cnbo119-pick span,.cnbo119-score span{color:var(--b119-muted);font-size:11px;font-weight:900}.cnbo119-match__venue{margin-top:9px;color:var(--b119-muted);font-size:10px;text-align:center}.cnbo119-match__save{display:flex;min-height:24px;margin-top:7px;align-items:center;justify-content:center;gap:8px;color:var(--b119-muted);font-size:9px;font-weight:900;letter-spacing:.04em}.cnbo119-match__save.is-saving{color:#8a5a00}.cnbo119-match__save.is-saved{color:var(--b119-good)}.cnbo119-match__save.is-error{color:#b42318}.cnbo119-match__save button{border:0;background:transparent;color:inherit;font-size:9px;font-weight:900;text-decoration:underline}.cnbo119-empty{padding:24px 14px;border:1px dashed var(--b119-line);border-radius:14px;background:var(--b119-soft);color:var(--b119-muted);font-size:12px;font-weight:750;text-align:center}
.cnbo119-rankmodes{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;padding:4px;border-radius:12px;background:var(--b119-soft)}.cnbo119-rankstatus,.cnbo119-profile__status{margin:0 0 10px;color:var(--b119-muted);font-size:10px;font-weight:850;text-align:center}.cnbo119-rankstatus.is-provisional,.cnbo119-profile__status.is-provisional{color:#8a5a00}.cnbo119-rankstatus.is-final,.cnbo119-profile__status.is-final{color:var(--b119-good)}.cnbo119-rank{display:grid;gap:7px}.cnbo119-rank__row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:4px 8px;align-items:center;padding:10px;border:1px solid var(--b119-line);border-radius:12px}.cnbo119-rank__row.is-me{border-color:var(--b119-brand);background:#edf4ff}.cnbo119-rank__place{grid-row:span 2;color:var(--b119-brand);font-size:17px;font-weight:950;text-align:center}.cnbo119-rank__name{font-weight:850}.cnbo119-rank__name small{display:block;color:var(--b119-muted);font-size:9px}.cnbo119-rank__row>strong{text-align:right}.cnbo119-rank__row>span:last-child{color:var(--b119-muted);font-size:10px;text-align:right}.cnbo119-rank__row.is-pending{grid-template-columns:42px minmax(0,1fr) auto}.cnbo119-rank__row.is-pending .cnbo119-rank__place{grid-row:auto}.cnbo119-rank__row.is-pending .cnbo119-rank__name{justify-self:start;color:var(--b119-text);font-size:14px;text-align:left}
.cnbo119-access>p{margin-top:6px;color:var(--b119-muted);font-size:12px}.cnbo119 form{display:grid;gap:10px;margin-top:14px}.cnbo119 label{display:grid;gap:5px;color:var(--b119-muted);font-size:11px;font-weight:800}.cnbo119 input{min-width:0;width:100%;min-height:46px;border:1px solid var(--b119-line);border-radius:11px;padding:0 12px;background:var(--b119-soft);color:var(--b119-text);font-size:16px}.cnbo119 .cnbo119-pick input{width:40px;min-width:40px;min-height:40px;padding:0}.cnbo119 form button.is-secondary,.cnbo119-card>button.is-secondary{background:var(--b119-soft);color:var(--b119-brand);border:1px solid var(--b119-line)}.cnbo119-linkbutton{width:100%;margin-top:12px}.cnbo119-signup{padding-top:12px;border-top:1px solid var(--b119-line)}.cnbo119-formmsg{margin-top:12px;color:var(--b119-good);font-size:12px;font-weight:800}.cnbo119-profile dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.cnbo119-profile dl div{padding:11px;border-radius:12px;background:var(--b119-soft)}.cnbo119-profile dt{color:var(--b119-muted);font-size:9px;font-weight:850;text-transform:uppercase}.cnbo119-profile dd{margin-top:2px;font-size:18px;font-weight:900}.cnbo119-profile>button{width:100%;margin-top:8px}.cnbo119-pin{margin-top:12px;background:#eef9f2;color:#17633b}.cnbo119-state{margin:12px 16px calc(112px + env(safe-area-inset-bottom));min-height:154px;padding:34px 20px;border:1px solid #e3e8f1;border-radius:18px;background:#fff;color:#667085;font-size:13px;font-weight:750;text-align:center}.cnbo119-state.is-error{background:#fff5f5;color:#b42318}.cnbo119-state button{min-height:42px;margin-top:14px;border:0;border-radius:11px;padding:0 18px;background:#144b9b;color:#fff;font-weight:900}
html[data-cn-theme="dark"] .cnbo119-notice{background:#162d4d;color:#d7e8ff}html[data-cn-theme="dark"] .cnbo119-rank__row.is-me{background:#162d4d}html[data-cn-theme="dark"] .cnbo119-pin{background:#143523;color:#b8f1ce}html[data-cn-theme="dark"] .cnbo119-state{background:#171f2d;border-color:#2d394c;color:#aab4c5}
@media(max-width:374px){.cnbo119{padding-left:11px;padding-right:11px}.cnbo119-hero{padding:14px 12px}.cnbo119-tabs button{font-size:9px}.cnbo119-card{padding:11px}.cnbo119-team strong{font-size:9.5px}.cnbo119 .cnbo119-pick input{width:34px;min-width:34px;min-height:38px}.cnbo119-score strong{width:34px;height:38px}}
@media(min-width:560px){.cnbo119{padding-top:16px}.cnbo119-hero{min-height:116px;padding:20px}.cnbo119-hero h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.cnbo119 *{scroll-behavior:auto!important;transition:none!important}}