.achievement-page[data-v-7453ab9c]{padding:20px;min-height:calc(100vh - 401px)}.achievement-header[data-v-7453ab9c]{background:linear-gradient(135deg,rgba(0,50,100,.4),rgba(0,100,150,.2));border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:25px;margin-bottom:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.achievement-header[data-v-7453ab9c],.badge-count-display[data-v-7453ab9c]{gap:20px}.achievement-header[data-v-7453ab9c],.badge-count-circle[data-v-7453ab9c],.badge-count-display[data-v-7453ab9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.badge-count-circle[data-v-7453ab9c]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,gold,orange);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 4px 20px rgba(255,215,0,.4);box-shadow:0 4px 20px rgba(255,215,0,.4)}.badge-count-circle .count-inner[data-v-7453ab9c]{text-align:center}.badge-count-circle .count-value[data-v-7453ab9c]{display:block;font-size:24px;font-weight:700;color:#fff}.badge-count-circle .count-label[data-v-7453ab9c]{display:block;font-size:12px;color:hsla(0,0%,100%,.8)}.count-info h2[data-v-7453ab9c]{margin:0 0 8px 0;font-size:22px;color:#fff;text-shadow:0 0 10px rgba(0,212,255,.3)}.count-info .count-desc[data-v-7453ab9c]{margin:0;font-size:13px;color:hsla(0,0%,100%,.6)}.stats-row[data-v-7453ab9c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.stat-item[data-v-7453ab9c]{gap:10px;padding:10px 15px;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(0,212,255,.2)}.stat-icon[data-v-7453ab9c],.stat-item[data-v-7453ab9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stat-icon[data-v-7453ab9c]{width:36px;height:36px;border-radius:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px}.stat-icon.badge-icon[data-v-7453ab9c]{background:rgba(255,215,0,.2);color:gold}.stat-icon.fire-icon[data-v-7453ab9c]{background:rgba(245,108,108,.2);color:#f56c6c}.stat-icon.knowledge-icon[data-v-7453ab9c]{background:rgba(103,194,58,.2);color:#67c23a}.stat-content .stat-value[data-v-7453ab9c]{display:block;font-size:16px;font-weight:600;color:#fff}.stat-content .stat-label[data-v-7453ab9c]{display:block;font-size:11px;color:hsla(0,0%,100%,.5)}.category-tabs[data-v-7453ab9c]{margin-bottom:20px}.category-tabs .el-radio-group[data-v-7453ab9c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.badge-section[data-v-7453ab9c]{background:rgba(16,30,60,.6);border:1px solid rgba(0,212,255,.3);border-radius:12px;overflow:hidden;margin-bottom:20px}.section-header[data-v-7453ab9c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(0,212,255,.2)}.section-header[data-v-7453ab9c],.section-header h3[data-v-7453ab9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-header h3[data-v-7453ab9c]{margin:0;font-size:16px;color:#fff;gap:8px}.section-header h3 i[data-v-7453ab9c]{color:gold}.section-header .badge-progress[data-v-7453ab9c]{font-size:13px;color:hsla(0,0%,100%,.6)}.badge-grid[data-v-7453ab9c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;padding:20px}.badge-card[data-v-7453ab9c]{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:15px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.badge-card.earned[data-v-7453ab9c]{border-color:rgba(255,215,0,.5);background:rgba(255,215,0,.08);-webkit-box-shadow:0 0 10px rgba(255,215,0,.12);box-shadow:0 0 10px rgba(255,215,0,.12)}.badge-card.level-2[data-v-7453ab9c]{border-color:hsla(0,0%,75.3%,.75);-webkit-box-shadow:0 0 6px hsla(0,0%,75.3%,.2);box-shadow:0 0 6px hsla(0,0%,75.3%,.2)}.badge-card.level-3[data-v-7453ab9c]{border-color:rgba(255,215,0,.85);-webkit-box-shadow:0 0 8px rgba(255,215,0,.25);box-shadow:0 0 8px rgba(255,215,0,.25)}.badge-card.level-4[data-v-7453ab9c]{border-color:rgba(100,180,255,.85);-webkit-box-shadow:0 0 10px rgba(100,180,255,.3);box-shadow:0 0 10px rgba(100,180,255,.3)}.badge-card.level-5[data-v-7453ab9c]{border-color:rgba(200,120,255,.9);-webkit-box-shadow:0 0 14px rgba(180,80,255,.4);box-shadow:0 0 14px rgba(180,80,255,.4);-webkit-animation:legendCardPulse-7453ab9c 3s ease-in-out infinite;animation:legendCardPulse-7453ab9c 3s ease-in-out infinite}.badge-card[data-v-7453ab9c]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.35);box-shadow:0 6px 20px rgba(0,0,0,.35)}@-webkit-keyframes legendCardPulse-7453ab9c{0%,to{-webkit-box-shadow:0 0 14px rgba(180,80,255,.4);box-shadow:0 0 14px rgba(180,80,255,.4)}50%{-webkit-box-shadow:0 0 22px rgba(180,80,255,.65);box-shadow:0 0 22px rgba(180,80,255,.65)}}@keyframes legendCardPulse-7453ab9c{0%,to{-webkit-box-shadow:0 0 14px rgba(180,80,255,.4);box-shadow:0 0 14px rgba(180,80,255,.4)}50%{-webkit-box-shadow:0 0 22px rgba(180,80,255,.65);box-shadow:0 0 22px rgba(180,80,255,.65)}}.badge-icon-wrapper[data-v-7453ab9c]{position:relative;margin-bottom:12px}.badge-icon[data-v-7453ab9c]{width:50px;height:50px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:24px;color:#fff;margin:0 auto;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);-webkit-transition:opacity .3s,-webkit-filter .3s;transition:opacity .3s,-webkit-filter .3s;transition:filter .3s,opacity .3s;transition:filter .3s,opacity .3s,-webkit-filter .3s}.badge-icon.not-earned[data-v-7453ab9c]{-webkit-filter:grayscale(80%) opacity(.45);filter:grayscale(80%) opacity(.45)}.badge-icon .badge-emoji[data-v-7453ab9c]{font-size:26px;line-height:1;-webkit-filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.badge-level-tag[data-v-7453ab9c]{position:absolute;top:-5px;right:calc(50% - 35px);padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;color:#fff;background:rgba(255,215,0,.8)}.badge-level-tag.level-tag-2[data-v-7453ab9c]{background:rgba(160,160,175,.9)}.badge-level-tag.level-tag-3[data-v-7453ab9c]{background:rgba(220,170,0,.9)}.badge-level-tag.level-tag-4[data-v-7453ab9c]{background:rgba(60,150,240,.9)}.badge-level-tag.level-tag-5[data-v-7453ab9c]{background:-webkit-gradient(linear,left top,right top,from(#7b1fa2),to(#ce93d8));background:linear-gradient(90deg,#7b1fa2,#ce93d8);-webkit-box-shadow:0 0 8px rgba(180,80,255,.5);box-shadow:0 0 8px rgba(180,80,255,.5)}.earned-mark[data-v-7453ab9c]{position:absolute;top:-5px;left:calc(50% - 35px);width:20px;height:20px;border-radius:50%;background:#67c23a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;color:#fff}.badge-info[data-v-7453ab9c]{text-align:center}.badge-info h4[data-v-7453ab9c]{margin:0 0 5px 0;font-size:14px;color:#fff}.badge-info p[data-v-7453ab9c]{margin:0 0 10px 0;font-size:12px;color:hsla(0,0%,100%,.6);line-height:1.4}.badge-progress-bar[data-v-7453ab9c]{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;position:relative;margin-bottom:4px}.badge-progress-bar .progress-fill[data-v-7453ab9c]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#00d4ff),to(#67c23a));background:linear-gradient(90deg,#00d4ff,#67c23a);border-radius:3px;-webkit-transition:width .5s ease;transition:width .5s ease}.progress-text[data-v-7453ab9c]{display:block;text-align:right;font-size:11px;color:hsla(0,0%,100%,.55);margin-top:2px;line-height:1.4}@media(max-width:768px){.achievement-header[data-v-7453ab9c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.badge-count-display[data-v-7453ab9c],.stats-row[data-v-7453ab9c]{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stats-row[data-v-7453ab9c]{-ms-flex-wrap:wrap;flex-wrap:wrap}.badge-grid[data-v-7453ab9c]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.light-warm-theme .achievement-page .achievement-header{background:linear-gradient(135deg,rgba(91,143,185,.15),rgba(244,162,97,.1))!important;border-color:#e8ddd0!important}.light-warm-theme .achievement-page .count-info h2{color:#4a4a4a!important;text-shadow:none!important}.light-warm-theme .achievement-page .count-desc{color:#9a9a9a!important}.light-warm-theme .achievement-page .stat-item{background:#f5f7fa!important;border-color:#e8ddd0!important}.light-warm-theme .achievement-page .stat-value{color:#4a4a4a!important}.light-warm-theme .achievement-page .stat-label{color:#9a9a9a!important}.light-warm-theme .achievement-page .badge-section{background:#fff!important;border-color:#e8ddd0!important}.light-warm-theme .achievement-page .section-header{background:#f5f7fa!important;border-bottom-color:#f0e8dc!important}.light-warm-theme .achievement-page .section-header h3{color:#4a4a4a!important}.light-warm-theme .achievement-page .section-header .badge-progress{color:#9a9a9a!important}.light-warm-theme .achievement-page .badge-card{background:#faf8f3!important;border-color:#f0e8dc!important}.light-warm-theme .achievement-page .badge-card:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1)!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.light-warm-theme .achievement-page .badge-card.earned{background:rgba(255,215,0,.06)!important;border-color:rgba(255,215,0,.3)!important}.light-warm-theme .achievement-page .badge-info h4{color:#4a4a4a!important}.light-warm-theme .achievement-page .badge-info p{color:#9a9a9a!important}.light-warm-theme .achievement-page .badge-progress-bar{background:#f0e8dc!important}.light-warm-theme .achievement-page .progress-text{color:#aaa!important}