.responsive {overflow:hidden;padding-top:56.25%;position:relative;background:#000}
.responsive iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}
#videoList {display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:10px 5px}
#nowPlaying {text-align:center;color:#fff;background:#12a14b}
.box{display:flex;flex-direction:column;align-items:stretch;width:100%}
.box a{display:block;width:100%;cursor:pointer;margin-bottom:8px}
.box img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;box-shadow:0 4px 10px #0003;transition:transform .2s ease}
.box img:hover{transform:scale(1.03)}
.tit{font-family:sans-serif;font-size:15px;font-weight:600;color:#333;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}