:root{--bg:#07120f;--card:#0d1f1a;--card2:#102821;--green:#12c76a;--gold:#ffd166;--text:#ecfff6;--muted:#9eb9ad;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:radial-gradient(circle at top,#123829,#07120f 48%,#030807);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.header{position:sticky;top:0;z-index:5;background:rgba(5,15,12,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:auto;display:flex;align-items:center;gap:26px;padding:16px}.logo{font-weight:900;font-size:28px;color:var(--green);letter-spacing:1px}.nav a{font-weight:700;color:#d8f7e8}.nav .pill{margin-left:auto;background:linear-gradient(135deg,var(--green),#089c55);padding:10px 16px;border-radius:999px;color:#03120b}
.container{max-width:1200px;margin:auto;padding:24px}.hero{display:grid;grid-template-columns:1.45fr .75fr;gap:22px;align-items:stretch}.hero-card{position:relative;overflow:hidden;border-radius:28px;background:var(--card);min-height:440px}.hero-card img{width:100%;height:100%;object-fit:cover;opacity:.82}.hero-text{position:absolute;left:34px;right:34px;bottom:30px}.tag{display:inline-block;background:rgba(18,199,106,.16);border:1px solid rgba(18,199,106,.5);color:#a9ffd2;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800}.hero h1{font-size:44px;line-height:1.12;margin:14px 0 10px}.muted{color:var(--muted);line-height:1.75}.panel{background:linear-gradient(180deg,#112a23,#0b1b16);border:1px solid var(--line);border-radius:28px;padding:24px}.count{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.count div{background:#07140f;border:1px solid var(--line);border-radius:18px;text-align:center;padding:14px}.count b{display:block;font-size:28px;color:var(--gold)}.section-title{display:flex;align-items:end;justify-content:space-between;margin:38px 0 16px}.section-title h2{font-size:30px;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(18,199,106,.55)}.card img{height:150px;width:100%;object-fit:cover}.card-body{padding:16px}.card h3{font-size:17px;line-height:1.45;margin:8px 0}.meta{font-size:12px;color:var(--gold);font-weight:800}.list{display:grid;gap:12px}.match{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#0b1c17;border:1px solid var(--line);padding:14px;border-radius:18px}.score{font-size:22px;font-weight:900;color:var(--gold)}.article{max-width:920px;margin:28px auto;background:rgba(13,31,26,.9);border:1px solid var(--line);border-radius:28px;overflow:hidden}.article img{height:420px;width:100%;object-fit:cover}.article .content{padding:32px}.article h1{font-size:38px;line-height:1.2}.article p{font-size:17px;color:#cce5da;line-height:2}.footer{margin-top:50px;border-top:1px solid var(--line);padding:30px;color:var(--muted);text-align:center;background:#040a08}.ticker{display:flex;gap:12px;overflow:auto;padding-bottom:8px}.ticker .match{min-width:280px;display:block}.btn{display:inline-block;margin-top:14px;background:var(--green);color:#04130c;border-radius:999px;padding:11px 16px;font-weight:900}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.nav{flex-wrap:wrap}.nav .pill{margin-left:0}.hero h1{font-size:32px}}@media(max-width:560px){.grid{grid-template-columns:1fr}.count{grid-template-columns:repeat(2,1fr)}.article img{height:260px}.article h1{font-size:28px}}