@keyframes skeleton-keyframes-data-v-02de4798{0%{background-position:0 0}to{background-position:480px 0}}.badge-header[data-v-02de4798]{width:100%;height:196px;position:relative;background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/badge-header.7d95598.png);background-size:cover;background-repeat:no-repeat}@media (max-width:600px){.badge-header[data-v-02de4798]{height:269px;background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/98570e28d7699e6530e0aece945c7281.svg)}}.badge-header .user-info[data-v-02de4798]{width:100%;position:relative;top:40px}@media (max-width:600px){.badge-header .user-info[data-v-02de4798]{padding:20px 0}}.badge-header .user-info .avatar-box[data-v-02de4798]{margin:0 auto;width:64px;height:64px}.badge-header .user-info .avatar-box .avatar[data-v-02de4798]{cursor:pointer;width:100%;height:100%;border-radius:50%}.badge-header .user-info .user-name[data-v-02de4798]{text-align:center;font-style:normal;font-weight:600;font-size:18px;color:#fff;margin-top:8px;height:30px;line-height:30px;margin-right:4px}@media (max-width:720px){.badge-header .user-info .user-name[data-v-02de4798]{font-size:14px}}.badge-header .user-info .user-name .badge-username[data-v-02de4798]{display:inline-block;vertical-align:middle;cursor:pointer}.badge-header .user-info .user-name .badge-icon[data-v-02de4798]{margin-left:4px;vertical-align:middle;width:24px;height:24px}.badge-header .user-info .user-name .no-wear[data-v-02de4798]{box-sizing:border-box;display:inline-block;background:rgba(0,0,0,.2);border-radius:10px;font-size:12px;font-weight:400;line-height:20px;text-align:center;color:var(--juejin-font-white);vertical-align:middle;padding:0 10px}.badge-header .user-info .user-name .no-wear .no-wear-icon[data-v-02de4798]{vertical-align:middle}.badge-header .user-info .user-name .no-wear .no-wear-text[data-v-02de4798]{display:inline-block;vertical-align:middle}.badge-header .user-info .obtain-count[data-v-02de4798]{height:24px;line-height:24px;text-align:center;font-style:normal;font-weight:400;font-size:14px;color:#e4e6eb}@media (max-width:720px){.badge-header .user-info .obtain-count[data-v-02de4798]{font-size:12px}}@keyframes skeleton-keyframes-data-v-e64ff49a{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-e64ff49a]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-e64ff49a]{display:none}}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content{top:50%;transform:translateY(-50%)}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__header{text-align:center;border-bottom:unset;color:var(--juejin-font-1);font-weight:600;font-size:18px;line-height:30px;padding:28px 20px 24px}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__body .modal-content .user-info .avatar-wrapper{margin:0 auto;width:64px;height:64px}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__body .modal-content .user-info .avatar-wrapper .avatar{width:100%;height:100%;border-radius:50%}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__body .modal-content .user-info .user{margin-top:12px;margin-bottom:20px;display:flex;justify-content:center}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__body .modal-content .user-info .user .username{color:var(--juejin-font-1);font-weight:500;font-size:16px;line-height:24px}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__body .modal-content .user-info .user .badge-icon{width:24px;height:24px;margin-left:8px}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__body .modal-content .desc{text-align:center}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__body .modal-content .desc .emphasize-text{font-weight:500;font-size:14px;line-height:22px;color:var(--juejin-font-brand1-normal);margin-bottom:4px}@media (max-width:640px){.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__body .modal-content .desc .emphasize-text{width:210px;margin:0 auto 4px}}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__body .modal-content .desc .normal-text{font-weight:400;font-size:12px;line-height:20px;color:var(--juejin-font-2)}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__footer{text-align:center;margin-top:32px;margin-bottom:28px}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__footer .byte-btn{width:136px;height:44px;border-radius:4px;background:rgba(30,128,255,.05);border:1px solid rgba(30,128,255,.3);color:var(--juejin-font-brand1-normal);font-weight:400;font-size:15px;line-height:24px}@media (max-width:640px){.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__footer .byte-btn{width:127px}}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__footer .byte-btn--primary{background:var(--juejin-brand-1-normal);color:var(--juejin-font-white);border:unset}.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__footer button+button{margin-left:32px}@media (max-width:640px){.replace-badge-modal[data-v-e64ff49a] .byte-modal__wrapper .byte-modal__content .byte-modal__footer button+button{margin-left:16px}}@keyframes skeleton-keyframes-data-v-20365490{0%{background-position:0 0}to{background-position:480px 0}}.badge-icon[data-v-20365490],.badge-modal-content[data-v-20365490]{text-align:center;position:relative}.badge-icon[data-v-20365490]{padding-top:80px}@media (max-width:960px){.badge-icon[data-v-20365490]{padding-top:10.7vw}}.badge-icon .badge-icon-img[data-v-20365490]{width:220px;height:220px;margin-top:40px}@media (max-width:960px){.badge-icon .badge-icon-img[data-v-20365490]{width:53.3vw;height:53.3vw;margin-top:20vw}}.badge-icon .no-obtain[data-v-20365490]{filter:grayscale(100%)}.badge-icon .badge-icon-mask[data-v-20365490]{vertical-align:top;position:absolute;top:0;left:0;width:451px;height:496px;z-index:-1}@media (max-width:960px){.badge-icon .badge-icon-mask[data-v-20365490]{width:88.3vw;height:90vw}}.is-wear[data-v-20365490]{margin-top:24px;color:var(--juejin-font-golden-3);font-weight:600;font-size:20px;line-height:28px;margin-bottom:8px}@media (max-width:640px){.is-wear[data-v-20365490]{margin-top:4px;margin-bottom:4px;font-weight:500;font-size:16px;line-height:24px}}.badge-name[data-v-20365490]{line-height:38px;font-size:24px}@media (max-width:960px){.badge-name[data-v-20365490]{font-size:20px;line-height:32px;margin-top:4px}}.obtain-condition[data-v-20365490]{line-height:28px;margin-top:16px;font-size:16px;color:var(--juejin-font-white)}@media (max-width:960px){.obtain-condition[data-v-20365490]{font-size:15px;line-height:26px;margin-top:8px}}.obtain-time[data-v-20365490]{margin-top:4px;font-size:16px;color:var(--juejin-font-4);line-height:28px}@media (max-width:960px){.obtain-time[data-v-20365490]{font-size:15px;line-height:26px;margin-top:0}}.link-more[data-v-20365490]{display:block;color:var(--juejin-font-4);font-weight:400;font-size:16px;margin-top:4px}.link-more .arrow-icon[data-v-20365490]{fill:var(--juejin-font-4);width:12px;height:12px}.link-more[data-v-20365490]:hover{color:var(--juejin-font-golden-3)}.link-more:hover .arrow-icon[data-v-20365490]{fill:var(--juejin-font-golden-3)}@media (max-width:640px){.link-more[data-v-20365490]{font-size:14px;line-height:24px}}.badge-active[data-v-20365490]{-webkit-tap-highlight-color:transparent;cursor:pointer;width:320px;height:54px;background:linear-gradient(90deg,#fde8c3,#edd3a7);border:.5px solid var(--juejin-font-white);color:var(--juejin-font_golden_4);box-sizing:border-box;border-radius:50px;font-size:18px;line-height:54px;text-align:center;margin:80px auto 0}@media (max-width:960px){.badge-active[data-v-20365490]{width:65.9vw;height:13.9vw;font-size:16px;line-height:13.9vw;margin-top:68px}}.not-obtain[data-v-20365490]{background:hsla(0,0%,100%,.2);color:var(--juejin-font-white);cursor:not-allowed}.close[data-v-20365490]{position:absolute;right:-120px;top:5px}.close circle[data-v-20365490]{stroke:#b4bac1}.close path[data-v-20365490]{fill:#b4bac1}.close[data-v-20365490]:hover{cursor:pointer}@media (max-width:640px){.close[data-v-20365490]{right:30px;top:10px}}@keyframes skeleton-keyframes-data-v-804f82fe{0%{background-position:0 0}to{background-position:480px 0}}@media (max-width:960px){.series[data-v-804f82fe]{margin-top:34px;padding-top:20px}}.series.series-app[data-v-804f82fe]{padding-top:20px;margin-top:0}.badge-modal[data-v-804f82fe] .byte-modal__mask{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.8)}@media (max-width:960px){.badge-modal[data-v-804f82fe] .byte-modal__mask{-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px)}}.badge-modal[data-v-804f82fe] .byte-modal__content{background:none;box-shadow:none;color:#fff;width:100vw!important;margin:0 auto;top:50%;transform:translateY(-50%)}.badge-modal[data-v-804f82fe] .byte-modal__content .byte-modal__header{border:none}.badge-modal[data-v-804f82fe] .byte-modal__content .byte-modal__body{padding:0}.badge-modal[data-v-804f82fe] .byte-modal__content .byte-modal__body .badge-content{width:496px;margin:0 auto}@media (max-width:960px){.badge-modal[data-v-804f82fe] .byte-modal__content .byte-modal__body .badge-content{width:100vw;height:auto;padding-bottom:-10.7vw}}.serie[data-v-804f82fe]{margin:32px 0 24px}.serie.serie-app[data-v-804f82fe]{margin:0 0 24px}@media (max-width:960px){.serie[data-v-804f82fe]{margin:0 0 24px}}.serie .serie-title[data-v-804f82fe]{height:32px;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:24px}@media (max-width:960px){.serie .serie-title[data-v-804f82fe]{margin-bottom:16px}}.serie .serie-title .title[data-v-804f82fe]{font-style:normal;font-weight:600;font-size:20px;color:#1d2129;margin:0 16px}@media (max-width:960px){.serie .serie-title .title[data-v-804f82fe]{font-size:18px}}.serie .serie-title .series-left[data-v-804f82fe],.serie .serie-title .series-right[data-v-804f82fe]{width:16px;height:2px}.serie .badge-icon-list[data-v-804f82fe]{display:grid;justify-content:space-between;grid-template-columns:repeat(auto-fill,118px);grid-gap:24px 40px;flex-wrap:wrap}@media (max-width:960px){.serie .badge-icon-list[data-v-804f82fe]{grid-template-columns:repeat(auto-fill,26.1vw);grid-gap:5.6vw 0}}.serie .badge-icon-list .badge-icon-item[data-v-804f82fe]{-webkit-tap-highlight-color:transparent;cursor:pointer;width:118px;font-style:normal;font-weight:400}@media (max-width:960px){.serie .badge-icon-list .badge-icon-item[data-v-804f82fe]{width:26.1vw}}.serie .badge-icon-list .badge-icon-item .badge-item-icon[data-v-804f82fe]{width:118px;height:118px}@media (max-width:960px){.serie .badge-icon-list .badge-icon-item .badge-item-icon[data-v-804f82fe]{width:26.1vw;height:26.1vw}}.serie .badge-icon-list .badge-icon-item .badge-item-icon img[data-v-804f82fe]{width:100%;height:100%}.serie .badge-icon-list .badge-icon-item .badge-item-icon .not-obtain[data-v-804f82fe]{filter:grayscale(100%)}.serie .badge-icon-list .badge-icon-item .badge-desc[data-v-804f82fe]{margin-top:4px;text-align:center;color:#1d2129;font-size:16px;line-height:28px}@media (max-width:960px){.serie .badge-icon-list .badge-icon-item .badge-desc[data-v-804f82fe]{font-size:14px;line-height:24px}}.serie .badge-icon-list .badge-icon-item .obtain-date[data-v-804f82fe]{font-size:14px;text-align:center;color:#86909c;height:24px;line-height:24px}@media (max-width:960px){.serie .badge-icon-list .badge-icon-item .obtain-date[data-v-804f82fe]{font-size:12px;height:20px;line-height:20px}}.serie.dark .badge-icon-item .badge-desc[data-v-804f82fe],.serie.dark .serie-title .title[data-v-804f82fe]{color:#fafafa}@keyframes skeleton-keyframes-data-v-20bfcf4e{0%{background-position:0 0}to{background-position:480px 0}}.badge-wall-wrap[data-v-20bfcf4e]{margin-top:20px;margin-bottom:20px;width:100%}.badge-wall-wrap.badge-app[data-v-20bfcf4e]{margin-top:0;margin-bottom:0}.badge-wall-wrap[data-v-20bfcf4e] .main-container{min-height:100vh;background-color:#fff;border-radius:2px}.badge-wall-wrap .badge-wall .badge-list[data-v-20bfcf4e]{padding:0 26px;margin-bottom:32px}@media (max-width:960px){.badge-wall-wrap .badge-wall .badge-list[data-v-20bfcf4e]{padding:0 16px}}@media (max-width:600px){.badge-wall-wrap .badge-wall .badge-list[data-v-20bfcf4e]{margin-top:-86px;position:relative;z-index:1;background-color:#fff;border-radius:12px 12px 0 0}}.badge-wall-wrap.dark[data-v-20bfcf4e] .main-container{background-color:#1d1e1f}@media (max-width:600px){.badge-wall-wrap.dark .badge-wall .badge-list[data-v-20bfcf4e],.badge-wall-wrap.dark .badge-wall[data-v-20bfcf4e]{background-color:#1d1e1f}}