*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#0f172a;color:#cbd5e1;line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav{position:sticky;top:0;z-index:50;background:rgba(2,6,23,.92);backdrop-filter:blur(12px);border-bottom:1px solid #1e293b}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px}.brand span{font-size:22px;font-weight:800;color:#fff}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-weight:600;color:#cbd5e1;transition:.25s}.nav-links a:hover,.nav-links a.active{color:#38bdf8}.menu-btn{display:none;background:none;border:0;color:#cbd5e1;cursor:pointer}.mobile-menu{display:none;border-top:1px solid #1e293b;padding:10px 0 16px}.mobile-menu a{display:block;padding:10px 0;color:#cbd5e1}
.hero{padding:54px 0 28px;text-align:center}.hero-badge{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border:1px solid rgba(14,165,233,.35);border-radius:999px;background:rgba(14,165,233,.10);color:#7dd3fc;font-weight:700}.hero h1{margin:18px auto 12px;font-size:clamp(34px,6vw,66px);line-height:1.08;color:#fff;max-width:920px}.hero p{margin:0 auto;max-width:760px;color:#cbd5e1;font-size:18px}.cta{margin-top:24px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;font-weight:800;transition:.25s}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:#fff}.btn-secondary{border:1px solid #334155;color:#dbeafe;background:rgba(15,23,42,.5)}.btn:hover{transform:translateY(-2px)}
.grid-stream{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:24px 0 64px}.panel{background:#020617;border:1px solid #1e293b;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(2,6,23,.28)}.panel-pad{padding:24px}.live-head{background:linear-gradient(90deg,#0ea5e9,#3b82f6);padding:16px 20px;color:#fff;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:800}.pulse{width:12px;height:12px;border-radius:50%;background:#ef4444;display:inline-block;animation:pulse 1.7s infinite}.live-title{display:flex;align-items:center;gap:9px}.screen{aspect-ratio:16/9;background:radial-gradient(circle at 25% 20%,rgba(14,165,233,.45),transparent 32%),linear-gradient(135deg,#020617,#111827 55%,#0f172a);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.screen:before{content:"";position:absolute;inset:12%;border:1px solid rgba(14,165,233,.22);border-radius:28px;box-shadow:0 0 80px rgba(14,165,233,.18)}.play{width:82px;height:82px;border-radius:50%;background:rgba(14,165,233,.22);border:1px solid rgba(125,211,252,.45);display:grid;place-items:center;margin:0 auto 14px;color:#fff;font-size:32px}.live-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:rgba(30,41,59,.45);padding:16px 20px}.primary{color:#38bdf8}.white{color:#fff}.muted{color:#94a3b8}.title{font-size:28px;color:#fff;margin:0 0 26px;padding-left:14px;border-left:4px solid #0ea5e9}.side-list{display:grid;gap:14px}.match-card,.mini-card,.article,.guide,.topic,.rank,.team-card,.data-card{background:rgba(30,41,59,.35);border:1px solid rgba(51,65,85,.65);border-radius:16px;padding:16px;transition:.25s}.match-card:hover,.mini-card:hover,.article:hover,.guide:hover,.topic:hover,.rank:hover,.team-card:hover,.data-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(14,165,233,.15);border-color:rgba(14,165,233,.55)}.match-card{display:flex;justify-content:space-between;align-items:center;gap:12px}.tag{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(14,165,233,.18);color:#7dd3fc;font-size:12px;font-weight:800}.tag-red{background:rgba(239,68,68,.18);color:#fecaca}.section{margin:0 0 72px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.article{padding:0;overflow:hidden;background:#020617}.thumb{height:190px;background:linear-gradient(135deg,#0ea5e9,#3b82f6);display:grid;place-items:center;color:white;font-size:22px;font-weight:900}.thumb.dark{background:linear-gradient(135deg,#1e293b,#020617);color:#7dd3fc}.thumb.purple{background:linear-gradient(135deg,#7c3aed,#2563eb)}.article-body{padding:20px}.article h3,.guide h3,.data-card h3,.team-card h3{margin:0 0 10px;color:#fff}.article p,.guide p,.topic p{margin:0 0 14px}.meta{display:flex;justify-content:space-between;gap:10px;color:#94a3b8;font-size:14px}.guide-list{display:grid;gap:14px}.guide{display:flex;gap:15px;align-items:center}.icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#f59e0b,#ef4444);flex:0 0 auto}.icon.blue{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.topic{margin-bottom:16px}.topic-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.rank{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f59e0b;color:#111827;font-weight:900}.footer{border-top:1px solid #1e293b;background:#020617;margin-top:30px;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.notice{font-size:13px;color:#64748b;margin-top:10px}.copyright{font-size:13px;color:#94a3b8}.data-line{margin-top:14px}.bar{height:8px;background:#1e293b;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#3b82f6);border-radius:99px}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(max-width:900px){.grid-stream,.cards-3,.cards-2{grid-template-columns:1fr}.nav-links{display:none}.menu-btn{display:block}.mobile-menu.show{display:block}.footer-inner{text-align:center;justify-content:center}.live-foot{font-size:14px}}

.cards-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.gallery-card{background:#111827;border-radius:16px;overflow:hidden}
.gallery-card img{width:100%;height:220px;object-fit:cover;display:block}
.gallery-card h3,.gallery-card p{padding:0 15px}
.gallery-card h3{margin:15px 0 8px}
.gallery-card p{padding-bottom:15px}

/* 电竞升级特效 */
body{background:radial-gradient(circle at 20% 0%,rgba(14,165,233,.18),transparent 28%),radial-gradient(circle at 80% 10%,rgba(124,58,237,.16),transparent 30%),#050816;overflow-x:hidden}
#particles-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.75}.nav{box-shadow:0 0 28px rgba(14,165,233,.18)}
.hero-banner{width:100%;min-height:calc(100vh - 70px);padding:0;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;background:url('../assets/esport1.jpg') center/cover no-repeat;overflow:hidden;cursor:zoom-in}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.18),rgba(2,6,23,.65) 58%,#050816 100%),radial-gradient(circle at 50% 45%,rgba(14,165,233,.24),transparent 40%)}.hero-content{position:relative;z-index:2;padding:90px 0 70px}.hero h1{text-shadow:0 0 28px rgba(14,165,233,.55),0 8px 36px rgba(0,0,0,.55)}.hero p{color:#e0f2fe;text-shadow:0 4px 18px rgba(0,0,0,.6)}
.countdown-box{margin:28px auto 0;display:grid;grid-template-columns:repeat(4,92px);gap:12px;justify-content:center}.countdown-box div{padding:14px 8px;border-radius:18px;background:rgba(2,6,23,.58);border:1px solid rgba(125,211,252,.35);box-shadow:0 0 28px rgba(14,165,233,.2),inset 0 0 22px rgba(14,165,233,.08);backdrop-filter:blur(8px)}.countdown-box b{display:block;color:#fff;font-size:30px;line-height:1;text-shadow:0 0 16px rgba(56,189,248,.85)}.countdown-box span{font-size:13px;color:#7dd3fc;font-weight:800}.btn-primary,.bar span{box-shadow:0 0 22px rgba(14,165,233,.42)}
.data-card{position:relative;overflow:hidden}.data-card:before,.match-card:before,.article:before,.gallery-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(14,165,233,.28),rgba(124,58,237,.22),transparent);opacity:0;transition:.35s;pointer-events:none}.data-card:hover:before,.match-card:hover:before,.article:hover:before,.gallery-card:hover:before{opacity:1}.data-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 0 34px rgba(14,165,233,.34),0 18px 46px rgba(59,130,246,.16);border-color:#38bdf8}.data-card h3{position:relative}.data-card h3:after{content:"";display:block;width:42px;height:3px;border-radius:9px;margin-top:10px;background:linear-gradient(90deg,#38bdf8,#7c3aed)}
.gallery-card{position:relative;border:1px solid rgba(51,65,85,.7);box-shadow:0 0 22px rgba(14,165,233,.08);transition:.25s}.gallery-card:hover{transform:translateY(-6px);box-shadow:0 0 30px rgba(14,165,233,.25)}.zoomable,.hero-banner{cursor:zoom-in}.zoomable{transition:.35s}.zoomable:hover{filter:brightness(1.08) saturate(1.12);transform:scale(1.025)}.article{position:relative}.thumb-img{width:100%;height:210px;object-fit:cover}.lightbox{position:fixed;inset:0;background:rgba(2,6,23,.88);display:none;align-items:center;justify-content:center;z-index:999;padding:24px}.lightbox.show{display:flex}.lightbox img{max-width:min(1100px,96vw);max-height:88vh;border-radius:18px;box-shadow:0 0 50px rgba(14,165,233,.45)}.lightbox-close{position:absolute;top:18px;right:24px;width:48px;height:48px;border:1px solid rgba(125,211,252,.4);border-radius:50%;background:rgba(15,23,42,.8);color:#fff;font-size:34px;line-height:1;cursor:pointer}.panel,.article,.data-card,.gallery-card{backdrop-filter:blur(4px)}
@media(max-width:900px){.hero-banner{min-height:760px}.countdown-box{grid-template-columns:repeat(2,96px)}.hero-content{padding-top:110px}.thumb-img{height:190px}}