.role-item[data-v-a6d9efe1]{background:#1c1c1d;border-radius:12px;cursor:pointer;position:relative;text-align:left}.role-item.with-tags .role-item-hover .role-brief[data-v-a6d9efe1]{-webkit-line-clamp:7}.role-item.with-tags .role-item-hover .role-brief[data-v-a6d9efe1],.role-item.with-tags.has-no-tags .role-info .role-brief[data-v-a6d9efe1]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.role-item.with-tags.has-no-tags .role-info .role-brief[data-v-a6d9efe1]{height:auto;-webkit-line-clamp:4}.role-item .role-img[data-v-a6d9efe1]{overflow:hidden;position:relative;width:100%}.role-item .role-img[data-v-a6d9efe1]:before{content:"";display:block;padding-top:100%}.role-item .role-img.role-img-ratio[data-v-a6d9efe1]:before{padding-top:133.33%!important}.role-item .role-img .el-image[data-v-a6d9efe1]{border-radius:12px 12px 0 0;height:100%;left:0;position:absolute;top:0;width:100%}.role-item .role-img .chat-num[data-v-a6d9efe1]{align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));border-radius:0;bottom:0;color:#fff;display:flex;font-size:12px;height:32px;justify-content:left;left:0;padding:0 8px;position:absolute;width:calc(100% - 16px)}.role-item .role-img .chat-num[data-v-a6d9efe1]:before{background:url(data:image/webp;base64,UklGRj4BAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSOIAAAABkKNt27FHT2zbaW0n3b+D2Darv4tV27bT2eyyCdvo/uO/MzMvRguIiAmg/7pb+eTWSm+C8e+wHVOB+aTUlAq4hOCWsYT7LYTXNMVWIFkgFATZCw2RFimEiSzLZZKtJmdHroKiyzhTcvEU/2bPKpZSO1EVKlk2nzJbRKeYZVGVhMqf/IFdjuaJWD7RLrDMoSGRr1QiJYA6oQ/VLy89LkRZagA+vIZrpYmZIiUmVJtIvw0AFklQk7gWpVcAcGEr8quivr7/SAXmEElnn4H/G0hH0Tw225oSNKPu+g2CHtZ/4p8HVlA4IDYAAAAQAwCdASocABwAPp04p1OBQAsBOJaQAAPWGmyQ/5ur/aAA/vcep/7qqMAn//7QRm//8Q6AAAA=) no-repeat;background-size:100% 100%;content:"";height:14px;margin-right:4px;width:14px}.role-item .role-info[data-v-a6d9efe1]{padding:6px 12px 14px}.role-item .role-info .role-brief[data-v-a6d9efe1]{height:32px}.role-item .role-name[data-v-a6d9efe1]{color:#fff;font-size:14px;font-weight:500;line-height:20px;-webkit-line-clamp:1}.role-item .role-brief[data-v-a6d9efe1],.role-item .role-name[data-v-a6d9efe1]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.role-item .role-brief[data-v-a6d9efe1]{color:#ffffff80;font-size:12px;line-height:16px;margin-top:6px;-webkit-line-clamp:2}.role-item .role-item-hover[data-v-a6d9efe1]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10101199;border-radius:11px;box-sizing:border-box;height:calc(100% + 2px);left:-1px;padding:24px 12px;position:absolute;top:-1px;width:calc(100% + 2px)}.role-item .role-item-hover .avatar[data-v-a6d9efe1]{height:40px;width:40px}.role-item .role-item-hover .avatar .el-image[data-v-a6d9efe1]{border-radius:50%}.role-item .role-item-hover .role-name[data-v-a6d9efe1]{margin-top:12px}.role-item .role-item-hover .role-brief[data-v-a6d9efe1]{display:-webkit-box;margin-top:4px;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.role-item .role-item-hover .chat-btn[data-v-a6d9efe1]{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)}.role-item .info-tags[data-v-a6d9efe1]{color:var(--color-text-white-alpha);font-size:12px;line-height:14px;margin-top:2px;max-height:48px;max-width:100%;overflow:hidden}.role-item .info-tags .info-targ__wrap[data-v-a6d9efe1]{margin:0 -3px}.role-item .info-tags .info-tag[data-v-a6d9efe1]{background:#ffffff1a;border-radius:4px;display:inline-block;font-size:12px;height:18px;line-height:18px;margin:6px 3px 0;padding:0 6px;text-align:center;white-space:nowrap}.role-item.dynamic-img[data-v-a6d9efe1]{border-radius:8px}.role-item.dynamic-img .role-img[data-v-a6d9efe1]:before{display:none}.role-item.dynamic-img .role-img[data-v-a6d9efe1] .lazy__img[lazy=loading]{width:45%}.role-item.dynamic-img .role-img[data-v-a6d9efe1] .lazy__img[lazy=loaded]{border-radius:8px 8px 0 0;-o-object-position:top;object-position:top;width:100%}.role-item.dynamic-img .role-img[data-v-a6d9efe1] .lazy__img[lazy=error]{width:45%}.role-item.dynamic-img .role-info[data-v-a6d9efe1]{padding:6px 10px 10px}.role-item.dynamic-img .role-info .role-name[data-v-a6d9efe1]{color:#fff;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px}.role-item.dynamic-img .role-info .role-brief[data-v-a6d9efe1]{display:-webkit-box;font-size:12px;height:auto;letter-spacing:0;line-height:16px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.role-item.dynamic-img .info-tags[data-v-a6d9efe1]{margin-top:6px}.role-item.dynamic-img .info-tags .info-targ__wrap[data-v-a6d9efe1]{display:flex;flex-wrap:wrap;gap:4px;margin:0;max-height:32px}.role-item.dynamic-img .info-tags .info-tag[data-v-a6d9efe1]{border-radius:2px;font-size:10px;height:14px;line-height:14px;margin:0;padding:0 3px}.role-item.brief-4-lines .role-info .role-brief[data-v-a6d9efe1]{display:-webkit-box;height:auto;max-height:64px;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.role-item.hide-tags .info-tags[data-v-a6d9efe1]{display:none}