*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#07111f;color:#eef4ff}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:99;background:rgba(7,17,31,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{max-width:1280px;margin:auto;display:flex;align-items:center;gap:20px;padding:14px 18px}.logo{font-weight:900;font-size:26px;color:#fff}.logo b{color:#e60020}.nav a{font-size:14px;opacity:.86}.nav a:hover{color:#ffda64}.search{margin-left:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:9px 14px;border-radius:99px;color:#cbd5e1}.hero{max-width:1280px;margin:22px auto 0;padding:0 18px;display:grid;grid-template-columns:1.7fr .9fr;gap:18px}.hero-main{min-height:480px;border-radius:28px;overflow:hidden;position:relative;background:#111}.hero-main:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,18,.9),rgba(3,7,18,.35),rgba(3,7,18,.1));z-index:1}.hero-main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;animation:zoom 12s infinite alternate}.hero-copy{position:absolute;z-index:2;left:38px;bottom:38px;max-width:680px}.tag{display:inline-flex;background:#e60020;color:white;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800}.hero h1{font-size:52px;line-height:1.06;margin:16px 0 14px}.hero p{font-size:17px;color:#dbeafe;line-height:1.8}.btns{display:flex;gap:12px;margin-top:20px}.btn{background:#e60020;padding:12px 18px;border-radius:14px;font-weight:800}.btn.secondary{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.15)}.side-card{background:linear-gradient(180deg,#14213d,#0b1220);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:20px;overflow:hidden}.section{max-width:1280px;margin:28px auto;padding:0 18px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 0 14px}.section-title h2{margin:0;font-size:30px}.muted{color:#93a4ba}.count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.count-card{background:radial-gradient(circle at top right,rgba(230,0,32,.28),transparent 34%),#0d1b2e;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.28);position:relative;overflow:hidden}.count-card:after{content:"";position:absolute;inset:auto -40px -50px auto;width:160px;height:160px;background:rgba(255,218,100,.12);border-radius:50%;filter:blur(3px)}.clock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.timebox{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;text-align:center}.timebox strong{display:block;font-size:26px}.timebox span{font-size:12px;color:#aebbd0}.grid-news{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.news-card{background:#0c1829;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:.28s}.news-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.32)}.news-card img{width:100%;height:150px;object-fit:cover;background:#17233a}.news-card .pad{padding:15px}.news-card h3{font-size:17px;line-height:1.35;margin:9px 0}.news-card p{font-size:13px;color:#b6c3d7;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.live-card{background:linear-gradient(135deg,#0f213a,#091426);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px;position:relative;overflow:hidden}.live-card:before{content:"LIVE";position:absolute;right:14px;top:14px;background:#e60020;color:white;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;animation:pulse 1.3s infinite}.live-card h3{margin:18px 0 8px}.live-card .time{color:#ffda64;font-weight:800}.players{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.player{background:#0c1829;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:130px 1fr;min-height:190px;transition:.25s}.player:hover{transform:translateY(-5px)}.player img{height:100%;width:130px;object-fit:cover}.player .pbody{padding:17px}.player h3{margin:4px 0}.player small{color:#ffda64}.linkwall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.linkwall a{background:#0c1829;border:1px solid rgba(255,255,255,.08);padding:18px;border-radius:18px;font-weight:800;transition:.2s}.linkwall a:hover{background:#e60020;transform:translateY(-4px)}.video-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.video{position:relative;border-radius:20px;overflow:hidden;min-height:170px;background:#14213d}.video img{width:100%;height:170px;object-fit:cover;opacity:.82}.play{position:absolute;inset:0;display:grid;place-items:center;font-size:44px;text-shadow:0 8px 20px #000}.video b{position:absolute;left:14px;bottom:14px;right:14px}.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#0b1220;margin-top:20px}.ticker div{display:inline-block;padding:12px 0;animation:marquee 34s linear infinite}.ticker span{margin-right:42px;color:#ffda64}.footer{margin-top:40px;background:#050a13;color:#8da0b8;padding:36px 18px;text-align:center}.page-head{max-width:1280px;margin:30px auto;padding:30px 18px}.page-head h1{font-size:46px;margin:0 0 10px}.article{max-width:900px;margin:20px auto;padding:0 18px;line-height:1.9;color:#dbe6f5}.article img{width:100%;border-radius:24px;margin:18px 0}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{background:#101f35;color:#dbeafe;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:9px 14px}@keyframes zoom{to{transform:scale(1.08)}}@keyframes pulse{50%{opacity:.5;transform:scale(.96)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-main{min-height:430px}.hero h1{font-size:36px}.count-grid,.grid-news,.live-grid,.players,.linkwall,.video-row{grid-template-columns:1fr 1fr}.player{grid-template-columns:110px 1fr}.nav{overflow:auto}.search{display:none}}@media(max-width:560px){.grid-news,.live-grid,.players,.linkwall,.video-row,.count-grid{grid-template-columns:1fr}.hero-copy{left:22px;right:22px;bottom:24px}.hero h1{font-size:30px}.side-card{display:none}}