body{background:#0f0f0f;color:#fff;font-family:Arial;}
.container{width:90%;margin:auto;}
.drama-list{display:flex;flex-wrap:wrap;gap:15px;}
.drama-card{width:22%;transition:0.3s;position:relative;}
.drama-card:hover{transform:scale(1.05);}
.hover-info{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.8);color:#fff;padding:10px;opacity:0;transition:0.3s;}
.drama-card:hover .hover-info{opacity:1;}
.slider{display:flex;overflow:hidden;margin-bottom:20px;}
.slide{min-width:100%;position:relative;}
.slide img{width:100%;border-radius:10px;}
@media screen and (max-width:1024px){.drama-card{width:30%;}}
@media screen and (max-width:768px){.drama-card{width:45%;}}
@media screen and (max-width:480px){.drama-card{width:100%;}}