
:root {
    --vp-purple:#194fa3;--vp-purple-dark:#194fa3;--vp-red:#194fa3;
    --vp-ink:#243142;--vp-muted:#546277;--vp-line:#e2e7ef;--vp-bg:#eef3fa;
}
body.league-spotlight {
    --tw-accent:#194fa3;--tw-accent-dark:#194fa3;--tw-soft:#eaf2ff;--site-accent:#194fa3;
    background:var(--vp-bg);color:var(--vp-ink);
}
body.league-spotlight a:focus-visible,body.league-spotlight button:focus-visible,body.league-spotlight input:focus-visible {outline:2px solid #194fa3;outline-offset:2px}
.desk-header .vp-brand {display:flex;align-items:center;gap:11px;white-space:normal;min-width:0;color:#243142!important;overflow-wrap:anywhere}
.desk-header .vp-brand small {display:block;color:var(--vp-muted);font:600 11px/1.4 system-ui,sans-serif;letter-spacing:.06em}
.desk-mark {display:grid;place-items:center;flex:none;width:43px;height:43px;background:#194fa3;color:#f7faff;border-radius:3px;font:700 22px/1 serif}
.desk-header .vp-mast {background:#fff}
.desk-header .vp-primary {background:#162a50;box-shadow:none}
.desk-header .vp-primary .vp-shell a {min-width:auto;font-size:14px;padding-inline:20px}
.desk-header .vp-primary .vp-shell a:hover {background:#16427c}
.desk-header .vp-channels {background:#f3f6fa;border-color:var(--vp-line)}
.desk-header .vp-channels a {color:#264364!important}
.desk-header .desk-search .vp-search-field {border-radius:4px}
.desk-header .desk-search button {font-size:13px}
body.league-spotlight .vp-home-intro {align-items:baseline;padding:18px 0 12px;margin-bottom:0}
body.league-spotlight .vp-home-intro h1 {font-family:"Noto Serif CJK SC","Songti SC","SimSun",serif;font-weight:800;font-size:clamp(23px,3.2vw,30px);overflow-wrap:anywhere}
.desk-editions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.desk-editions a {display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 16px;background:#f8faff;border:1px solid var(--vp-line);border-left:4px solid #194fa3;color:var(--vp-ink)}
.desk-editions a:hover {background:#eaf2ff}
.desk-editions strong {font-size:16px}
.desk-editions span {font-size:12px;color:var(--vp-muted)}
.desk-board-heading {display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 15px 10px}
.desk-board-heading h2 {margin:0;font-size:19px;color:#243142}
.desk-board-heading span {font-size:11px;color:#546277}
.desk-dispatch {border-top:3px solid #194fa3!important}
.desk-lead {display:grid;gap:9px;padding:11px 14px;color:#243142!important;overflow-wrap:anywhere}
.desk-lead img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#f3f6fa}
.desk-lead strong {font-size:16px;line-height:1.5}
.desk-headlines {list-style:none;margin:0;padding:0 14px 12px}
.desk-headlines li {border-top:1px solid var(--vp-line);padding:8px 0;overflow-wrap:anywhere}
.desk-topics h2 {margin:0;padding:15px 15px 0;color:#243142;font-size:17px}
body.league-spotlight .desk-footer {background:#162a50;color:#f7faff;border-color:#36527d}
.desk-footer .vp-footer-brand,.desk-footer .vp-footer-grid strong,.desk-footer a {color:#f7faff!important}
.desk-footer .vp-footer-grid p,.desk-footer .vp-footer-bottom {color:#d8e2ef}
body.league-spotlight :is(.breadcrumb,.jzt-breadcrumb,.tw-breadcrumb) {color:#546277;border-color:var(--vp-line)}
body.league-spotlight :is(.breadcrumb,.jzt-breadcrumb,.tw-breadcrumb) a {color:#194fa3}
@media(max-width:700px) {
    body.league-spotlight .vp-home-intro {display:block;padding-top:9px}
    body.league-spotlight .vp-home-intro h1 {font-size:clamp(22px,5vw,25px);margin-bottom:6px}
    .desk-editions {gap:8px;margin-bottom:10px}
    .desk-editions a {display:grid;gap:3px;padding:8px 9px}
    .desk-mark {width:33px;height:33px;font-size:18px}
}
.desk-skip:focus {z-index:20;display:block;padding:10px;color:#194fa3;background:#f8faff}

body.league-spotlight .tw-match-ribbon {background:#162a50;color:#f7faff;border-color:#162a50}
body.league-spotlight .tw-match-ribbon :is(span,i) {color:#dce7f4}
body.league-spotlight :is(.tw-match-stage,.sp-team-board,.sp-smart-card) {border-color:var(--vp-line);box-shadow:none}
body.league-spotlight .sp-smart-card>header {background:#f6f8fb;border-bottom:1px solid var(--vp-line)}
body.league-spotlight .sp-smart-card h2::before {background:var(--vp-purple)}
body.league-spotlight :is(.sp-team-head,.sp-match-section-head)>h2 {color:#243142}
body.league-spotlight :is(.sp-match-heading h1,.sp-team-meta h1,.portal-player-wrap h1,.jzt-article-main h1) {overflow-wrap:anywhere}
body.league-spotlight .desk-header .vp-primary a:first-child:not(:hover) {background:none}
body.league-spotlight .desk-header .vp-primary a[aria-current="page"] {box-shadow:inset 0 -3px #438efe}
body.league-spotlight .desk-header .vp-menu-toggle>span {display:block;margin:3px auto;width:20px;background:#194fa3}
body.league-spotlight .desk-header .vp-menu-toggle {border-color:#d7dfe9}
body.league-spotlight .sp-match-hero .sp-score-core :is(.sp-score-sep, small) {color:#d0e3f6}
body.league-spotlight .sp-match-hero .sp-scoreboard>div {border-color:#5e7289}
body.league-spotlight :is(.sp-match-card,.sp-team-card,.sp-player-card,.sp-smart-card) {border-color:var(--vp-line)}
body.league-spotlight :is(.sp-section-head,.sp-team-head,.sp-player-head) h2::before {background:var(--vp-purple)}
body.league-spotlight .desk-header .vp-menu-toggle {flex-direction:column;align-items:center;justify-content:center;border-color:#d7dfe9!important}
body.league-spotlight .desk-header .vp-menu-toggle>span {margin:2px 0;flex:none}
body.league-spotlight .sp-match-card .sp-section-head h2 {min-width:0;white-space:normal;text-overflow:clip;overflow-wrap:anywhere}
body.league-spotlight .sp-match-card .sp-section-head>span {flex:none;white-space:nowrap}
