
*{box-sizing:border-box}body{margin:0;color:#212529;font:14px "Open Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}.nav{height:56px;background:#ff4c4c;color:#fff}.nav-inner{max-width:1320px;height:100%;margin:auto;padding:0 18px;display:flex;align-items:center;gap:25px}.brand{font-size:21px;font-weight:700}.brand b{background:#fff;color:#ff4c4c;padding:2px 5px;border-radius:3px}.links{display:flex;gap:24px}.container{max-width:1140px;margin:auto;padding:25px 12px}h1{text-transform:capitalize;margin:0 0 5px}.sub{color:#666;margin:0 0 22px}.release-badge{display:inline-block;background:#dc3545;color:#fff;border-radius:4px;padding:5px 9px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 12px}.cover{position:relative;background:#eee;aspect-ratio:2/3;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.duration{position:absolute;right:5px;bottom:5px;background:#6c757d;color:#fff;padding:3px 6px;border-radius:4px;font-size:11px}.title{margin:7px 0 2px;line-height:1.35;font-size:13px;font-weight:600;height:35px;overflow:hidden}.date{font-size:11px;color:#777}.empty{text-align:center;padding:60px;color:#777}.notice{padding:16px;background:#f8d7da;color:#58151c}.back{display:inline-block;margin-bottom:18px;color:#dc3545}.pager{display:flex;justify-content:center;gap:4px;margin:30px}.pager a,.pager span{border:1px solid #ddd;padding:7px 11px;border-radius:4px}.pager .active{background:#dc3545;color:#fff}@media(max-width:991px){.links{display:none}.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:575px){.grid{grid-template-columns:repeat(3,1fr);gap:14px 7px}.title{font-size:11px}}

