.page-badges-wrap[data-v-4721d26c]{background-color:#17181a;min-height:calc(100% - 80px)}.page-badges-wrap .badges-main[data-v-4721d26c]{width:990px;margin:0 auto;padding:30px 0}.page-badges-wrap .user-info[data-v-4721d26c]{display:flex;align-items:center;justify-content:center;color:#fff}.page-badges-wrap .user-info .avatar[data-v-4721d26c]{width:80px;height:80px;background:#949494;border-radius:50%;-o-object-fit:cover;object-fit:cover}.page-badges-wrap .user-info .nickname-text[data-v-4721d26c]{width:173px}.page-badges-wrap .card-wrap[data-v-4721d26c]{width:100%;padding:30px 100px;background:#1e1f22;border-radius:2px}.page-badges-wrap .card-wrap .card-title[data-v-4721d26c]{width:-moz-fit-content;width:fit-content;position:relative;padding:0 3px;margin:0 auto}.page-badges-wrap .card-wrap .card-title[data-v-4721d26c]:before{content:"";display:block;position:absolute;z-index:1;width:100%;height:8px;left:0;bottom:0;background:#e61717}.page-badges-wrap .card-wrap .card-title img[data-v-4721d26c]{position:relative;width:96px;z-index:2}.page-badges-wrap .card-wrap .badges-wrap[data-v-4721d26c]{display:flex;justify-content:center;flex-wrap:wrap}.page-badges-wrap .card-wrap .badges-item[data-v-4721d26c]{background:rgba(0,0,0,.2);border-radius:2px;width:180px;display:flex;margin:0 5px;flex-direction:column;align-items:center;padding:15px 0;margin-bottom:10px}.page-badges-wrap .card-wrap .badges-item .badges-img[data-v-4721d26c]{width:100px;height:100px}.page-badges-wrap .card-wrap .badges-item .badges-name[data-v-4721d26c]{font-weight:900;font-size:16px;line-height:24px;color:#fff}.page-badges-wrap .card-wrap .badges-item .badges-name-desc[data-v-4721d26c]{font-weight:500;font-size:16px;line-height:24px;text-align:center;color:hsla(0,0%,100%,.5)}.page-badges-wrap .badges-dialog[data-v-4721d26c] .component-dialog{background:#17181a}.page-badges-wrap .badges-dialog .badges-dialog-content[data-v-4721d26c]{display:flex;flex-direction:column;align-items:center;justify-content:center}.page-badges-wrap .badges-dialog .badges-dialog-content .badges-img[data-v-4721d26c]{width:100px;margin-top:20px}.page-badges-wrap .badges-dialog .badges-dialog-content .badges-name[data-v-4721d26c]{font-weight:900;font-size:16px;line-height:24px;color:#fff;margin-top:10px}@media screen and (max-width:1190px){.page-badges-wrap[data-v-4721d26c]{min-height:calc(100% - 60px)}.page-badges-wrap .badges-main[data-v-4721d26c]{width:92%}.page-badges-wrap .card-wrap[data-v-4721d26c]{padding:30px 0}.page-badges-wrap .card-wrap .badges-item[data-v-4721d26c]{width:167px}}