:root{color-scheme:dark}
body{font-family:system-ui,sans-serif;margin:0;background:#111;color:#ddd}
main{max-width:1180px;margin:0 auto;padding:16px}
a{color:#6cf;text-decoration:none}
header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}
header h1{font-size:18px;margin:0 8px 0 0}
.btn,select{background:#2a2a2a;color:#ddd;border:1px solid #444;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:14px}
.btn:hover{background:#333}
.dateform{display:inline}
.event{background:#1a1a1a;border:1px solid #2c2c2c;border-radius:10px;margin-bottom:14px;padding:12px 14px}
.event .head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.event .time{font-size:15px;font-weight:600}
.badge{background:#333;border-radius:6px;padding:1px 8px;font-size:12px;color:#9cf}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ch{position:relative;border-radius:8px;overflow:hidden;background:#000;cursor:pointer;display:block}
.ch img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.ch .ph{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#555;font-size:12px}
.ch .lbl{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000c);padding:14px 6px 4px;font-size:12px}
.empty{color:#666;padding:40px;text-align:center}
video{width:100%;max-height:60vh;background:#000;border-radius:8px}
.meta{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px;margin-top:10px}
.meta .k{color:#888}
.row{display:flex;gap:14px;align-items:center;margin-top:10px;flex-wrap:wrap}
.hint{color:#888;font-size:12px}