:root{color-scheme:dark;--bg:#07080b;--panel:#11141a;--panel2:#171b23;--line:#262c37;--text:#f7f8fb;--muted:#919aaa;--cyan:#58e0ff;--lime:#a5ff72;--red:#ff6f7d;--shadow:0 22px 70px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% -10%,rgba(88,224,255,.13),transparent 30%),radial-gradient(circle at 10% 20%,rgba(165,255,114,.07),transparent 26%),var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.topbar{border-bottom:1px solid var(--line);background:rgba(7,8,11,.8);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.logo{color:var(--text);font-weight:950;letter-spacing:.08em;text-decoration:none}.logo span{color:var(--cyan)}.pulse{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.pulse i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(165,255,114,.08)}.hero{padding:76px 0 58px}.kicker{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.24em}.hero h1{font-size:clamp(39px,6.6vw,76px);line-height:1.03;letter-spacing:-.055em;margin:15px 0 20px}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--cyan),var(--lime));background-clip:text}.lead{color:var(--muted);font-size:18px}.metrics{display:flex;gap:42px;margin-top:38px}.metrics div{display:flex;flex-direction:column}.metrics strong{font-size:28px}.metrics span{color:var(--muted);font-size:12px}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:22px}.tab{border:0;background:transparent;color:var(--muted);padding:14px 18px;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-color:var(--cyan)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.search{flex:1;display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 14px}.search input{width:100%;background:transparent;border:0;outline:0;color:var(--text)}select,.button,.toggle{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px 14px}.toggle{display:flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.button{display:inline-block;text-decoration:none;cursor:pointer;background:var(--cyan);color:#052129;border-color:transparent;font-weight:800}.button.secondary{background:var(--panel);color:var(--text)}.button.secondary:hover{border-color:var(--cyan)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:linear-gradient(150deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow);min-width:0}.channel-logo{width:58px;height:58px;object-fit:contain;border-radius:14px;background:#fff;padding:5px}.card-top{display:flex;justify-content:space-between;gap:10px}.status{font-size:10px;text-transform:uppercase;align-self:flex-start;padding:5px 8px;border-radius:999px;color:var(--lime);background:rgba(165,255,114,.08)}.status.offline{color:var(--red);background:rgba(255,111,125,.08)}.card h3{font-size:15px;margin:18px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{color:var(--muted);font-size:12px;margin:0 0 16px}.card .button{width:100%;text-align:center;padding:9px 12px;font-size:12px}.event-card{display:flex;flex-direction:column}.event-type{color:var(--cyan);font-size:11px;font-weight:800}.event-teams{margin:15px 0;font-weight:800;line-height:1.5;min-height:48px}.event-card .meta{flex:1;line-height:1.6}.notice{text-align:center;color:var(--muted);padding:34px}.notice.error{color:#ff9ba5}.hidden{display:none!important}dialog{width:min(960px,calc(100% - 22px));padding:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 40px 120px #000}dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}.dialog-head,.dialog-foot{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.dialog-head small{color:var(--cyan)}.dialog-head h2{font-size:18px;margin:4px 0 0}.close{background:none;border:0;color:var(--text);font-size:30px;cursor:pointer}.frame-shell{aspect-ratio:16/9;background:#000}.frame-shell iframe{width:100%;height:100%;border:0}.dialog-foot p{color:var(--muted);font-size:12px}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px;margin-top:60px;padding:24px 0 40px}@media(max-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.hero{padding:48px 0 40px}.metrics{justify-content:space-between;gap:12px}.toolbar{align-items:stretch;flex-direction:column}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-foot{align-items:stretch;flex-direction:column}.dialog-foot .button{width:100%;text-align:center}}@media(max-width:470px){.grid{grid-template-columns:1fr}.metrics strong{font-size:22px}}