body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0e1116;color:#e8eaed}header{background:#141a22;padding:14px 24px;display:flex;align-items:center;gap:24px}header b{font-size:22px;color:#ffcc00}nav a{color:#c7ccd4;margin-right:16px;text-decoration:none}main{max-width:1100px;margin:0 auto;padding:20px}.player{background:#000;aspect-ratio:16/9;width:100%;border-radius:8px}.live{display:inline-block;background:#e53935;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;margin-right:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px}.card{background:#161b23;border-radius:8px;overflow:hidden}.card img{width:100%;display:block}.card p{margin:8px 10px;font-size:14px}footer{color:#7a828c;font-size:12px;text-align:center;padding:30px}