.badge-detail-popup[data-v-f1a4a25e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.badge-detail-popup .badge-detail-modal[data-v-f1a4a25e]{position:relative;width:55%;height:85%;background:#0d1e2e;border-radius:12px;overflow:hidden}.badge-detail-popup .badge-detail-modal .close-btn[data-v-f1a4a25e]{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#fff;font-size:20px}.badge-detail-popup .badge-detail-modal .top-mask[data-v-f1a4a25e]{position:absolute;top:0;left:0;right:0;height:400px}.badge-detail-popup .badge-detail-modal .top-mask img[data-v-f1a4a25e]{width:100%;height:100%}.badge-detail-popup .badge-detail-modal .popup-title[data-v-f1a4a25e]{position:absolute;top:30px;left:0;right:0;font-weight:600;font-size:20px;color:#fff;text-align:center;z-index:5}.badge-detail-popup .badge-detail-modal .badge-detail-content[data-v-f1a4a25e]{position:absolute;top:50px;left:0;right:0;bottom:60px;display:flex;align-items:center;justify-content:space-between;padding:0 50px}.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-nav-btn[data-v-f1a4a25e]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;border:1px solid #fff;font-size:24px;border-radius:50%;opacity:.8}.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-list-area[data-v-f1a4a25e]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-list-area .badge-detail-item .badge-detail-info[data-v-f1a4a25e],.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-list-area .badge-detail-item[data-v-f1a4a25e]{display:flex;flex-direction:column;align-items:center;position:relative}.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-list-area .badge-detail-item .badge-detail-icon[data-v-f1a4a25e]{width:450px;height:580px}.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-list-area .badge-detail-item .badge-detail-name[data-v-f1a4a25e]{margin-top:15px;font-size:16px;color:#fff}.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-list-area .badge-detail-item .badge-detail-terminal[data-v-f1a4a25e]{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;color:#af772a;max-width:380px;font-weight:600;white-space:normal;word-break:break-all;text-align:center;z-index:10}.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-fade-enter-active[data-v-f1a4a25e],.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-fade-leave-active[data-v-f1a4a25e]{transition:opacity .3s ease}.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-fade-enter[data-v-f1a4a25e],.badge-detail-popup .badge-detail-modal .badge-detail-content .badge-fade-leave-to[data-v-f1a4a25e]{opacity:0}.badge-detail-popup .badge-detail-modal .footer-bg[data-v-f1a4a25e]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:170px;width:290px}.badge-detail-popup .badge-detail-modal .footer-bg img[data-v-f1a4a25e]{width:100%;height:100%}.my-badges-page[data-v-775d4278]{max-width:1100px;min-height:100%;margin:0 auto}.my-badges-page .badges-container[data-v-775d4278]{background:#fff;border-radius:12px;min-height:calc(100vh - 130px);overflow:hidden}.my-badges-page .badges-container .header[data-v-775d4278]{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.my-badges-page .badges-container .header .back-btn[data-v-775d4278]{display:flex;align-items:center;gap:4px;color:#333;font-size:14px;cursor:pointer}.my-badges-page .badges-container .badges-list[data-v-775d4278]{display:flex;flex-direction:column;margin:20px;height:685px;background:linear-gradient(180deg,#aacdff,#f0f5ff);border-radius:27px}.my-badges-page .badges-container .badges-list .badges-list-header[data-v-775d4278]{flex-shrink:0;height:140px;background:linear-gradient(180deg,#aacdff,#f0f5ff);background-size:cover;background-position:top;border-radius:27px 27px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.my-badges-page .badges-container .badges-list .badges-list-header .header-left .header-title[data-v-775d4278]{font-weight:600;font-size:24px;color:#0b358a}.my-badges-page .badges-container .badges-list .badges-list-header .header-right[data-v-775d4278]{display:flex;align-items:center;margin-right:80px}.my-badges-page .badges-container .badges-list .badges-list-header .header-right .header-right-wrapper[data-v-775d4278]{position:relative;display:flex;align-items:center;padding:0 20px;margin-right:20px;background:#fff;border-radius:52px;height:55px;width:200px}.my-badges-page .badges-container .badges-list .badges-list-header .header-right .header-right-wrapper[data-v-775d4278]:after{content:"";position:absolute;right:-25px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:25px solid transparent;border-left:60px solid #fff}.my-badges-page .badges-container .badges-list .badges-list-header .header-right .header-right-wrapper .achievement-count[data-v-775d4278]{font-size:20px;color:#236cfa}.my-badges-page .badges-container .badges-list .badges-list-header .header-right .ip-icon[data-v-775d4278]{width:110px;height:143px;margin-left:15px;margin-top:-45px}.my-badges-page .badges-container .badges-list .badge-content[data-v-775d4278]{flex:1;display:flex;flex-direction:column;margin:-20px 20px 20px;background:#fff;border-radius:27px;overflow:hidden}.my-badges-page .badges-container .badges-list .badge-content .badge-list-wrapper[data-v-775d4278]{flex:1;display:flex;flex-wrap:wrap;gap:16px;padding:20px;overflow-y:auto;align-content:flex-start}.my-badges-page .badges-container .badges-list .badge-content .badge-list-wrapper .badge-item[data-v-775d4278]{width:calc(25% - 12px);padding:16px;text-align:center;box-sizing:border-box}.my-badges-page .badges-container .badges-list .badge-content .badge-list-wrapper .badge-item .badge-icon[data-v-775d4278]{width:100px;height:100px;margin-top:20px;margin-bottom:8px}.my-badges-page .badges-container .badges-list .badge-content .badge-list-wrapper .badge-item .badge-name[data-v-775d4278]{margin-bottom:4px;font-weight:600;font-size:16px;color:#0f172a}.my-badges-page .badges-container .badges-list .badge-content .badge-list-wrapper .badge-item .badge-line[data-v-775d4278]{width:74px;height:2px;background:#bed3f9;filter:blur(5px);margin:0 auto 4px}.my-badges-page .badges-container .badges-list .badge-content .badge-more[data-v-775d4278]{flex-shrink:0;width:100%;padding:15px 0;text-align:center;font-size:14px;color:#999}