.role-item[data-v-c0880f82]{display:flex;flex-direction:column;position:relative}.role-item.with-tags .comic-info .comic-brief[data-v-c0880f82]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.update-label[data-v-c0880f82]{background:linear-gradient(279deg,#ff3737 2%,#fe48ac 89%);border-radius:0 12px;color:#fff;font-size:14px;font-weight:510;height:24px;line-height:24px;padding-left:8px;padding-right:8px;position:absolute;right:0;top:0;z-index:10}.comic-cover-wrapper[data-v-c0880f82]{border-radius:12px 12px 0 0;height:0;overflow:hidden;padding-top:100%;position:relative;width:100%}.comic-cover-wrapper .comic-cover-outer[data-v-c0880f82]{border-radius:inherit;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.comic-cover-wrapper .comic-cover[data-v-c0880f82]{border-radius:0;height:100%;transform-origin:center;transition:transform .3s ease;width:100%}.comic-cover-wrapper .comic-cover[data-v-c0880f82] .el-image__inner{-o-object-position:top;object-position:top}.comic-cover-wrapper .comic-read-cnt[data-v-c0880f82]{align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));bottom:0;box-sizing:border-box;display:flex;justify-content:flex-start;left:0;padding:8px 12px;position:absolute;right:0}.comic-cover-wrapper .comic-read-cnt .comic-read-num[data-v-c0880f82]{color:#fff;font-size:12px;line-height:16px}.comic-cover-wrapper .comic-read-cnt .comic-read-num .icon[data-v-c0880f82]{margin-right:2px}.comic-cover-wrapper .comic-read-cnt .comic-read-new[data-v-c0880f82]{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#7566ffb3;border-radius:50px;color:#ffffffb3;display:inline-block;font-size:12px;font-weight:510;line-height:12px;padding:2px 5px;text-align:center}.comic-cover-wrapper .comic-read-cnt .comic-read-new span[data-v-c0880f82]{display:inline-block;transform:scale(.83);transform-origin:center}.comic-info[data-v-c0880f82]{flex:1 1 auto;justify-content:space-between;padding:10px 12px}.comic-info .creator-info[data-v-c0880f82]{overflow:hidden}.comic-info .creator-info .creator-avatar[data-v-c0880f82]{border-radius:50%;height:20px;width:20px}.comic-info .creator-info .creator-name[data-v-c0880f82]{color:#fff;display:-webkit-box;font-size:14px;line-height:16px;margin-left:6px;opacity:.5;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.comic-info .comic-icon-wrap[data-v-c0880f82]{border-radius:2px;height:18px;width:22px}.comic-info .comic-icon-wrap .comic-icon[data-v-c0880f82]{opacity:.5}.comic-info .comic-title[data-v-c0880f82]{-webkit-line-clamp:3;color:#ffffffb3;font-size:14px;font-weight:510;line-height:20px;margin-bottom:6px}.comic-info .comic-title[data-v-c0880f82],.comic-info .comic-title.line-1[data-v-c0880f82]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.comic-info .comic-title.line-1[data-v-c0880f82]{-webkit-line-clamp:1}.comic-info .comic-brief[data-v-c0880f82]{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;color:#fff;font-size:12px;line-height:16px;margin-bottom:6px;opacity:.5;white-space:pre-wrap}.comic-info .info-tags[data-v-c0880f82]{color:var(--color-text-white-alpha);font-size:12px;line-height:14px;max-height:48px;max-width:100%;overflow:hidden}.comic-info .info-tags .info-targ__wrap[data-v-c0880f82]{display:flex;flex-wrap:wrap;margin:0 -3px}.comic-info .info-tags .info-tag[data-v-c0880f82]{align-items:center;background:#ffffff1a;border-radius:4px;display:flex;font-size:12px;height:18px;justify-content:center;line-height:18px;margin:0 3px 6px;padding:0 6px;text-align:center}.comic-info .info-tags .info-tag.info-tag-comic[data-v-c0880f82]{height:18px;padding:0;width:22px}.comic-info .shot-num-wrap[data-v-c0880f82]{color:#ffffffb3;font-size:12px}.comic-info .shot-num-wrap .shot-num[data-v-c0880f82]{color:#9291ffe6}.comic-hover[data-v-c0880f82]{-webkit-backdrop-filter:blur(51px);backdrop-filter:blur(51px);background:#00000080;border-radius:12px;box-sizing:border-box;height:calc(100% + 2px);left:-1px;padding:24px 16px;position:absolute;top:-1px;width:calc(100% + 2px)}.comic-hover .comic-name[data-v-c0880f82]{color:#fff;font-size:16px;font-weight:510;line-height:20px}.comic-hover .comic-brief[data-v-c0880f82]{color:#fff;display:-webkit-box;font-size:14px;line-height:20px;opacity:.5;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.comic-hover .chat-btn[data-v-c0880f82]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.05);border-radius:16px;bottom:24px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:500;left:12px;line-height:16px;padding:7px;position:absolute;text-align:center;width:calc(100% - 24px)}@media screen and (min-width:745px){.role-item:hover .comic-cover-wrapper .comic-cover[data-v-c0880f82]{transform:scale(1.1)}}@media screen and (max-width:744px){.comic-cover-wrapper[data-v-c0880f82]{padding-top:133.33%}.comic-info[data-v-c0880f82]{padding:10px}}