*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e8eaed}
a{color:inherit;text-decoration:none}header{display:flex;gap:24px;align-items:center;padding:14px 24px;background:#171a21;border-bottom:1px solid #262b36;position:sticky;top:0;flex-wrap:wrap}
.logo{font-weight:700;font-size:20px}.logo b{color:#4f8cff}nav{display:flex;gap:18px;color:#aab1bd}nav a:hover,nav a.on{color:#fff}
#q{flex:1;min-width:160px;max-width:420px;padding:9px 14px;border-radius:20px;border:1px solid #2b3140;background:#0f1115;color:#fff}
main{max-width:1240px;margin:0 auto;padding:24px 16px}h1{font-size:22px;margin:0 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#1c212b;display:block}.card h3{font-size:15px;margin:10px 0 2px;font-weight:600}.card p,.muted{margin:0;color:#8b93a1;font-size:13px}
.player{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.box{background:#171a21;border:1px solid #262b36;border-radius:12px;padding:24px;max-width:640px}
.drop{border:2px dashed #33405a;border-radius:12px;padding:40px;text-align:center;color:#8b93a1;margin:16px 0}
button,.btn{background:#4f8cff;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:15px;cursor:pointer}
.live{display:inline-block;background:#e5484d;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;margin-right:6px}
footer{padding:28px 24px;color:#6c7480;font-size:13px;text-align:center}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.tabs a{padding:6px 14px;border-radius:16px;background:#1c212b;color:#aab1bd;font-size:14px}.tabs a.on,.tabs a:hover{background:#4f8cff;color:#fff}
.th{position:relative}.th span{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;padding:1px 5px;border-radius:4px}
.card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#more{display:block;margin:28px auto 0}#cat a{color:#8b93a1;text-decoration:underline}
.th span.lv{background:#e5484d;font-weight:700;left:6px;right:auto;top:6px;bottom:auto}