:root{--bg:#0b0c10;--fg:#e8e8e8;--muted:#a1a1aa;--card:#12131a;--brand:#22c55e;--br:#23242b}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,Segoe UI,Roboto,Ubuntu,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
header.site{border-bottom:1px solid var(--br);background:#0e0f13}
.brand{display:inline-flex;gap:8px;font-weight:800;font-size:20px}
.tag{color:var(--muted);margin:6px 0 0}
h1,h2,h3{margin:14px 0}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--br);border-radius:14px;overflow:hidden}
.card .thumb{display:block;aspect-ratio:16/9;background:#000}
.card img{width:100%;height:100%;object-fit:cover;display:block}
.card .meta{padding:10px}
.card .title{font-weight:700;display:block}
.card .sub{margin-top:6px;color:var(--muted);display:flex;gap:10px;align-items:center}
.live-dot{font-weight:700;color:#f33}
.empty{padding:16px;border:1px dashed var(--br);border-radius:12px;color:var(--muted)}
.mt{margin-top:26px}
.list{padding-left:18px}
.list li{margin:6px 0}
.player{aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--br)}
.player iframe{width:100%;height:100%;display:block;border:0}
.note{color:var(--muted);font-size:14px}
footer.site{border-top:1px solid var(--br);margin-top:26px}
.foot a{color:var(--muted)}