.comic-item{border-radius:8px;overflow:hidden;transition:transform .2s;background-color:#fff;border:1px solid #e0e0e0;cursor:pointer}.comic-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.comic-item__cover{position:relative;aspect-ratio:4/5;overflow:hidden}.comic-item__cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s,opacity .5s ease;opacity:0}.comic-item__cover img.loaded{opacity:1}.comic-item__cover:hover img{transform:scale(1.05)}.comic-item__status{position:absolute;bottom:8px;right:8px;padding:2px 6px;border-radius:4px;background-color:rgba(0,0,0,.7);color:#fff;font-size:12px}.comic-item__info{padding:8px}.comic-item__title{font-size:14px;font-weight:400;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comic-item__stats{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-bottom:4px}.comic-item__stats .fa-heart{color:#ff6b81;transition:transform .2s ease}.comic-item__stats .fa-heart:hover{transform:scale(1.2)}.comic-item__latest{font-size:12px;color:#ff5722;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comic-item__author{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comic-item__cover.image-loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;z-index:1}.comic-item__cover.image-loading:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid #ddd;border-top-color:#ff5722;border-radius:50%;z-index:2;animation:spinner .8s linear infinite}.horizontal-scroll .comic-item{flex:0 0 auto;width:140px}.horizontal-two-row .comic-item{flex:0 0 auto;width:140px;margin-right:10px}