:root{--bg:#0B1A33;--panel:#10264A;--line:#1F3A66;--tx:#E8EEF8;--mu:#8FA3C4;--gold:#F5B02E;--blue:#4A93F0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#14305E,#0B1A33 60%) fixed;color:var(--tx);font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}h2{font-size:22px;margin:0 0 16px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,26,51,.92);backdrop-filter:blur(8px);z-index:5}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:2px;font-size:20px}.brand img{width:40px;height:40px}.brand b{color:var(--gold)}.brand i{color:var(--blue);font-style:normal}
nav{display:flex;gap:6px;flex-wrap:wrap}nav a{padding:9px 14px;border-radius:10px;color:var(--mu)}nav a:hover,nav a.on{background:#14305E;color:#fff}
#banner{display:none;text-align:center;padding:10px 5vw;background:linear-gradient(90deg,#F5B02E,#4A93F0);color:#0B1A33;font-weight:700}
main{max-width:1100px;margin:0 auto;padding:36px 5vw 60px}
.hero{text-align:center;padding:30px 0 10px}.hero img{width:min(760px,92vw);height:auto}.hero p{font-size:clamp(18px,3vw,26px);color:var(--mu);margin:8px 0 28px;letter-spacing:1px}
.btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 48px}
.btn{display:block;text-align:center;padding:18px;border-radius:14px;font-weight:700;font-size:18px;background:var(--panel);border:1px solid var(--line);transition:.2s}
.btn:hover{border-color:var(--gold);transform:translateY(-2px)}.btn.main{background:linear-gradient(135deg,#F5B02E,#E8901A);color:#1a1200;border:0}
section{margin-bottom:44px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:.2s}.card:hover{border-color:var(--blue);transform:translateY(-3px)}
.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#0B1A33}.card.v img{aspect-ratio:16/9}
.card div{padding:12px 14px}.card b{display:block;font-size:15px}.card small{color:var(--mu)}
.empty{color:var(--mu)}#about{white-space:pre-line;font-size:18px;line-height:1.7;max-width:760px}
footer{border-top:1px solid var(--line);padding:24px 5vw;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:var(--mu)}footer a:hover{color:var(--gold)}
#m{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9;align-items:center;justify-content:center;padding:4vw}#m.on{display:flex}#m iframe{width:min(960px,100%);aspect-ratio:16/9;border:0;border-radius:12px}
.btn{display:flex;align-items:center;justify-content:center;gap:12px}.ic{width:28px;height:28px;flex:none}footer a{display:inline-flex;align-items:center;gap:8px}footer .ic{width:20px;height:20px}
html{scroll-behavior:smooth}section{scroll-margin-top:80px}h1{font-size:clamp(30px,6vw,54px);margin:6px 0 10px;letter-spacing:1px}h3{margin:36px 0 16px;color:var(--mu);font-size:15px;letter-spacing:2px;text-transform:uppercase}
.eyebrow{letter-spacing:3px;color:var(--gold);font-size:13px;margin:0 0 10px}.hero .eyebrow{color:var(--mu);margin-bottom:22px}.sub{color:var(--mu);margin:-6px 0 22px}
.plat{text-align:center}.plat .btns{margin-top:22px;text-align:left}
.latest{display:none;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;max-width:620px;margin:6px auto 0;padding:14px 20px;border-radius:14px;background:linear-gradient(90deg,#F5B02E,#4A93F0);color:#0B1A33;font-weight:600}.latest b{font-size:18px}.latest span:last-child{font-weight:800}
.sp{width:100%;border:0;border-radius:14px;display:block}.about{font-size:19px;line-height:1.7;max-width:760px}
.copy{text-align:center;color:var(--mu);font-size:13px;padding:0 0 28px}section{margin-bottom:64px}
html{background:#0B1A33}
.yt{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;display:block;background:#09152B}

[hidden]{display:none!important}
#m iframe.su{aspect-ratio:auto;height:240px;max-width:760px}
#pl{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 5vw;background:rgba(16,38,74,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
#pl[hidden]{display:none}#pl img{width:44px;height:44px;border-radius:8px;object-fit:cover}.plt{flex:1;min-width:0}.plt b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#plp{width:100%;accent-color:var(--gold)}#pl button{background:none;border:1px solid var(--line);color:var(--tx);border-radius:50%;width:40px;height:40px;font-size:16px;cursor:pointer}#pl button:hover{border-color:var(--gold)}
#sunogrid .card.on{border-color:var(--gold)}body{padding-bottom:70px}
.card{position:relative}.ai{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:999px;background:var(--gold);color:#0B1A33;font-weight:800;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.45)}.ai.no{background:rgba(11,26,51,.8);color:var(--mu);border:1px solid var(--line);font-weight:600}
.lk{position:absolute;right:10px;bottom:12px;background:rgba(11,26,51,.8);border:1px solid var(--line);color:var(--mu);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700;cursor:pointer}.lk:hover{border-color:var(--gold)}.lk.on{color:#ff5a7a;border-color:#ff5a7a}#sunogrid .card>div{padding-right:76px}