.role-container[data-v-383e0de0]{align-items:center;background-color:#482e92;border-radius:12px;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:2px;position:relative;width:100%}.role-container .el-image[data-v-383e0de0]{border-radius:10px;height:100%;width:100%}.role-container .rank[data-v-383e0de0]{align-items:center;background-color:#3e2781;border-radius:0 12px;color:#bf8bff;display:flex;font-size:12px;font-weight:700;height:20%;justify-content:center;position:absolute;right:0;top:0;width:28%}.role-container.top3-border[data-v-383e0de0],.role-container.top3-border .rank[data-v-383e0de0]{background:linear-gradient(180deg,#fff,#fff178)}.role-container.top3-border .rank[data-v-383e0de0]{color:#bc6500}.role-container.top3[data-v-383e0de0],.role-container.top3 .rank[data-v-383e0de0]{background:linear-gradient(180deg,#fff,#fff178)}.role-container.top3 .rank[data-v-383e0de0]{color:#bc6500}.role-container.top3[data-v-383e0de0]:after{background:url(./top3-avatar.CaUFcPhM.png) 50% no-repeat;background-size:100% 100%;content:"";height:124%;left:-12%;position:absolute;top:-12%;width:124%}.role-container .scene-name[data-v-383e0de0]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.7) 43%,#000);border-radius:0 0 10px 10px;bottom:2px;box-sizing:border-box;display:grid;height:calc(32% - 2px);left:2px;padding:0 6px;place-items:center;position:absolute;width:calc(100% - 4px)}.role-container .scene-name .text[data-v-383e0de0]{display:-webkit-box;max-width:100%;width:-moz-fit-content;width:fit-content;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;font-size:14px;line-height:1.2;white-space:pre-wrap;word-break:break-all}.role-container.role-avatar-mobile[data-v-383e0de0]{border-radius:2.77777778vw;padding:.27777778vw}.role-container.role-avatar-mobile .el-image[data-v-383e0de0]{border-radius:2.77777778vw}.role-container.role-avatar-mobile .rank[data-v-383e0de0]{border-radius:0 2.77777778vw;font-size:2.91666667vw}.role-container.role-avatar-mobile .scene-name[data-v-383e0de0]{border-radius:0 0 2.63888889vw 2.63888889vw;bottom:.27777778vw;height:calc(32% - .27778vw);left:.27777778vw;padding:0 2.22222222vw;width:calc(100% - .55556vw)}.role-container.role-avatar-mobile .scene-name .text[data-v-383e0de0]{font-size:2.91666667vw;line-height:1.2;margin-top:.69444444vw}@keyframes dialog-popup-in{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-popup-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,100%,0)}}.dialog-fade-enter-active.popup-modal .activity-dialog,.dialog-fade-leave-active.popup-modal .activity-dialog{animation:none}.close[data-v-41fd086c]{cursor:pointer;height:32px;opacity:.7;position:absolute;right:12px;top:12px;width:32px}.close svg[data-v-41fd086c]{display:none}.close[data-v-41fd086c]:after{background:url(./close-icon.BmbY4WLW.webp) 50% no-repeat;background-size:24px 24px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.close[data-v-41fd086c]:hover{background-color:#ffffff0d;border-radius:50%;opacity:1}.title[data-v-41fd086c]{color:#fff;display:inline-block;font-size:18px;font-weight:700;line-height:26px;width:240px}.browser-search[data-v-5afb2da6]{align-items:center;display:flex;flex-direction:column;font-size:12px;line-height:16px}.browser-search .search-title[data-v-5afb2da6]{color:#ad91ff;letter-spacing:0;text-align:center}.browser-search .search-icon[data-v-5afb2da6]{height:24px;margin:6px 0;width:100px}.browser-search .search-tips[data-v-5afb2da6]{color:#3d3665;letter-spacing:0;text-align:center}.activity-btn.el-button.activity-btn-vote{background:linear-gradient(271deg,#ff90e9,#ffffb5 37%,#fff 60%,#ff3ed5 99%);border:none;color:#000;font-size:16px;font-variation-settings:"opsz" auto;font-weight:800;line-height:20px}.activity-btn.el-button.activity-btn-vote.is-disabled{opacity:.5}.activity-btn.el-button.activity-btn-vote:hover{background:linear-gradient(0deg,#fff3,#fff3),linear-gradient(271deg,#ff90e9,#ffffb5 37%,#fff 60%,#ff3ed5 99%)}.vote-content[data-v-fb2c7b00]{align-items:center;display:flex;flex-direction:column;margin-bottom:-16px;margin-top:-8px}.vote-content .link-p[data-v-fb2c7b00]{margin-top:24px;width:100%}.vote-content .join-btn[data-v-fb2c7b00]{width:100%}