:root{--ink:#10243b;--blue:#0878d1;--cyan:#00a5b8;--red:#e63b46;--green:#149766;--line:#dbe5ed;--muted:#68798a;--bg:#eef3f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#23384e;background:var(--bg);font:14px/1.55 Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 28px));margin:auto}.top{color:#cfdae4;background:#0a1c30}.top .wrap{display:flex;justify-content:space-between;padding:7px 0;font-size:11px}.brandbar{display:flex;align-items:center;gap:24px;min-height:78px}.brand{display:flex;align-items:center;gap:10px}.logo{width:44px;height:44px;display:grid;place-items:center;color:#fff;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900}.brand strong{display:block;color:var(--ink);font-size:20px}.brand small{color:var(--muted)}.search{display:flex;flex:1;max-width:580px;margin-left:auto}.search input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:6px 0 0 6px;background:#fff}.search button{border:0;padding:0 20px;color:#fff;background:var(--blue);border-radius:0 6px 6px 0}.nav{background:#fff;border-block:1px solid var(--line)}.nav .wrap{display:flex;overflow:auto}.nav a{padding:14px 18px;white-space:nowrap;font-weight:700}.nav a.active,.nav a:hover{color:#fff;background:var(--blue)}.hero{padding:25px 0;background:linear-gradient(120deg,#09213a,#0b4774 65%,#008da4);color:#fff}.hero-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:20px}.hero h1{margin:8px 0;font-size:36px}.hero p{color:#c7d9e9}.hero-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.hero-kpi div,.spotlight{padding:15px;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:rgba(255,255,255,.08)}.hero-kpi b{display:block;font-size:21px}.spotlight h2{margin:6px 0 14px}.teams{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;text-align:center}.teams img{width:48px;height:36px}.teams b{display:block;margin-top:5px}.vs{font-size:22px;font-weight:900}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;padding:20px 0}.stack{display:grid;gap:16px}.card{padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.card-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:13px}.card-head h2{margin:0;color:var(--ink);font-size:21px}.card-head small{color:var(--muted)}.tabs{display:flex;gap:6px;overflow:auto}.tabs button{padding:7px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;white-space:nowrap}.tabs button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.match{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.match:last-child{border:0}.match time{display:block;color:var(--ink);font-size:18px;font-weight:900}.match em{color:var(--red);font-size:10px;font-style:normal}.match h3{margin:2px 0;font-size:16px}.match p{margin:0;color:var(--muted);font-size:11px}.pill{padding:6px 9px;color:var(--blue);border-radius:4px;background:#eaf5fc;font-size:10px;font-weight:800}.flag{width:24px;height:18px;vertical-align:-4px;border:1px solid #d5dde4;border-radius:2px;object-fit:cover}.score-table,.rank{width:100%;border-collapse:collapse}.score-table th,.score-table td,.rank th,.rank td{padding:10px 7px;border-bottom:1px solid var(--line);text-align:center}.score-table th,.rank th{color:var(--muted);background:#f6f9fb;font-size:10px}.score{color:var(--ink);font-size:18px;font-weight:900}.live{display:inline-block;padding:4px 7px;color:#fff;border-radius:4px;background:var(--red);font-size:10px}.group-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:10px}.group-tabs button{padding:6px 0;border:1px solid var(--line);background:#f7fafc}.group-tabs .active{color:#fff;background:var(--cyan)}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.news{padding:14px;border-left:3px solid var(--cyan);background:#f7fafc}.news h3{margin:0 0 6px;color:var(--ink)}.news p{margin:0;color:var(--muted);font-size:12px}.page-head{padding:24px 0;background:#e3edf5;border-bottom:1px solid var(--line)}.page-head h1{margin:8px 0;color:var(--ink);font-size:31px}.crumb{color:var(--muted);font-size:11px}.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.channel-box{padding:15px;border:1px solid var(--line);border-radius:6px;background:#f8fafc}.channel-box h3{margin:0 0 6px;color:var(--ink)}.scoreboard{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;padding:28px;border-radius:8px;background:linear-gradient(135deg,#eaf4fa,#fff);text-align:center}.scoreboard img{width:80px;height:60px}.scoreboard strong{font-size:38px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:15px 0}.facts div{padding:12px;border-right:1px solid var(--line)}.facts span{display:block;color:var(--muted);font-size:10px}.detail{padding:18px 0;border-top:1px solid var(--line)}.detail h2{color:var(--ink)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{padding:14px;background:#f6f9fb}.footer{padding:28px 0;color:#aebdca;background:#0a1c30}.footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}[hidden]{display:none!important}@media(max-width:850px){.hero-grid,.layout{grid-template-columns:1fr}.hero-kpi{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.wrap{width:calc(100% - 18px)}.search{display:none}.hero h1{font-size:29px}.hero-kpi,.news-grid,.channel-grid,.two{grid-template-columns:1fr}.match{grid-template-columns:60px 1fr 45px}.score-table{min-width:650px}.table-scroll{overflow:auto}.facts{grid-template-columns:repeat(2,1fr)}.scoreboard{grid-template-columns:1fr 75px 1fr;padding:18px 7px}.footer .wrap{flex-direction:column}}
.team-with-icon{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.team-icon{width:22px!important;height:16px!important;flex:0 0 auto}.club-icon{width:23px;height:23px;display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));font:800 7px Arial;font-style:normal}.score-table .team-with-icon,.rank .team-with-icon{justify-content:center}
.footer-statement{display:block;flex:0 0 100%;width:100%;margin-top:8px;line-height:1.7}