.comic-card[data-v-1fcf7fd1]{background:#fff;border-radius:12px;color:inherit;cursor:pointer;display:block;max-width:150px;min-width:150px;overflow:hidden;text-decoration:none;transition:all .3s ease;width:100%}@media(min-width:768px){.comic-card[data-v-1fcf7fd1]{max-width:180px}}.comic-card__image-wrapper[data-v-1fcf7fd1]{aspect-ratio:3/4;background:#f0f0f0;overflow:hidden;position:relative}.comic-card__image[data-v-1fcf7fd1]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.comic-card__overlay[data-v-1fcf7fd1]{background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent 40%);display:flex;flex-direction:column;inset:0;justify-content:flex-start;padding:.75rem;position:absolute}.comic-card__overlay-top[data-v-1fcf7fd1]{display:flex;justify-content:space-between;width:100%}.comic-card__rank[data-v-1fcf7fd1]{background:#3b82f6f2;color:#fff;font-weight:700}.comic-card__rank[data-v-1fcf7fd1],.comic-card__rating[data-v-1fcf7fd1]{border-radius:6px;font-size:.875rem;padding:.25rem .5rem}.comic-card__rating[data-v-1fcf7fd1]{align-items:center;background:#fffffff2;color:#333;display:flex;font-weight:600;gap:.25rem}.comic-card__rating svg[data-v-1fcf7fd1]{color:#fbbf24;height:1rem;width:1rem}.comic-card__content[data-v-1fcf7fd1]{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.comic-card__title[data-v-1fcf7fd1]{color:#1f2937;display:-webkit-box;font-size:1rem;font-weight:600;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin:0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.comic-card__chapter[data-v-1fcf7fd1]{color:#6b7280;font-size:.875rem;font-weight:500}.comic-card__status[data-v-1fcf7fd1]{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;width:-moz-fit-content;width:fit-content}.comic-card__status.status-0[data-v-1fcf7fd1]{background:#fef3c7;color:#92400e}.comic-card__status.status-1[data-v-1fcf7fd1]{background:#dbeafe;color:#1e40af}.comic-card__status.status-2[data-v-1fcf7fd1]{background:#fcd5ce;color:#b91c1c}.comic-card__status.status-3[data-v-1fcf7fd1]{background:#fee2e2;color:#991b1b}.comic-card__status.status-4[data-v-1fcf7fd1]{background:#d1fae5;color:#065f46}
