.novel-list{display:flex;gap:24px;flex-wrap:wrap}.novel-list-item{width:200px}@media(max-width:768px){.novel-list{gap:16px}.novel-list-item{width:100%}}.novel-card{width:100%;cursor:pointer}.novel-card-image-wrapper{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden}.novel-card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:.3s}.novel-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:.3s}.novel-card:hover .novel-card-overlay{opacity:1}.novel-card-play-btn,.novel-card-redirect-btn{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transform:scale(.8);transition:.2s}.novel-card-redirect-btn{color:#000}.play-btn:hover{transform:scale(1)}.novel-card-info{margin-top:8px}.novel-card-info-inner{display:flex;flex-direction:column;gap:4px}.novel-card-title{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novel-card-secondary-info{display:flex;gap:4px;font-size:.8rem;color:var(--secondary)}@media (max-width:768px){.novel-card.no-audio .novel-card-overlay{opacity:0}.novel-card.has-audio .novel-card-overlay{opacity:1}.novel-card-inner{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px;background-color:var(--accent);border-radius:var(--radius-md);overflow:hidden;transition:.3s}.novel-card:hover .novel-card-inner{background-color:var(--accent-hover)}.novel-card-image-wrapper{width:64px;min-width:64px}.novel-card-info{margin-top:0;flex:1 1;overflow:hidden}}