*{box-sizing:border-box}body{margin:0;background:#f2f2f2;font:16px Arial;color:#292929}header{height:70px;background:#fff;padding:0 max(18px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;font-size:22px}header a{font-size:14px}nav{background:#292929;padding:16px max(18px,calc((100% - 1100px)/2));display:flex;gap:28px;overflow:auto}nav a{color:#fff;text-decoration:none;white-space:nowrap}.ad{max-width:1100px;height:90px;margin:16px auto;background:#ddd;display:grid;place-items:center;color:#888;font-size:12px}main{max-width:1100px;margin:20px auto;padding:0 10px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fff;border-radius:7px;overflow:hidden;cursor:pointer}.thumb{aspect-ratio:16/9;background:#ddd;position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.dur{position:absolute;bottom:6px;left:6px;background:#222;color:#fff;padding:4px}.card h3{margin:12px;font-size:19px}.meta{margin:0 12px 14px;color:#777}.player{width:100%;background:#111;max-height:70vh}button{background:#c98208;color:#fff;border:0;padding:11px 16px;border-radius:6px}@media(max-width:700px){.grid{gap:10px}.card h3{font-size:16px}.ad{margin:10px;height:75px}}footer{text-align:center;padding:30px;color:#777}