:root{--bg:#0b0d10;--panel:#12161c;--panel2:#171c23;--text:#eef2f7;--muted:#97a2b0;--line:#252b35;--brand:#e53935;--brand2:#ff6b35;--gold:#f6c453;--max:1240px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d10;color:var(--text);font:15px/1.65 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topline{background:#07090c;border-bottom:1px solid #151922;color:#aab4c0;font-size:13px}.topline .container{height:34px;display:flex;align-items:center;justify-content:space-between}.header{position:sticky;top:0;z-index:30;background:rgba(11,13,16,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:900;letter-spacing:.5px}.logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;box-shadow:0 8px 28px rgba(229,57,53,.25)}.logo-mark:after{content:"F";font-weight:1000;color:white;font-size:20px}.nav-links{display:flex;gap:22px;align-items:center;flex:1}.nav-links a{color:#c9d0d9;font-weight:650}.nav-links a:hover,.nav-links a.active{color:white}.nav-cta{background:linear-gradient(135deg,var(--brand),var(--brand2));padding:10px 16px;border-radius:999px;font-weight:800}.hero{padding:54px 0 30px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.hero-main,.hero-side{border-radius:24px;overflow:hidden;position:relative;min-height:480px;background:#171b22}.hero-main img,.hero-side img{height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,rgba(4,5,7,.18) 42%,rgba(4,5,7,.96) 100%)}.hero-copy{position:absolute;left:34px;right:34px;bottom:30px}.kicker,.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.18);background:rgba(12,14,18,.5);backdrop-filter:blur(8px);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#fff}.hero h1{font-size:42px;line-height:1.15;margin:14px 0 10px;max-width:760px}.hero p{color:#cdd4dd;margin:0;max-width:680px}.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:0}.hero-side .side-card{position:relative;min-height:240px;overflow:hidden}.side-card+.side-card{border-top:1px solid rgba(255,255,255,.12)}.side-card .hero-copy{left:24px;right:24px;bottom:20px}.side-card h2{margin:10px 0 0;font-size:20px;line-height:1.35}.section{padding:36px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:28px;line-height:1.2;margin:0}.section-head p{color:var(--muted);margin:6px 0 0}.more{color:#c9d0d9;font-weight:750}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.score{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.score .league{color:var(--muted);font-size:12px}.teams{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-weight:750}.scoreline{font-size:20px;color:#fff}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.22s transform,.22s border-color}.card:hover{transform:translateY(-4px);border-color:#3a4351}.thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#1b2028}.thumb img{height:100%;object-fit:cover;transition:.35s transform}.card:hover .thumb img{transform:scale(1.035)}.card-body{padding:16px}.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.tag{color:#ff8b6b;font-weight:800}.card h3{font-size:18px;line-height:1.42;margin:8px 0 8px}.desc{color:#aeb7c2;font-size:13px;margin:0}.author{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#8e99a7;font-size:12px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-panel{min-height:310px;border:1px solid var(--line);background:linear-gradient(145deg,#131820,#0f1217);border-radius:22px;padding:28px;position:relative;overflow:hidden}.feature-panel h3{font-size:28px;line-height:1.25;margin:10px 0}.feature-panel p{color:var(--muted);max-width:520px}.feature-panel .big-number{position:absolute;right:20px;bottom:-24px;font-size:132px;line-height:1;font-weight:1000;color:rgba(255,255,255,.035)}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;font-weight:800;border:1px solid var(--line);background:#171c23}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border-color:transparent}.footer{margin-top:52px;border-top:1px solid var(--line);background:#090b0e}.footer-main{padding:34px 0;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}.footer .footer-heading{margin:0 0 10px;font-weight:700;color:var(--text)}.footer a,.footer p{color:#919cab;font-size:13px}.footer-links{display:grid;gap:7px}.copyright{border-top:1px solid #161b22;padding:16px 0;color:#717b88;font-size:12px}.page-hero{padding:58px 0 26px}.page-hero .wrap{background:linear-gradient(135deg,#1c222b,#11151b);border:1px solid var(--line);border-radius:24px;padding:42px;position:relative;overflow:hidden}.page-hero h1{font-size:40px;margin:8px 0}.page-hero p{color:var(--muted);max-width:760px}.page-hero .shape{position:absolute;width:260px;height:260px;border-radius:50%;right:-60px;top:-100px;background:radial-gradient(circle,#e5393544,transparent 68%)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.filter{padding:8px 13px;background:#12161c;border:1px solid var(--line);border-radius:999px;color:#aeb7c2}.filter.active{background:#fff;color:#111;border-color:#fff}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}.article{background:#10141a;border:1px solid var(--line);border-radius:22px;padding:34px}.article h1{font-size:38px;line-height:1.25;margin:10px 0 14px}.article .lead{font-size:18px;color:#c5cdd6}.article-content h2{margin-top:34px;font-size:25px}.article-content p{color:#bcc5cf}.article-cover{border-radius:16px;overflow:hidden;margin:22px 0}.aside{display:grid;gap:16px;align-content:start}.aside-box{background:#11151b;border:1px solid var(--line);border-radius:18px;padding:18px}.aside-box h3{margin:0 0 12px}.mini-list{display:grid;gap:12px}.mini{display:grid;grid-template-columns:92px 1fr;gap:10px}.mini img{height:66px;object-fit:cover;border-radius:10px}.mini h4{font-size:13px;line-height:1.35;margin:0}.mini span{color:var(--muted);font-size:11px}.app-hero{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:center}.phone{width:300px;margin:auto;border:10px solid #222831;border-radius:42px;background:#0b0d10;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:rotate(3deg)}.phone img{border-radius:26px;aspect-ratio:9/18;object-fit:cover}.app-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:22px}.info-card .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#202631;font-size:20px}.info-card h3{margin:12px 0 6px}.info-card p{color:var(--muted);font-size:13px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:24px}.stat strong{display:block;font-size:30px}.stat span{color:var(--muted)}.legal{background:#10141a;border:1px solid var(--line);border-radius:22px;padding:34px}.legal h2{margin-top:32px}.legal p,.legal li{color:#b7c0ca}.notice{border-left:3px solid var(--brand);padding:12px 16px;background:#171b22;color:#b7c0ca;border-radius:0 12px 12px 0}.pagination{display:flex;gap:8px;justify-content:center;margin-top:28px}.page{min-width:38px;height:38px;border-radius:10px;background:#12161c;border:1px solid var(--line);display:grid;place-items:center}.page.active{background:#fff;color:#111}
@media(max-width:1000px){.nav-links{display:none}.hero-grid,.article-layout,.app-hero{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.news-grid{grid-template-columns:repeat(2,1fr)}.score-strip{grid-template-columns:repeat(2,1fr)}.app-features,.stat-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.phone{width:260px}}
@media(max-width:640px){.container{width:min(100% - 24px,var(--max))}.topline{display:none}.nav{height:64px}.hero{padding-top:20px}.hero-main{min-height:440px}.hero h1{font-size:32px}.hero-side{grid-template-columns:1fr}.news-grid,.score-strip,.feature-row,.about-grid,.app-features,.stat-grid,.footer-main{grid-template-columns:1fr}.page-hero .wrap,.article{padding:24px}.article h1,.page-hero h1{font-size:30px}}
/* expanded portal modules */
.breaking{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0f1217}.breaking-row{min-height:48px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.breaking-row>strong{color:#fff;background:var(--brand);padding:4px 9px;border-radius:6px;font-size:12px}.breaking-row>a{color:#adb7c3;font-size:12px;font-weight:800}.ticker{display:flex;gap:28px;overflow:hidden;white-space:nowrap;color:#b9c2cd;font-size:13px}.compact-top{padding-top:12px}.league-nav{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.league-nav a{border:1px solid var(--line);background:#11151b;border-radius:12px;padding:11px 8px;text-align:center;font-weight:800;color:#cbd3dc}.league-nav a:hover{background:#1a2028;color:#fff}.score-six{grid-template-columns:repeat(3,1fr)}.portal-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.headline-panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.headline-lead{display:grid;grid-template-columns:42% 1fr;gap:22px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.headline-lead img{height:230px;object-fit:cover;border-radius:14px}.headline-lead h3{font-size:24px;line-height:1.35;margin:10px 0}.headline-lead p{color:var(--muted);margin:0}.headline-list{display:grid}.headline-list a{display:grid;grid-template-columns:58px 1fr 56px;gap:10px;align-items:center;padding:13px 16px;border-top:1px solid #1c222a}.headline-list a:first-child{border-top:0}.headline-list b{color:#ff8b6b;font-size:12px}.headline-list span{font-weight:650}.headline-list time{color:#7f8996;font-size:12px;text-align:right}.rank-list{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:10px 18px}.rank-list a{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.rank-list a:last-child{border:0}.rank-list i{font-style:normal;font-size:22px;font-weight:1000;color:#555f6c}.rank-list a:nth-child(-n+3) i{color:#ff6b4a}.rank-list span{font-weight:700;line-height:1.45}.channel-section{background:#0e1116;border-top:1px solid #151a21;border-bottom:1px solid #151a21}.channel-layout{display:grid;grid-template-columns:1.15fr 1fr .75fr;gap:18px}.channel-feature{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:20px;overflow:hidden}.channel-feature img{height:235px;object-fit:cover;border-radius:14px;margin-bottom:16px}.channel-feature h3{font-size:24px;line-height:1.35;margin:10px 0}.channel-feature p{color:var(--muted);margin:0}.channel-list{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:6px 18px}.channel-list a{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.channel-list a:last-child{border:0}.channel-list span{font-size:22px;font-weight:1000;color:#47515e}.channel-list b{color:#ff8b6b;font-size:12px}.channel-list h4{font-size:15px;line-height:1.45;margin:3px 0 0}.table-box{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:18px}.table-box h3{margin:0 0 12px}.stand-row{display:grid;grid-template-columns:28px 1fr 36px 38px;gap:6px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.stand-row:last-child{border-bottom:0}.stand-row.head{color:#788391;font-size:11px}.stand-row b{color:#fff;text-align:right}.media-panel{padding:0}.media-panel img{height:310px;object-fit:cover;opacity:.7}.media-copy{position:absolute;left:28px;right:28px;bottom:24px}.media-copy p{max-width:620px}.metric-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.metric-list div{background:#0e1217;border:1px solid var(--line);border-radius:14px;padding:16px}.metric-list span,.metric-list small{display:block;color:var(--muted)}.metric-list b{font-size:28px;display:block;margin:5px 0}.split-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.market-list,.calendar-list{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:4px 18px}.market-list a{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.market-list a:last-child{border:0}.market-list em{font-style:normal;color:#ff8b6b;font-size:12px;font-weight:900;background:#251715;height:28px;border-radius:7px;display:grid;place-items:center}.market-list b{display:block;line-height:1.5}.market-list span{color:var(--muted);font-size:12px}.calendar-list>div{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.calendar-list>div:last-child{border:0}.calendar-list time{font-size:18px;font-weight:900;color:#fff}.calendar-list b,.calendar-list span{display:block}.calendar-list span{color:var(--muted);font-size:12px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden}.video-card img{height:220px;object-fit:cover}.video-card>div{padding:16px}.video-card b,.video-card small{display:block}.video-card small{color:var(--muted);margin-top:6px}.play{position:absolute;left:18px;top:176px;width:44px;height:44px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:14px;box-shadow:0 8px 28px #0008}.article-summary{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:16px;border:1px solid var(--line);background:#0d1116;border-radius:14px;margin:22px 0}.article-summary b{margin-right:8px}.article-summary a{padding:6px 9px;background:#171c23;border-radius:8px;font-size:12px;color:#c8d0da}.stat-callout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.stat-callout>div{border:1px solid var(--line);background:#0c1015;border-radius:14px;padding:16px;text-align:center}.stat-callout b{display:block;font-size:27px}.stat-callout span{color:var(--muted);font-size:12px}.article blockquote{margin:24px 0;padding:18px 20px;border-left:3px solid var(--brand);background:#171b22;color:#d8dee6;border-radius:0 12px 12px 0;font-size:18px}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap}.tag-cloud a{padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:#aeb8c4;font-size:12px}.four-col{grid-template-columns:repeat(4,1fr)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:24px}.service>b{color:#ff795b;font-size:12px}.service h3{font-size:21px;margin:7px 0}.service p{color:var(--muted);margin:0}.app-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;color:#8f9aa7;font-size:12px}.app-meta span{border-right:1px solid var(--line);padding-right:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 24px}.contact-grid>div{padding:16px;background:#0d1116;border:1px solid var(--line);border-radius:12px}.contact-grid b,.contact-grid span{display:block}.contact-grid span{color:var(--muted);margin-top:4px}.legal-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.legal-meta span{padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:#0d1116;color:#9aa5b2;font-size:12px}
@media(max-width:1100px){.league-nav{grid-template-columns:repeat(5,1fr)}.portal-grid,.channel-layout,.split-grid{grid-template-columns:1fr}.four-col{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.breaking-row{grid-template-columns:auto 1fr}.breaking-row>a{display:none}.ticker span:not(:first-child){display:none}.headline-lead{grid-template-columns:1fr}.headline-lead img{height:200px}.score-six{grid-template-columns:1fr}.league-nav{grid-template-columns:repeat(2,1fr)}.metric-list,.video-grid,.service-grid,.four-col,.contact-grid,.stat-callout{grid-template-columns:1fr}.headline-list a{grid-template-columns:50px 1fr}.headline-list time{display:none}}

/* news list readability */
.news-grid .thumb{display:block;aspect-ratio:16/9;overflow:hidden}.news-grid .thumb img{width:100%;height:100%;object-fit:cover}.news-grid .card-body{display:block;padding:15px 16px 16px}.news-grid .card h3{min-height:51px;margin:8px 0 7px}.news-grid .desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.page-hero h1{color:#fff}.page-hero p{font-size:15px;line-height:1.8}

.read-more{color:inherit;text-decoration:none}.read-more:hover{color:#ff6b35}