.vt-genre{max-width:1120px;margin:40px auto 72px;padding:0 20px;box-sizing:border-box}
.vt-genre-title{margin:0 0 28px;color:#333;font-size:28px;line-height:1.3}
.vt-genre-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 20px}
.vt-genre-item{display:flex;min-width:0;flex-direction:column;color:#333;text-decoration:none}
.vt-genre-cover{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;background:#f5f5f5}
.vt-genre-item-title{display:-webkit-box;margin-top:10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;font-weight:700;line-height:22px}
.vt-genre-tags{display:-webkit-box;margin-top:6px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#888;font-size:12px;line-height:18px}
.vt-genre-empty{padding:80px 0;text-align:center;color:#888;font-size:16px}
.vt-genre-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;color:#666;font-size:14px}
.vt-genre-pagination>a,.vt-genre-pagination>span:first-child,.vt-genre-pagination>span:last-child{min-width:108px;text-align:center}
.vt-genre-pagination a{padding:10px 18px;border:1px solid #ff5059;border-radius:24px;color:#ff5059;text-decoration:none;box-sizing:border-box}
.vt-genre-pagination a:hover{background:#ff5059;color:#fff}
@media(max-width:800px){
    .vt-genre{margin:24px auto 48px;padding:0 16px}
    .vt-genre-title{margin-bottom:20px;font-size:22px}
    .vt-genre-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
    .vt-genre-item-title{font-size:14px;line-height:20px}
    .vt-genre-pagination{margin-top:32px}
    .vt-genre-pagination>a,.vt-genre-pagination>span:first-child,.vt-genre-pagination>span:last-child{min-width:80px}
    .vt-genre-pagination a{padding:8px 12px}
}