@import url(https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);:root{--battle-safe-top:max(24px,env(safe-area-inset-top));--battle-header-height:calc(56px + var(--battle-safe-top))}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;min-height:100vh}.home-container[data-v-60ab6e77]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f5f5f5,#e8e8e8);font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;color:#1a1a1a;position:relative}.header[data-v-60ab6e77]{display:flex;align-items:flex-end;color:#fff;padding:15px;font-size:18px}.header-left[data-v-60ab6e77],.header-right[data-v-60ab6e77]{width:50px}.header-center[data-v-60ab6e77]{flex:1;text-align:center}.header-title[data-v-60ab6e77]{font-size:18px;color:#000;margin:0}.back-btn[data-v-60ab6e77]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;font-size:18px;color:#666;transition:color .3s}.back-btn[data-v-60ab6e77]:hover{color:#d54d24}.main-content[data-v-60ab6e77]{flex:1;padding:20px;z-index:1}.title-section[data-v-60ab6e77]{text-align:center;margin-bottom:15px;padding:20px 0}.title-wrapper[data-v-60ab6e77]{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px}.close-btn[data-v-60ab6e77]{position:absolute;left:0;font-size:24px;color:#333;cursor:pointer;transition:color .3s}.close-btn[data-v-60ab6e77]:hover{color:#d54d24}.main-title[data-v-60ab6e77]{color:#d54d24;margin:0 0 12px 0;text-shadow:2px 2px 4px rgba(213,77,36,.2);letter-spacing:8px}.subtitle[data-v-60ab6e77]{color:#999;font-size:16px;margin:16px 0 16px 0;font-weight:500;letter-spacing:12px;line-height:1.8}.rules-section[data-v-60ab6e77]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s}.rules-section[data-v-60ab6e77]:hover{box-shadow:0 8px 20px rgba(0,0,0,.15)}.section-title[data-v-60ab6e77]{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#333;margin:0 0 20px 0}.rules-list[data-v-60ab6e77]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.rule-item[data-v-60ab6e77]{display:flex;align-items:flex-start;gap:12px}.rule-number[data-v-60ab6e77]{background:#d54d24;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;margin-top:2px}.rule-item p[data-v-60ab6e77]{margin:0;color:#666;font-size:16px;line-height:1.6}.time-selection[data-v-60ab6e77]{margin-bottom:32px}.time-buttons[data-v-60ab6e77]{display:flex;justify-content:space-between;gap:16px}.time-btn[data-v-60ab6e77]{flex:1;padding:20px 12px;border:none;border-radius:12px;background:#999;color:#fff;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700}.time-btn[data-v-60ab6e77]:hover{box-shadow:0 6px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.time-btn.active[data-v-60ab6e77]{background:#d54d24;box-shadow:0 6px 16px rgba(213,77,36,.3)}.time-btn i[data-v-60ab6e77]{font-size:24px}.time-btn span[data-v-60ab6e77]{font-size:16px}.start-section[data-v-60ab6e77]{margin-bottom:32px}.start-btn[data-v-60ab6e77]{width:100%;padding:20px;border:none;border-radius:12px;background:#d54d24;color:#fff;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 6px 12px rgba(213,77,36,.3);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.start-btn[data-v-60ab6e77]:hover{background:rgba(213,77,36,.9);box-shadow:0 8px 20px rgba(213,77,36,.4);transform:translateY(-2px)}.bottom-buttons[data-v-60ab6e77]{display:flex;justify-content:space-between;gap:16px}.bottom-btn[data-v-60ab6e77]{flex:1;padding:16px;border:none;border-radius:12px;background:#fff;color:#666;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.bottom-btn[data-v-60ab6e77]:hover{box-shadow:0 6px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.bottom-btn i[data-v-60ab6e77]{font-size:18px}.bottom-btn:first-child i[data-v-60ab6e77]{color:gold}.bottom-btn:last-child i[data-v-60ab6e77]{color:#d54d24}.modal-overlay[data-v-60ab6e77]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content[data-v-60ab6e77]{background:#fff;border-radius:12px;box-shadow:0 20px 25px rgba(0,0,0,.25);width:100%;max-width:400px;margin:0 20px}.modal-body[data-v-60ab6e77]{padding:24px}.modal-title[data-v-60ab6e77]{font-size:20px;font-weight:700;color:#333;text-align:center;margin:0 0 16px 0}.modal-message[data-v-60ab6e77]{color:#999;text-align:center;margin:0 0 24px 0;font-size:14px;line-height:1.5}.modal-buttons[data-v-60ab6e77]{display:flex;justify-content:center;gap:16px}.cancel-btn[data-v-60ab6e77],.confirm-btn[data-v-60ab6e77]{padding:8px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.cancel-btn[data-v-60ab6e77]{background:#999;color:#fff}.cancel-btn[data-v-60ab6e77]:hover{background:hsla(0,0%,60%,.8)}.confirm-btn[data-v-60ab6e77]{background:#d54d24;color:#fff}.confirm-btn[data-v-60ab6e77]:hover{background:rgba(213,77,36,.9)}.battle-header[data-v-67bcebb2]{position:fixed;z-index:100;inset:0 0 auto;height:var(--battle-header-height);padding-top:var(--battle-safe-top);display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;background:#2d2d2d url(/img/top.02f76931.png) no-repeat 50%;background-size:cover;color:#fff}.battle-back[data-v-67bcebb2]{width:56px;height:56px;padding:15px;border:0;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.battle-back svg[data-v-67bcebb2]{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.battle-title[data-v-67bcebb2]{margin:0;text-align:center;font-size:20px;font-weight:600;line-height:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-header-spacer[data-v-67bcebb2]{width:56px}.quiz-container[data-v-39054de8]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.quiz-main[data-v-39054de8]{flex:1;padding:calc(var(--battle-header-height) + 20px) 24px 24px;max-width:672px;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start}.quiz-section[data-v-39054de8]{margin-bottom:32px}.progress-bar[data-v-39054de8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.progress-info[data-v-39054de8]{color:#666;font-size:14px}.progress-number[data-v-39054de8]{color:#d54d24}.timer[data-v-39054de8]{background-color:#d54d24;color:#fff;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500;display:flex;align-items:center}.timer-icon[data-v-39054de8]{margin-right:6px;color:#fff}.question-card[data-v-39054de8]{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:24px;margin-bottom:32px}.question-text[data-v-39054de8]{font-size:20px;font-weight:700;color:#333;margin-bottom:24px}.options-container[data-v-39054de8]{display:flex;flex-direction:column;gap:12px}.option-item[data-v-39054de8]{padding:16px;border:2px solid #e5e5e5;border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:all .3s ease}.option-item[data-v-39054de8]:hover{background-color:#f5f5f5}.option-item.selected[data-v-39054de8]{border-color:#d54d24;background-color:#fff5f0}.option-item.correct[data-v-39054de8]{border-color:#10b981;background-color:#f0fdf4}.option-item.incorrect[data-v-39054de8]{border-color:#ef4444;background-color:#fef2f2}.option-key[data-v-39054de8]{background-color:#d54d24;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;font-weight:700}.option-text[data-v-39054de8]{color:#333;flex:1}.explanation-card[data-v-39054de8]{background-color:#f5f5f5;border-radius:8px;padding:24px;margin-bottom:32px}.explanation-title[data-v-39054de8]{font-size:18px;font-weight:700;color:#333;margin-bottom:12px}.explanation-text[data-v-39054de8]{color:#666;line-height:1.6}.nav-buttons[data-v-39054de8]{display:flex;justify-content:center;gap:16px}.nav-btn[data-v-39054de8]{padding:12px 48px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;width:100%;max-width:300px;justify-content:center}.nav-btn-next[data-v-39054de8]{background-color:#d54d24;color:#fff}.nav-btn-next[data-v-39054de8]:hover{background-color:#c2410c}.nav-btn[data-v-39054de8]:disabled{opacity:.5;cursor:not-allowed}.quiz-footer[data-v-39054de8]{padding:16px 24px;border-top:1px solid #e5e5e5}.footer-content[data-v-39054de8]{text-align:center}.back-link[data-v-39054de8]{color:#3b82f6;text-decoration:none;font-size:14px}.back-link[data-v-39054de8]:hover{text-decoration:underline}.confirm-modal-overlay[data-v-39054de8]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.confirm-modal-content[data-v-39054de8]{background:#fff;border-radius:12px;box-shadow:0 20px 25px rgba(0,0,0,.25);width:100%;max-width:400px;margin:0 20px}.confirm-modal-body[data-v-39054de8]{padding:24px}.confirm-modal-title[data-v-39054de8]{font-size:20px;font-weight:700;color:#333;text-align:center;margin:0 0 16px 0}.confirm-modal-message[data-v-39054de8]{color:#999;text-align:center;margin:0 0 24px 0;font-size:14px;line-height:1.5}.confirm-modal-buttons[data-v-39054de8]{display:flex;justify-content:center;gap:16px}.confirm-modal-btn[data-v-39054de8]{padding:8px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.confirm-modal-btn.cancel[data-v-39054de8]{background:#999;color:#fff}.confirm-modal-btn.cancel[data-v-39054de8]:hover{background:hsla(0,0%,60%,.8)}.confirm-modal-btn.confirm[data-v-39054de8]{background:#d54d24;color:#fff}.confirm-modal-btn.confirm[data-v-39054de8]:hover{background:rgba(213,77,36,.9)}.result-container[data-v-931e04f4]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.result-main[data-v-931e04f4]{flex:1;padding:calc(var(--battle-header-height) + 20px) 24px 24px;display:flex;flex-direction:column;justify-content:space-between}.result-stats[data-v-931e04f4]{background-color:#fff;border-radius:16px;padding:32px 24px;margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.result-subtitle[data-v-931e04f4]{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#d54d24;margin-top:-10px;margin-bottom:8px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.result-description[data-v-931e04f4]{font-size:16px;color:#999;margin-bottom:32px;text-align:center}.stats-grid[data-v-931e04f4]{display:flex;justify-content:space-around;gap:20px;margin-bottom:32px}.stat-item[data-v-931e04f4]{text-align:center;flex:1}.stat-icon[data-v-931e04f4]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px}.stat-icon.correct[data-v-931e04f4]{background-color:rgba(16,185,129,.1);color:#10b981}.stat-icon.wrong[data-v-931e04f4]{background-color:rgba(239,68,68,.1);color:#ef4444}.stat-icon.time[data-v-931e04f4]{background-color:rgba(59,130,246,.1);color:#3b82f6}.stat-number[data-v-931e04f4]{font-size:24px;font-weight:700;margin-bottom:4px}.stat-number.correct[data-v-931e04f4]{color:#10b981}.stat-number.wrong[data-v-931e04f4]{color:#ef4444}.stat-number.time[data-v-931e04f4]{color:#3b82f6}.stat-label[data-v-931e04f4]{color:#999;font-size:12px;margin:0}.ranking-section[data-v-931e04f4]{background-color:#f8f8f8;border-radius:12px;padding:24px;text-align:center}.challenge-info[data-v-931e04f4]{color:#999;font-size:14px;margin-bottom:16px;text-align:center}.ranking-display[data-v-931e04f4]{font-size:28px;font-weight:700;color:#333;margin:0}.ranking-number[data-v-931e04f4]{color:#d54d24;font-size:48px}.action-buttons[data-v-931e04f4]{display:flex;flex-direction:column;gap:16px}.retry-btn[data-v-931e04f4]{width:100%;padding:16px;background-color:#fff;border:2px solid #d54d24;color:#d54d24;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.retry-btn[data-v-931e04f4]:hover{background-color:#fff5f0}.share-btn[data-v-931e04f4]{width:100%;padding:16px;background-color:#d54d24;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.share-btn[data-v-931e04f4]:hover{background-color:#c2410c}.back-to-home[data-v-931e04f4]{text-align:center;margin-top:24px}.home-link[data-v-931e04f4]{color:#3b82f6;text-decoration:none;font-size:14px;display:flex;align-items:center;justify-content:center;gap:4px}.home-link[data-v-931e04f4]:hover{text-decoration:underline}.start-btn[data-v-3d0feab6]{width:100%;padding:16px;border:none;border-radius:8px;background:#d54d24;color:#fff;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.transition-custom[data-v-3d0feab6]{transition:all .3s ease}.rank-1[data-v-3d0feab6]{background:linear-gradient(135deg,gold,orange)}.rank-2[data-v-3d0feab6]{background:linear-gradient(135deg,silver,#a9a9a9)}.rank-3[data-v-3d0feab6]{background:linear-gradient(135deg,#cd7f32,tan)}.ranking-container[data-v-3d0feab6]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.ranking-main[data-v-3d0feab6]{flex:1;padding:var(--battle-header-height) 24px 24px}.ranking-filters[data-v-3d0feab6]{margin:0 -24px 24px;background:#fff;border-bottom:8px solid #f5f5f5}.period-tabs[data-v-3d0feab6]{display:flex;border-bottom:1px solid #f0f0f0}.period-tab[data-v-3d0feab6]{flex:1;min-width:0;min-height:48px;padding:12px 4px;text-align:center;font-size:16px;font-weight:500;cursor:pointer;border:0;border-bottom:3px solid transparent;background:#fff;color:#333}.period-tab.active[data-v-3d0feab6]{color:#d54d24;border-bottom-color:#d54d24}.duration-tabs[data-v-3d0feab6]{display:flex;gap:10px;padding:12px 20px}.duration-tab[data-v-3d0feab6]{flex:1;min-width:0;min-height:36px;border:0;border-radius:18px;background:#f2f2f4;color:#333;font-size:14px;cursor:pointer}.duration-tab.active[data-v-3d0feab6],.retry-btn[data-v-3d0feab6]{background:#d54d24;color:#fff}.retry-btn[data-v-3d0feab6]{border:0;border-radius:18px;padding:8px 24px}.ranking-list[data-v-3d0feab6]{box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:32px}.ranking-item[data-v-3d0feab6]{padding:16px 24px}.ranking-item.top-1[data-v-3d0feab6]{background:linear-gradient(135deg,#fff5f0,#ffe8e0)}.ranking-item.top-2[data-v-3d0feab6]{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.ranking-item.top-3[data-v-3d0feab6]{background:linear-gradient(135deg,#fefce8,#fef3c7)}.ranking-rank[data-v-3d0feab6]{width:40px;text-align:center;font-size:18px;font-weight:700;color:#666}.ranking-rank.top-3[data-v-3d0feab6]{color:#d54d24;font-size:24px}.ranking-avatar[data-v-3d0feab6]{width:48px;height:48px;border-radius:50%;margin-right:16px;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb}.ranking-avatar.top-1[data-v-3d0feab6]{border-color:#d54d24;box-shadow:0 0 0 2px rgba(213,77,36,.2)}.ranking-avatar.top-2[data-v-3d0feab6]{border-color:#9ca3af}.ranking-avatar.top-3[data-v-3d0feab6]{border-color:#d97706}.ranking-info[data-v-3d0feab6]{flex:1}.ranking-name[data-v-3d0feab6]{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.ranking-name.top-3[data-v-3d0feab6]{font-weight:700;color:#d54d24}.ranking-time[data-v-3d0feab6]{font-size:12px;color:#999}.ranking-score[data-v-3d0feab6]{font-size:20px;font-weight:700;color:#d54d24;margin-right:16px}.ranking-score.top-3[data-v-3d0feab6]{font-size:24px}.ranking-trophy[data-v-3d0feab6]{color:#d97706;font-size:24px}.ranking-trophy.top-1[data-v-3d0feab6]{color:#d54d24}.ranking-trophy.top-2[data-v-3d0feab6]{color:#9ca3af}.empty-state[data-v-3d0feab6]{text-align:center;padding:60px 24px;color:#999}.empty-icon[data-v-3d0feab6]{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text[data-v-3d0feab6]{font-size:16px;margin-bottom:24px}.start-challenge-btn[data-v-3d0feab6]{background-color:#d54d24;color:#fff;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:inline-flex;align-items:center;gap:8px}.start-challenge-btn[data-v-3d0feab6]:hover{background-color:#c2410c}.bottom-actions[data-v-3d0feab6]{margin-top:32px}.start-challenge-bottom[data-v-3d0feab6]{background-color:#d54d24;color:#fff;border:none;border-radius:8px;padding:16px 48px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:inline-flex;align-items:center;gap:8px}.start-challenge-bottom[data-v-3d0feab6]:hover{background-color:#c2410c}.ranking-content[data-v-3d0feab6]{text-align:center;margin-bottom:24px}.ranking-subtitle[data-v-3d0feab6]{color:#666;font-size:14px;margin-bottom:16px}.top-three-container[data-v-3d0feab6]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin-bottom:24px;min-height:120px}.rank-item-first[data-v-3d0feab6]{grid-column:2;grid-row:1}.rank-item-second[data-v-3d0feab6]{grid-column:1;grid-row:1}.rank-item-third[data-v-3d0feab6]{grid-column:3;grid-row:1}.rank-item-first[data-v-3d0feab6],.rank-item-second[data-v-3d0feab6],.rank-item-third[data-v-3d0feab6]{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100px}.rank-badge[data-v-3d0feab6]{color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.rank-badge.rank-1[data-v-3d0feab6]{width:40px;height:40px;font-size:14px}.rank-badge.rank-2[data-v-3d0feab6],.rank-badge.rank-3[data-v-3d0feab6]{width:32px;height:32px;font-size:12px}.rank-nickname[data-v-3d0feab6]{color:#333;font-size:14px;margin-bottom:2px}.rank-nickname.rank-first[data-v-3d0feab6]{font-weight:700;font-size:16px}.rank-score[data-v-3d0feab6]{color:#d54d24;font-weight:700;font-size:14px}.rank-score.rank-first-score[data-v-3d0feab6]{font-size:18px}.ranking-list[data-v-3d0feab6]{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.ranking-item[data-v-3d0feab6]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background-color .3s ease}.ranking-item[data-v-3d0feab6]:last-child{border-bottom:none}.ranking-item[data-v-3d0feab6]:hover{background-color:#f9fafb}.rank-number[data-v-3d0feab6]{width:24px;height:24px;border-radius:50%;background-color:#9ca3af;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:12px}.rank-info[data-v-3d0feab6]{flex:1;text-align:left}.rank-name[data-v-3d0feab6]{color:#333;font-size:14px;font-weight:500;margin-bottom:2px}.rank-date[data-v-3d0feab6]{color:#999;font-size:12px}.rank-score-item[data-v-3d0feab6]{color:#d54d24;font-weight:700;font-size:14px}.loading-state[data-v-3d0feab6]{padding:20px;text-align:center;color:#666;font-size:14px}.loading-text[data-v-3d0feab6]{margin:0}.end-state[data-v-3d0feab6]{padding:20px;text-align:center;color:#999;font-size:14px}.end-text[data-v-3d0feab6]{margin:0}.bottom-actions[data-v-3d0feab6]{position:fixed;bottom:0;left:0;right:0;padding:24px;background-color:hsla(0,0%,96%,.95);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);text-align:center;z-index:10}.ranking-main[data-v-3d0feab6]{padding-bottom:120px}.records-container[data-v-01651ca3]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.records-main[data-v-01651ca3]{flex:1;padding:calc(var(--battle-header-height) + 20px) 24px 24px;max-width:672px;margin:0 auto;display:flex;flex-direction:column}.records-list[data-v-01651ca3]{display:flex;flex-direction:column;gap:24px}.record-item[data-v-01651ca3]{transition:all .3s ease}.record-date[data-v-01651ca3]{font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.result-stats[data-v-01651ca3]{background-color:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center}.result-subtitle[data-v-01651ca3]{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#d54d24;margin-top:-10px;margin-bottom:8px;text-align:center}.result-description[data-v-01651ca3]{font-size:16px;color:#999;margin-bottom:32px;text-align:center}.stats-grid[data-v-01651ca3]{display:flex;justify-content:space-around;gap:20px;margin-bottom:32px}.stat-item[data-v-01651ca3]{text-align:center;flex:1}.stat-icon[data-v-01651ca3]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px}.stat-icon.correct[data-v-01651ca3]{background-color:rgba(16,185,129,.1);color:#10b981}.stat-icon.wrong[data-v-01651ca3]{background-color:rgba(239,68,68,.1);color:#ef4444}.stat-icon.time[data-v-01651ca3]{background-color:rgba(59,130,246,.1);color:#3b82f6}.stat-number[data-v-01651ca3]{font-size:24px;font-weight:700;margin-bottom:4px}.stat-number.correct[data-v-01651ca3]{color:#10b981}.stat-number.wrong[data-v-01651ca3]{color:#ef4444}.stat-number.time[data-v-01651ca3]{color:#3b82f6}.stat-label[data-v-01651ca3]{color:#999;font-size:12px;margin:0}.ranking-section[data-v-01651ca3]{background-color:#f8f8f8;border-radius:12px;padding:24px;text-align:center}.challenge-info[data-v-01651ca3]{color:#999;font-size:14px;margin-bottom:16px;text-align:center}.ranking-display[data-v-01651ca3]{font-size:28px;font-weight:700;color:#333;margin:0}.ranking-number[data-v-01651ca3]{color:#d54d24;font-size:48px}.empty-state[data-v-01651ca3]{text-align:center;padding:60px 24px;color:#999}.empty-icon[data-v-01651ca3]{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text[data-v-01651ca3]{font-size:16px;margin-bottom:24px}.start-challenge-btn[data-v-01651ca3]{background-color:#d54d24;color:#fff;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:inline-flex;align-items:center;gap:8px}.start-challenge-btn[data-v-01651ca3]:hover{background-color:#c2410c}.slider-captcha[data-v-4c0020d8]{width:100%}.captcha-trigger[data-v-4c0020d8]{width:100%;height:40px;background:#f7f9fa;border:1px solid #e4e7eb;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.trigger-text[data-v-4c0020d8]{color:#999;font-size:14px}.trigger-success[data-v-4c0020d8]{color:#52c41a;font-size:14px}.captcha-modal[data-v-4c0020d8]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.captcha-content[data-v-4c0020d8]{width:350px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.captcha-header[data-v-4c0020d8]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e8e8e8}.captcha-header h3[data-v-4c0020d8]{margin:0;font-size:16px;font-weight:500}.close-btn[data-v-4c0020d8]{font-size:24px;cursor:pointer;color:#999}.captcha-body[data-v-4c0020d8]{padding:20px}.captcha-image-container[data-v-4c0020d8]{position:relative;width:100%;height:155px;margin-bottom:20px;overflow:hidden;border-radius:4px}.captcha-image-wrapper[data-v-4c0020d8]{position:relative}.captcha-bg[data-v-4c0020d8],.captcha-image-wrapper[data-v-4c0020d8]{width:100%;height:100%;background:url(/img/c.727e6c4d.png) 50%/cover no-repeat}.captcha-slider[data-v-4c0020d8]{background:url(/img/c.727e6c4d.png) 50%/cover no-repeat;border:1px solid #1991fa;box-shadow:0 0 5px rgba(25,145,250,.5);z-index:10}.captcha-gap[data-v-4c0020d8],.captcha-slider[data-v-4c0020d8]{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;box-sizing:border-box}.captcha-gap[data-v-4c0020d8]{overflow:hidden;z-index:5}.slider-container[data-v-4c0020d8]{position:relative;width:100%;height:40px}.slider-track[data-v-4c0020d8]{position:absolute;top:0;left:0;width:100%;height:100%;background:#f7f9fa;border:1px solid #e4e7eb;border-radius:4px}.slider-fill[data-v-4c0020d8]{position:absolute;top:0;left:0;height:100%;background:#d1e9fe;border-radius:4px}.slider-handler[data-v-4c0020d8]{position:absolute;top:0;left:0;min-width:60px;height:40px;background:#fff;border:1px solid #e4e7eb;border-radius:4px;cursor:move;display:flex;align-items:center;justify-content:center;font-size:12px;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s;padding:0 10px;white-space:nowrap}.slider-handler[data-v-4c0020d8]:hover{border-color:#1890ff}.captcha-result[data-v-4c0020d8]{margin-top:10px;text-align:center;min-height:20px}.success[data-v-4c0020d8]{color:#52c41a}.error[data-v-4c0020d8]{color:#ff4d4f}.login-container[data-v-30ca0add]{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.login-form[data-v-30ca0add]{flex:1;padding:calc(var(--battle-header-height) + 20px) 20px 20px;display:flex;flex-direction:column;justify-content:flex-start}.input-group[data-v-30ca0add]{display:flex;align-items:center;margin-bottom:20px;background-color:#fff;border-radius:8px;padding:0 15px}.country-code[data-v-30ca0add]{color:#333;margin-right:10px;font-size:16px}.phone-input[data-v-30ca0add],.verification-input[data-v-30ca0add]{flex:1;border:none;outline:none;padding:15px 0;font-size:16px}.resend-btn[data-v-30ca0add]{background-color:#d54d24;color:#fff;border:none;border-radius:4px;padding:5px 10px;font-size:14px;cursor:pointer}.resend-btn[data-v-30ca0add]:disabled{background-color:#ccc;cursor:not-allowed}.slide-verify-container[data-v-30ca0add]{margin-bottom:20px}.captcha-placeholder[data-v-30ca0add]{text-align:center;padding:20px;background-color:#f0f0f0;border-radius:8px;color:#666;font-size:14px}.login-btn[data-v-30ca0add]{background-color:#d54d24;color:#fff;border:none;border-radius:8px;padding:15px;font-size:16px;cursor:pointer;margin-top:20px}.login-btn[data-v-30ca0add]:disabled{background-color:#d54d24;cursor:not-allowed}.company-info[data-v-30ca0add]{text-align:center;color:#999;font-size:12px;padding:20px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#1a1a1a}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:0;width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.confirm-modal-body{padding:24px}.confirm-modal-title{font-size:18px;font-weight:600;color:#333;margin:0 0 16px 0;text-align:center}.confirm-modal-message{font-size:14px;color:#666;margin:0 0 24px 0;line-height:1.5;text-align:center}.confirm-modal-buttons{display:flex;justify-content:center;gap:12px}.confirm-modal-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:80px}.confirm-modal-btn.confirm{background-color:#d54d24;color:#fff}.confirm-modal-btn.confirm:hover{background-color:#c2410c}.confirm-modal-btn.cancel{background-color:#f3f4f6;color:#666}.confirm-modal-btn.cancel:hover{background-color:#e5e7eb}