:root{
--bg:#020611;--bg2:#061020;--panel:#08162b;--panel2:#0b1d38;
--blue:#1787ff;--blue2:#52b0ff;--gold:#e9b94f;--gold2:#ffe39a;
--text:#edf6ff;--muted:#8ca5c4;--line:#174777;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{height:72px;position:sticky;top:0;z-index:50;background:rgba(2,6,17,.94);backdrop-filter:blur(10px);border-bottom:1px solid #123c6d}.nav-wrap{width:min(1180px,calc(100% - 36px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:900;color:var(--gold);letter-spacing:1px}.brand span{color:var(--blue2)}nav{height:100%;display:flex;gap:32px}nav a{height:100%;display:flex;align-items:center;color:#9cb2cf;font-size:14px;border-bottom:3px solid transparent}nav a:hover{color:white;border-color:var(--gold)}.hero{height:660px;position:relative;background:url("../images/hero/hero-bg.svg") center/cover no-repeat;display:grid;place-items:center;overflow:hidden}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle,transparent 10%,rgba(1,4,12,.25) 45%,rgba(1,4,12,.85) 100%)}.hero-logo{position:relative;width:min(530px,82vw);filter:drop-shadow(0 22px 24px #000) drop-shadow(0 0 24px #1688ff66)}.scroll-hint{position:absolute;bottom:22px;font-size:10px;letter-spacing:3px;color:#7894b8;text-align:center}.scroll-hint span{display:block;font-size:24px;color:var(--gold)}.section{padding:70px 0}.quick-section{background:linear-gradient(#030916,#06101e)}.quick-grid{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:16px}.card{background:linear-gradient(145deg,#071326,#050c18);border:1px solid var(--line);min-height:330px;box-shadow:inset 0 1px #1c5b98,0 12px 30px #0005}.status-card,.event-card{padding:25px;text-align:center}.section-label,.heading small{color:var(--gold);font-weight:800;font-size:11px;letter-spacing:2px}.card h2{font-size:22px;margin:7px 0 20px}.status-image{width:205px;max-width:90%;margin:2px auto 22px}.server-spec{max-width:230px;margin:auto}.server-spec div{display:flex;justify-content:space-between;padding:7px;border-bottom:1px solid #102d50;color:#a9bdd7}.server-spec b{color:white}.promo-card{padding:9px;display:flex}.promo-card img{width:100%;height:100%;object-fit:cover}.event-line{padding:15px 5px;border-bottom:1px solid #14375d}.event-line strong{display:block;color:var(--gold2);font-size:16px}.event-line span{display:block;color:#60b8ff;margin-top:5px;font-weight:bold}.event-card p{color:#8fa6c3;line-height:1.8;font-size:12px;margin-top:22px}.guide-section{background:#030916}.heading{text-align:center;margin-bottom:34px}.heading h2{font-size:30px;margin:8px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:950px;margin:auto}.guide-grid a{position:relative;padding:20px 24px;background:linear-gradient(90deg,#08172c,#0b2444);border:1px solid #164b80;transition:.2s}.guide-grid a:after{content:"›";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--gold)}.guide-grid a:hover{transform:translateY(-2px);border-color:var(--gold);background:#0c294d}.guide-grid b{display:block;color:var(--gold2);font-size:13px}.guide-grid span{display:block;color:#9eb3ce;font-size:13px;margin-top:4px}.news-section{background:linear-gradient(#06101e,#030916)}.slider{position:relative;max-width:1050px;margin:auto;border:1px solid #1c558e;background:#020813;box-shadow:0 20px 50px #0008}.slides{aspect-ratio:16/6.2;overflow:hidden}.slide{display:none;width:100%;height:100%}.slide.active{display:block}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:60px;border:1px solid #ffffff35;background:#020611bb;color:white;font-size:34px;cursor:pointer}.slider-btn:hover{color:var(--gold);border-color:var(--gold)}.prev{left:14px}.next{right:14px}.dots{position:absolute;bottom:13px;left:0;right:0;display:flex;justify-content:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;border:1px solid white;background:transparent;cursor:pointer}.dot.active{background:var(--gold);border-color:var(--gold)}.ranking-section{background:#020713}.season-bar{max-width:1000px;margin:0 auto 18px;padding:15px 20px;display:flex;justify-content:space-between;background:#07182d;border:1px solid #164a7d}.season-bar b{color:var(--gold)}.season-bar span{color:#91a9c6;font-size:13px}.ranking-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px;margin:auto}.ranking-card{background:#061224;border:1px solid #164777;padding:18px}.ranking-card h3{text-align:center;color:var(--gold2);letter-spacing:2px}.rank-head,.rank-row{display:grid;grid-template-columns:80px 1fr 90px;align-items:center;min-height:42px;padding:0 10px}.rank-head{font-size:11px;color:#6684a9;border-bottom:1px solid #1a4d80}.rank-row{border-bottom:1px solid #102e50;font-size:13px}.rank-row strong{color:#c9d8eb}.rank-row>b{text-align:right;color:#6cbcff}.rank-no{text-align:center}.rank-1{background:#e2ae3c12}.rank-1 strong,.rank-1>b{color:#ffd86b}.rank-2 strong{color:#dbe6f4}.rank-3 strong{color:#d6a06d}.last-update{max-width:1000px;margin:12px auto 0;text-align:right;color:#587493;font-size:11px}footer{text-align:center;padding:50px 20px;background:#01040a;border-top:1px solid #123a65}footer img{width:120px;display:block;margin:0 auto 12px;filter:drop-shadow(0 8px 10px #000)}footer strong{color:var(--gold)}footer p{font-size:12px;color:#7893b5}footer small{color:#435c7a}@media(max-width:900px){nav{gap:15px}.quick-grid{grid-template-columns:1fr}.promo-card{min-height:260px}.ranking-grid{grid-template-columns:1fr}}@media(max-width:650px){.site-header{height:auto}.nav-wrap{padding:12px 0;display:block}.brand{display:block;text-align:center;margin-bottom:10px}nav{height:auto;justify-content:center;gap:12px;flex-wrap:wrap}nav a{height:auto;padding:6px 0;font-size:12px}.hero{height:500px}.section{padding:48px 0}.guide-grid{grid-template-columns:1fr}.season-bar{display:block;text-align:center}.season-bar span{display:block;margin-top:6px}.rank-head,.rank-row{grid-template-columns:65px 1fr 70px}.slider-btn{width:38px;height:50px}}