.s-chat[data-v-3d64beb0]{align-items:center;background:#ffffff05;border:1px solid hsla(0,0%,100%,.05);border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;margin-bottom:12px;padding:12px 12px 12px 16px}.s-chat[data-v-3d64beb0]:after{background:url(./arrow-right.DliAcJzc.webp) 50% no-repeat;background-size:100% 100%;content:"";flex-shrink:0;height:16px;margin-left:4px;opacity:.5;width:16px}.s-chat[data-v-3d64beb0]:hover{color:#fff}.s-chat[data-v-3d64beb0]:hover:after{opacity:1}.comment-container[data-v-d9bcd271]{min-height:200px}.role-text[data-v-d9bcd271]{color:#ffffff80;font-size:14px;line-height:20px;padding-right:16px;position:relative;word-wrap:break-word;max-width:100%}.comment-con[data-v-d9bcd271]{display:flex;margin-bottom:12px}.comment-con[data-v-d9bcd271]:last-child{margin-bottom:0}.comment-con .comment-info[data-v-d9bcd271]{width:calc(100% - 42px)}.comment-con .comment-avatar[data-v-d9bcd271]{border-radius:50%;flex-shrink:0;height:34px;margin-right:8px;width:34px}.comment-con .comment-name[data-v-d9bcd271]{color:#ffffffb3;display:-webkit-box;font-size:14px;font-weight:500;line-height:16px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.comment-con .comment-time[data-v-d9bcd271]{color:#ffffff4d;font-size:12px;line-height:14px;margin:4px 0}.comment-con .role-text[data-v-d9bcd271]{color:#fff}.sub-comment-con[data-v-d9bcd271]{display:flex;margin-top:8px}.sub-comment-con .sub-comment-avatar[data-v-d9bcd271]{border-radius:50%;flex-shrink:0;height:26px;margin-right:8px;width:26px}.sub-comment-con .sub-comment-right[data-v-d9bcd271]{flex:1;overflow:hidden}.sub-comment-con .sub-comment-info[data-v-d9bcd271]{align-items:center;display:flex;height:26px}.sub-comment-con .sub-comment-name[data-v-d9bcd271]{color:#ffffffb3;font-size:14px;font-weight:500;line-height:18px;overflow:hidden;text-overflow:ellipsis}.sub-comment-con .sub-comment-time[data-v-d9bcd271]{color:#ffffff4d;flex-shrink:0;font-size:12px;line-height:14px;margin-left:4px}.sub-comment-con .sub-comment-content[data-v-d9bcd271]{color:#ffffffe6;font-size:14px;line-height:20px;margin-top:4px}.sub-comment-more[data-v-d9bcd271]{color:#fff;cursor:pointer;margin-top:8px}.empty-btn[data-v-d9bcd271],.sub-comment-more[data-v-d9bcd271]{font-size:14px;line-height:20px}.empty-btn[data-v-d9bcd271]{background-color:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:40px;color:#ffffffb3;font-weight:500;height:40px;margin-top:24px;width:122px}.roles-list[data-v-90c1312f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,1fr));grid-gap:12px}.role-info-wrapper[data-v-333cc609]{height:100%;overflow-y:hidden;width:100%}#role_info_content[data-v-333cc609]{height:100%;overflow-y:scroll;width:100%}#role_info_content.role-info-content-with-ad[data-v-333cc609]{flex:.9 1;min-width:600px;width:unset}.data-empty[data-v-333cc609]{align-items:center;box-sizing:border-box;color:#ffffff4d;display:flex;flex-direction:column;font-size:12px;font-weight:400;height:100%;justify-content:center;line-height:14px;padding:12px;text-align:center;width:100%}.data-empty[data-v-333cc609]:before{background:url(./empty-limit.BvnMPWK3.webp) no-repeat 50%;background-size:contain;content:" ";display:block;height:160px;width:160px}.data-empty .btn[data-v-333cc609]{font-size:14px;height:40px;margin-top:24px;width:120px}.data-empty .guide-to-app[data-v-333cc609]{margin-top:30px}.role-info-container[data-v-333cc609]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:24px 12px;position:relative;width:100%}.role-info-container .main-content[data-v-333cc609]{max-width:768px;position:relative;width:100%}.role-info-container .profile-wrapper[data-v-333cc609]{box-sizing:border-box;display:flex;flex-direction:row;justify-content:left;text-align:left}.role-info-container .profile-content[data-v-333cc609]{display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;margin-left:16px;overflow:hidden}.role-info-container .memory-entry[data-v-333cc609]{overflow:visible;position:absolute;right:0;top:0}.role-info-container .profile-info[data-v-333cc609]{font-size:14px;line-height:16px}.role-info-container .profile-avatar[data-v-333cc609],.role-info-container .profile-avatar-wrapper[data-v-333cc609]{height:230px;width:230px}.role-info-container .profile-avatar-wrapper[data-v-333cc609]{flex:0 0 230px}.role-info-container .profile-avatar[data-v-333cc609]{height:230px;width:230px}.role-info-container .profile-background-wrapper[data-v-333cc609]{display:none;height:100vw;left:0;max-height:530px;overflow:hidden;position:absolute;right:0;top:0;width:100vw}.role-info-container .profile-background-wrapper .profile-background[data-v-333cc609]{width:100%}.role-info-container .profile-background-wrapper .profile-background-cover[data-v-333cc609]{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:linear-gradient(180deg,#10101100 -1%,#1010114d 21%,#101011b3 40%,#101011cc 52%,#101011 66%);bottom:-1px;opacity:1;position:absolute;top:60%;width:100%}.role-info-container .profile-name[data-v-333cc609]{color:#fff;display:-webkit-box;font-size:24px;font-weight:500;line-height:28px;margin-bottom:4px;max-width:var(--v094bfbcf);-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:pre-wrap}.role-info-container .creator-link[data-v-333cc609]{color:#ffffffb3;cursor:pointer;display:flex}.role-info-container .creator-link .name[data-v-333cc609]{margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.role-info-container .creator-link .right-icon[data-v-333cc609]{background:url(./shrink.BpOW8CIS.png) no-repeat 0 0/100% 100%;flex:0 0 16px;height:16px;opacity:.7;width:16px}.role-info-container .creator-link[data-v-333cc609]:hover{color:#fff}.role-info-container .creator-link[data-v-333cc609]:hover:after{opacity:1}.role-info-container .info-stat[data-v-333cc609]{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:12px}.role-info-container .info-stat div[data-v-333cc609]{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;line-height:16px;margin-right:17px;position:relative;word-wrap:break-word}.role-info-container .info-stat div span[data-v-333cc609]{word-wrap:break-word;max-width:300px}.role-info-container .info-stat div.chat-num[data-v-333cc609],.role-info-container .info-stat div.followed-num[data-v-333cc609]{color:#ffffffb3;flex-shrink:0}.role-info-container .info-stat div.chat-num[data-v-333cc609]:before,.role-info-container .info-stat div.followed-num[data-v-333cc609]:before{content:"";display:inline-block;height:16px;margin-right:2px;width:16px}.role-info-container .info-stat div.chat-num[data-v-333cc609]:before{background:url(./chat-icon.DwI9DzYh.webp) no-repeat;background-size:100% 100%}.role-info-container .info-stat div.followed-num[data-v-333cc609]:before{background:url(./people-icon.D1doUHRs.webp) no-repeat;background-size:100% 100%}.role-info-container .info-stat div.chat-num[data-v-333cc609]:after,.role-info-container .info-stat div.followed-num[data-v-333cc609]:after{background:#ffffff1a;content:"";display:inline-block;height:12px;position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:1px}.role-info-container .info-stat-pc div.chat-num[data-v-333cc609],.role-info-container .info-stat-pc div.followed-num[data-v-333cc609]{color:#fff}.role-info-container .info-stat-pc div[data-v-333cc609]:last-child:after{display:none}.role-info-container .chat-button-group[data-v-333cc609]{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;letter-spacing:0;line-height:20px;margin-top:auto;text-align:center;width:100%}.role-info-container .chat-button-group .chat-common-button[data-v-333cc609]{align-items:center;border-radius:100px;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:1}.role-info-container .chat-button-group .chat-button[data-v-333cc609]{background:#fffffff2;color:#000;flex:1 1 192px;max-width:192px}.role-info-container .chat-button-group .chat-button[data-v-333cc609]:hover{background:#fff}.role-info-container .chat-button-group .follow-button[data-v-333cc609]{background-color:#343434;color:#fff;flex:1 1 40px;margin-left:12px;min-width:40px}.role-info-container .chat-button-group .follow-button[data-v-333cc609]:hover{background-color:#404041}.role-info-container .chat-button-group .share-icon[data-v-333cc609]{margin-right:4px}.role-info-container .title[data-v-333cc609]{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:space-between;line-height:24px;margin:32px 0 12px}.role-info-container .sub-title[data-v-333cc609]{color:#fff;font-size:16px;font-weight:500;line-height:24px;margin:12px 0 4px}.role-info-container .role-intro[data-v-333cc609]{color:#ffffff80;font-size:14px;line-height:20px;padding-right:16px;word-wrap:break-word;margin-bottom:0;max-width:100%}.role-info-container .info-tags[data-v-333cc609]{display:flex;flex-wrap:wrap;margin-bottom:12px}.role-info-container .info-tags .tag-item[data-v-333cc609]{align-items:center;background:#ffffff0d;border-radius:2px;color:#ffffff80;cursor:pointer;display:flex;font-size:12px;height:18px;margin-right:6px;margin-top:12px;padding:0 4px;text-align:center}.role-info-container .info-tags .tag-item img[data-v-333cc609]{height:14px;margin-right:2px;width:14px}.role-info-container .info-tags .tag-item[data-v-333cc609]:last-child{margin-right:0}.role-info-container .info-tags .tag-item[data-v-333cc609]:hover{color:#fff}.role-info-container .more-btn[data-v-333cc609]{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;line-height:16px;opacity:.7}.role-info-container .more-btn[data-v-333cc609]:after{background:url(./shrink.BpOW8CIS.png) 50% no-repeat;background-size:100% 100%;content:"";display:inline-block;height:16px;width:16px}.role-info-container .more-btn[data-v-333cc609]:hover{color:#fff;opacity:1}.role-info-container .anchor-tab[data-v-333cc609]{background-color:#101011;box-sizing:border-box;margin-top:16px;overflow-y:scroll;padding-top:8px;position:sticky;top:0;z-index:2}.role-info-container .anchor-tab.anchor-tab-new[data-v-333cc609]{padding-top:1px}.role-info-container .anchor-tab[data-v-333cc609] .tab-container{padding-bottom:16px}.role-info-container .anchor-tab[data-v-333cc609] .tab{white-space:nowrap}.role-info-container .anchor-tab[data-v-333cc609] .btn-container{background:linear-gradient(270deg,#101011,#10101100)}.role-info-container #profile-tab-container[data-v-333cc609]{margin-top:4px}.btn[data-v-333cc609]{font-size:14px;height:40px;margin-top:24px;width:120px}@media screen and (max-width:743px){.role-info-container .profile-name[data-v-333cc609]{font-size:20px;line-height:22px;margin-bottom:8px}.role-info-container .info-stat[data-v-333cc609]{margin-bottom:8px}.role-info-container .role-intro[data-v-333cc609]{font-size:14px;line-height:18px}.role-info-container .info-tags .tag-item[data-v-333cc609]{margin-top:8px}.role-info-container .creator-link .name[data-v-333cc609]{flex:0 1 180px;margin-bottom:0}.profile-avatar-wrapper[data-v-333cc609]{display:none}.profile-background-wrapper[data-v-333cc609]{display:block!important}.profile-content[data-v-333cc609]{margin-left:0!important;margin-top:230px}.profile-content .memory-entry[data-v-333cc609]{top:230px}.role-info-container .anchor-tab[data-v-333cc609]{top:47px}.role-info-container .anchor-tab[data-v-333cc609] .tab-container{padding-bottom:14px}#profile-tab-container[data-v-333cc609]{margin-top:6px}}[data-v-333cc609] .el-dialog.unfollow-dialog{background:#232324;border-radius:16px;padding:32px 24px;width:330px}[data-v-333cc609] .el-dialog.unfollow-dialog .el-dialog__header{margin-bottom:4px;padding:0}[data-v-333cc609] .el-dialog.unfollow-dialog .el-dialog__header .dialog-title{color:#fff;font-size:18px;font-weight:500;letter-spacing:0;line-height:24px;text-align:center}[data-v-333cc609] .el-dialog.unfollow-dialog .el-dialog__body{color:#ffffff80;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;margin-bottom:24px;text-align:center}[data-v-333cc609] .el-dialog.unfollow-dialog .el-dialog__footer{padding:0}[data-v-333cc609] .el-dialog.unfollow-dialog .dialog-title{color:#fff;font-size:16px;font-weight:500;line-height:20px;text-align:center}[data-v-333cc609] .el-dialog.unfollow-dialog .dialog-footer{display:flex;gap:8px}[data-v-333cc609] .el-dialog.unfollow-dialog .dialog-footer .el-button{border-radius:23px;flex:1;font-size:14px;font-variation-settings:"opsz" auto;font-weight:500;height:40px;letter-spacing:0;line-height:16px;margin:0;text-align:center;width:134px}[data-v-333cc609] .el-dialog.unfollow-dialog .dialog-footer .cancel-btn{background:#343434;border:none;color:#fff}[data-v-333cc609] .el-dialog.unfollow-dialog .dialog-footer .cancel-btn:hover{background:#404041}[data-v-333cc609] .el-dialog.unfollow-dialog .dialog-footer .delete-btn{background:#f54444;border:none;color:#fff}[data-v-333cc609] .el-dialog.unfollow-dialog .dialog-footer .confirm-btn{background:#7673ff;border:none;color:#fff}[data-v-333cc609] .el-dialog.unfollow-dialog .dialog-footer .confirm-btn:hover{background:#7673ffe6;color:#ffffffb3}