*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif}body{background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.13),transparent 28%),radial-gradient(circle at 88% 88%,rgba(0,0,0,.32),transparent 35%),linear-gradient(135deg,#0d1117,#2c1742 48%,#101827);color:#fff}header{width:100%;padding:17px 10px;text-align:center;font-size:21px;font-weight:800;letter-spacing:.6px;background:rgba(0,0,0,.30);border-bottom:1px solid rgba(255,255,255,.12)}main{width:min(1100px,94%);margin:17px auto 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{overflow:hidden;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px rgba(0,0,0,.28)}.thumb{position:relative;aspect-ratio:16/10;overflow:hidden}.thumb a{display:block;width:100%;height:100%}.thumb img{display:block;width:100%;height:100%;object-fit:cover}.duration{position:absolute;right:7px;bottom:7px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.78);font-size:11px;font-weight:700}.info{padding:7px 9px 9px}.name{margin:0;font-size:12px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:760px){main{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.name{font-size:13px}}