*{box-sizing:border-box}body{margin:0;color:#212529;background:#fff;font-family:"Open Sans",Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.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;letter-spacing:-1px}.brand b{background:#fff;color:#ff4c4c;padding:2px 5px;border-radius:3px;margin-right:3px}.links{display:flex;align-items:center;gap:24px;font-size:15px}.container{max-width:1140px;margin:auto;padding:0 12px}.search-wrap{margin:24px 0 13px}.trending{padding:9px 3px;color:#777;font-size:12px}.trending span{display:inline-block;margin:2px 5px;color:#dc3545;cursor:pointer}h4,.section-title,.section-head h1{font-size:20px;margin:18px 0 13px;font-weight:600}.section-head{display:flex;align-items:center}.filter{margin-left:auto;background:#dc3545;color:#fff;border-radius:4px;padding:7px 14px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px}.grid>a{min-width:0}.card{overflow:hidden;background:#fff}.cover{position:relative;background:#eee;aspect-ratio:2/3;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.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}.casts{display:grid;grid-template-columns:repeat(6,1fr);text-align:center;margin-bottom:22px}.cast{position:relative}.avatar{width:72px;height:72px;border:2px solid #dc3545;border-radius:50%;background:#f4f4f4;color:#dc3545;display:grid;place-items:center;margin:auto;font-size:27px;font-weight:700}.rank{position:absolute;top:7px;left:calc(50% - 43px);background:#dc3545;color:#fff;border-radius:20px;padding:3px 7px}.cast-name{font-size:12px;margin:7px 0}.pager{display:flex;justify-content:center;gap:4px;margin:30px 0 42px}.pager a,.pager span{border:1px solid #dee2e6;padding:7px 11px;border-radius:4px}.pager .active{background:#dc3545;border-color:#dc3545;color:#fff}.notice{padding:16px;border:1px solid #f1aeb5;background:#f8d7da;color:#58151c;border-radius:5px}.empty{text-align:center;color:#777;padding:60px 0}footer{border-top:1px solid #eee;padding:25px;text-align:center;color:#777;margin-top:30px}.menu{display:none}
@media(max-width:991px){.links{display:none}.menu{display:block;margin-left:auto;font-size:24px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.casts{grid-template-columns:repeat(4,1fr)}}
@media(max-width:575px){.container{padding:0 9px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 7px}.casts{grid-template-columns:repeat(3,1fr)}.title{font-size:11px;height:31px}.date{font-size:10px}}