*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh;transition:all .3s ease}.dark-theme{background-color:#1a1a1a;color:#fff}*{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}.font-small{font-size:14px}.font-medium{font-size:16px}.font-large{font-size:18px}.no-animation *{animation-duration:0s!important;transition-duration:0s!important}.v-enter-active,.v-leave-active{transition:all .3s ease}.v-enter-from{opacity:0;transform:translate(30px)}.v-leave-to{opacity:0;transform:translate(-30px)}@media (max-width: 480px){html{font-size:14px}}@supports (padding: max(0px)){.safe-area-inset-top{padding-top:max(20px,env(safe-area-inset-top))}.safe-area-inset-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.home-container[data-v-ff28a141]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;color:#fff}.welcome-section[data-v-ff28a141]{text-align:center;padding:40px 0}.app-title[data-v-ff28a141]{font-size:2.5rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.app-subtitle[data-v-ff28a141]{font-size:1.1rem;opacity:.9;margin:0}.stats-section[data-v-ff28a141]{margin-bottom:32px}.stats-grid[data-v-ff28a141]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:400px;margin:0 auto}.stat-card[data-v-ff28a141]{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,.2)}.stat-number[data-v-ff28a141]{font-size:1.8rem;font-weight:700;margin-bottom:4px}.stat-label[data-v-ff28a141]{font-size:.9rem;opacity:.8}.quiz-bank-section[data-v-ff28a141],.navigation-section[data-v-ff28a141],.recent-section[data-v-ff28a141]{margin-bottom:32px}.section-title[data-v-ff28a141]{font-size:1.3rem;font-weight:600;margin-bottom:16px;text-align:center}.quiz-bank-grid[data-v-ff28a141]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;max-width:400px;margin:0 auto}.quiz-bank-btn[data-v-ff28a141]{background:rgba(255,255,255,.2);border:none;border-radius:16px;padding:20px 16px;color:#fff;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);text-align:center;min-width:160px}.quiz-bank-btn[data-v-ff28a141]:hover{background:rgba(255,255,255,.3);transform:translateY(-4px);box-shadow:0 8px 25px #0003}.bank-icon[data-v-ff28a141]{font-size:2.2rem;margin-bottom:8px}.bank-title[data-v-ff28a141]{font-size:1.1rem;font-weight:600;margin-bottom:4px}.bank-desc[data-v-ff28a141]{font-size:.85rem;opacity:.8;margin-bottom:6px}.bank-count[data-v-ff28a141]{font-size:.8rem;opacity:.7;font-weight:500}.nav-grid[data-v-ff28a141]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;max-width:500px;margin:0 auto}.nav-card[data-v-ff28a141]{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;text-align:center;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.nav-card[data-v-ff28a141]:hover{background:rgba(255,255,255,.25);transform:translateY(-4px)}.nav-icon[data-v-ff28a141]{font-size:2rem;margin-bottom:8px}.nav-title[data-v-ff28a141]{font-size:1rem;font-weight:600;margin-bottom:4px}.nav-desc[data-v-ff28a141]{font-size:.8rem;opacity:.8}.recent-list[data-v-ff28a141]{max-width:400px;margin:0 auto}.recent-item[data-v-ff28a141]{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.recent-item[data-v-ff28a141]:hover{background:rgba(255,255,255,.25)}.recent-score[data-v-ff28a141]{font-size:1.5rem;font-weight:700;margin-right:16px;min-width:60px}.recent-info[data-v-ff28a141]{flex:1}.recent-date[data-v-ff28a141]{font-weight:600;margin-bottom:2px}.recent-details[data-v-ff28a141]{font-size:.9rem;opacity:.8}@media (max-width: 480px){.home-container[data-v-ff28a141]{padding:16px}.app-title[data-v-ff28a141]{font-size:2rem}.stats-grid[data-v-ff28a141]{grid-template-columns:1fr 1fr;gap:12px}.quiz-bank-grid[data-v-ff28a141]{grid-template-columns:1fr;gap:12px}.quiz-bank-btn[data-v-ff28a141]{min-width:100%;padding:18px 16px}.nav-grid[data-v-ff28a141]{grid-template-columns:repeat(3,1fr);gap:12px}}.time-select-container[data-v-18bcf1f9]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px}.header[data-v-18bcf1f9]{display:flex;align-items:center;margin-bottom:32px;padding-top:20px}.header-content[data-v-18bcf1f9]{flex:1}.bank-info[data-v-18bcf1f9]{margin-top:8px;display:flex;flex-direction:column;gap:4px}.bank-name[data-v-18bcf1f9]{font-size:1rem;font-weight:500;color:#ffffffe6}.bank-desc[data-v-18bcf1f9]{font-size:.875rem;color:#ffffffb3}.back-btn[data-v-18bcf1f9]{background:rgba(255,255,255,.2);border:none;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;margin-right:16px;transition:all .3s ease}.back-btn[data-v-18bcf1f9]:hover{background:rgba(255,255,255,.3)}.back-icon[data-v-18bcf1f9]{font-size:1.5rem;font-weight:700}.page-title[data-v-18bcf1f9]{font-size:1.5rem;font-weight:600;margin:0}.time-selection[data-v-18bcf1f9],.question-selection[data-v-18bcf1f9],.preview-section[data-v-18bcf1f9],.start-section[data-v-18bcf1f9]{margin-bottom:32px}.section-title[data-v-18bcf1f9]{font-size:1.2rem;font-weight:600;margin-bottom:16px;text-align:center}.time-grid[data-v-18bcf1f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;max-width:600px;margin:0 auto}.time-card[data-v-18bcf1f9]{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.time-card[data-v-18bcf1f9]:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.time-card.active[data-v-18bcf1f9]{border-color:#fffc;background:rgba(255,255,255,.3)}.time-value[data-v-18bcf1f9]{font-size:2rem;font-weight:700;margin-bottom:4px}.time-unit[data-v-18bcf1f9]{font-size:.9rem;opacity:.8;margin-bottom:8px}.time-desc[data-v-18bcf1f9]{font-size:.9rem;font-weight:500;margin-bottom:4px}.time-questions[data-v-18bcf1f9]{font-size:.8rem;opacity:.7}.question-options[data-v-18bcf1f9]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:400px;margin:0 auto}.question-option[data-v-18bcf1f9]{background:rgba(255,255,255,.15);border:2px solid transparent;border-radius:12px;padding:12px 20px;cursor:pointer;transition:all .3s ease;font-weight:500}.question-option[data-v-18bcf1f9]:hover{background:rgba(255,255,255,.25)}.question-option.active[data-v-18bcf1f9]{border-color:#fffc;background:rgba(255,255,255,.3)}.preview-card[data-v-18bcf1f9]{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;max-width:400px;margin:0 auto;border:1px solid rgba(255,255,255,.3)}.preview-title[data-v-18bcf1f9]{font-size:1.1rem;font-weight:600;margin-bottom:16px;text-align:center}.preview-item[data-v-18bcf1f9]{display:flex;justify-content:space-between;margin-bottom:8px}.preview-label[data-v-18bcf1f9]{opacity:.8}.preview-value[data-v-18bcf1f9]{font-weight:600}.start-btn[data-v-18bcf1f9]{width:100%;max-width:300px;margin:0 auto;display:block;background:rgba(255,255,255,.9);color:#667eea;border:none;border-radius:16px;padding:16px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-btn[data-v-18bcf1f9]:hover:not(:disabled){background:white;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.start-btn[data-v-18bcf1f9]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.time-select-container[data-v-18bcf1f9]{padding:16px}.time-grid[data-v-18bcf1f9]{grid-template-columns:repeat(2,1fr);gap:8px}.time-card[data-v-18bcf1f9]{padding:16px}.time-value[data-v-18bcf1f9]{font-size:1.5rem}.question-options[data-v-18bcf1f9]{gap:8px}.question-option[data-v-18bcf1f9]{padding:10px 16px}}.timer[data-v-0293df66]{display:inline-block;color:var(--primary-color);transition:color .3s ease}.timer-warning[data-v-0293df66]{color:var(--warning-color)}.timer-danger[data-v-0293df66]{color:var(--error-color);animation:pulse-0293df66 1s infinite}.timer-circle[data-v-0293df66]{position:relative;width:80px;height:80px}.timer-svg[data-v-0293df66]{width:100%;height:100%;transform:rotate(-90deg)}.timer-progress[data-v-0293df66]{transition:stroke-dashoffset .3s ease}.timer-text[data-v-0293df66]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.timer-time[data-v-0293df66]{font-size:var(--font-size-md);font-weight:600;line-height:1}.timer-label[data-v-0293df66]{font-size:var(--font-size-xs);opacity:.7;margin-top:2px}@keyframes pulse-0293df66{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 480px){.timer-circle[data-v-0293df66]{width:60px;height:60px}.timer-time[data-v-0293df66]{font-size:var(--font-size-sm)}.timer-label[data-v-0293df66]{font-size:10px}}.progress-container[data-v-c13a1264]{width:100%}.progress-info[data-v-c13a1264]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.progress-text[data-v-c13a1264]{font-weight:500}.progress-percentage[data-v-c13a1264]{font-weight:600;color:var(--text-primary)}.progress-bar[data-v-c13a1264]{position:relative;background-color:var(--background-light);border-radius:var(--border-radius-small);overflow:hidden}.progress-small[data-v-c13a1264]{height:4px}.progress-medium[data-v-c13a1264]{height:8px}.progress-large[data-v-c13a1264]{height:12px}.progress-fill[data-v-c13a1264]{height:100%;border-radius:inherit;transition:width .3s ease;position:relative;overflow:hidden}.fill-default[data-v-c13a1264]{background-color:var(--primary-color)}.fill-success[data-v-c13a1264]{background-color:var(--success-color)}.fill-warning[data-v-c13a1264]{background-color:var(--warning-color)}.fill-error[data-v-c13a1264]{background-color:var(--error-color)}.progress-shine[data-v-c13a1264]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine-c13a1264 2s infinite}.fill-animated .progress-shine[data-v-c13a1264]{animation:shine-c13a1264 2s infinite}.progress-striped .progress-fill[data-v-c13a1264]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-animated.progress-striped .progress-fill[data-v-c13a1264]{animation:progress-bar-stripes-c13a1264 1s linear infinite}.progress-steps[data-v-c13a1264]{display:flex;justify-content:space-between;margin-top:var(--spacing-md);position:relative}.progress-step[data-v-c13a1264]{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.progress-step[data-v-c13a1264]:not(:last-child):after{content:"";position:absolute;top:8px;left:50%;right:-50%;height:2px;background-color:var(--border-color);z-index:1}.step-completed[data-v-c13a1264]:not(:last-child):after{background-color:var(--success-color)}.step-dot[data-v-c13a1264]{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-color);background-color:var(--background-color);position:relative;z-index:2;transition:all .3s ease}.step-completed .step-dot[data-v-c13a1264]{border-color:var(--success-color);background-color:var(--success-color)}.step-current .step-dot[data-v-c13a1264]{border-color:var(--primary-color);background-color:var(--primary-color);animation:pulse-dot-c13a1264 1.5s infinite}.step-label[data-v-c13a1264]{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;max-width:80px;word-break:break-word}.step-completed .step-label[data-v-c13a1264]{color:var(--success-color);font-weight:500}.step-current .step-label[data-v-c13a1264]{color:var(--primary-color);font-weight:600}@keyframes shine-c13a1264{0%{left:-100%}to{left:100%}}@keyframes progress-bar-stripes-c13a1264{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes pulse-dot-c13a1264{0%,to{transform:scale(1);box-shadow:0 0 #1890ff66}50%{transform:scale(1.1);box-shadow:0 0 0 8px #1890ff00}}@media (max-width: 480px){.progress-info[data-v-c13a1264]{font-size:var(--font-size-xs)}.step-label[data-v-c13a1264]{font-size:10px;max-width:60px}.step-dot[data-v-c13a1264]{width:12px;height:12px}.progress-step[data-v-c13a1264]:not(:last-child):after{top:6px}}.dialog-overlay[data-v-9a22f3a7]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.dialog-container[data-v-9a22f3a7]{background-color:var(--background-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);max-width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.dialog-small[data-v-9a22f3a7]{width:320px}.dialog-medium[data-v-9a22f3a7]{width:480px}.dialog-large[data-v-9a22f3a7]{width:640px}.dialog-header[data-v-9a22f3a7]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.dialog-title[data-v-9a22f3a7]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.dialog-close[data-v-9a22f3a7]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-small);transition:all .2s ease}.dialog-close[data-v-9a22f3a7]:hover{background-color:var(--background-light);color:var(--text-primary)}.dialog-body[data-v-9a22f3a7]{padding:var(--spacing-lg);flex:1;overflow-y:auto}.dialog-content[data-v-9a22f3a7]{margin:0;color:var(--text-primary);line-height:var(--line-height-normal)}.dialog-footer[data-v-9a22f3a7]{padding:var(--spacing-lg);border-top:1px solid var(--border-color);flex-shrink:0}.dialog-actions[data-v-9a22f3a7]{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.dialog-actions .btn[data-v-9a22f3a7]{min-width:80px}.dialog-success .dialog-title[data-v-9a22f3a7]{color:var(--success-color)}.dialog-warning .dialog-title[data-v-9a22f3a7]{color:var(--warning-color)}.dialog-error .dialog-title[data-v-9a22f3a7]{color:var(--error-color)}.dialog-info .dialog-title[data-v-9a22f3a7]{color:var(--info-color)}.dialog-enter-active[data-v-9a22f3a7]{transition:all .3s ease}.dialog-leave-active[data-v-9a22f3a7]{transition:all .2s ease}.dialog-enter-from[data-v-9a22f3a7],.dialog-leave-to[data-v-9a22f3a7]{opacity:0}.dialog-enter-from .dialog-container[data-v-9a22f3a7],.dialog-leave-to .dialog-container[data-v-9a22f3a7]{transform:scale(.9) translateY(-20px)}@media (max-width: 768px){.dialog-overlay[data-v-9a22f3a7]{padding:var(--spacing-md)}.dialog-small[data-v-9a22f3a7],.dialog-medium[data-v-9a22f3a7],.dialog-large[data-v-9a22f3a7]{width:100%;max-width:400px}.dialog-header[data-v-9a22f3a7],.dialog-body[data-v-9a22f3a7],.dialog-footer[data-v-9a22f3a7]{padding:var(--spacing-md)}.dialog-actions[data-v-9a22f3a7]{flex-direction:column-reverse}.dialog-actions .btn[data-v-9a22f3a7]{width:100%;min-width:auto}}@media (max-width: 480px){.dialog-overlay[data-v-9a22f3a7]{padding:var(--spacing-sm);align-items:flex-end}.dialog-container[data-v-9a22f3a7]{width:100%;max-height:80vh;border-radius:var(--border-radius-large) var(--border-radius-large) 0 0}.dialog-enter-from .dialog-container[data-v-9a22f3a7],.dialog-leave-to .dialog-container[data-v-9a22f3a7]{transform:translateY(100%)}}.quiz-page[data-v-7168d3c6]{min-height:100vh;background:var(--bg-color);display:flex;flex-direction:column}.quiz-header[data-v-7168d3c6]{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:1rem;position:sticky;top:0;z-index:100}.quiz-info[data-v-7168d3c6]{display:flex;align-items:center;justify-content:space-between;max-width:100%}.back-btn[data-v-7168d3c6]{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.back-btn[data-v-7168d3c6]:hover{background:var(--hover-bg)}.quiz-title[data-v-7168d3c6]{font-size:1.1rem;font-weight:600;color:var(--text-color);flex:1;text-align:center;margin:0 1rem}.quiz-timer[data-v-7168d3c6]{flex-shrink:0}.quiz-progress[data-v-7168d3c6]{padding:0 1rem;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.quiz-content[data-v-7168d3c6]{flex:1;padding:1rem;overflow-y:auto}.question-card[data-v-7168d3c6]{background:var(--card-bg);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color)}.question-header[data-v-7168d3c6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.question-number[data-v-7168d3c6]{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.question-category[data-v-7168d3c6]{display:flex;align-items:center}.category-tag[data-v-7168d3c6]{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500}.question-text[data-v-7168d3c6]{font-size:1.2rem;line-height:1.6;color:var(--text-color);margin-bottom:2rem;font-weight:500}.options-list[data-v-7168d3c6]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option-item[data-v-7168d3c6]{background:var(--input-bg);border:2px solid var(--border-color);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1rem;position:relative}.option-item[data-v-7168d3c6]:hover{border-color:var(--primary-color);background:var(--hover-bg)}.option-item.option-selected[data-v-7168d3c6]{border-color:var(--primary-color);background:var(--primary-light)}.option-item.option-correct[data-v-7168d3c6]{border-color:var(--success-color);background:var(--success-light)}.option-item.option-wrong[data-v-7168d3c6]{border-color:var(--error-color);background:var(--error-light)}.option-key[data-v-7168d3c6]{width:2rem;height:2rem;border-radius:50%;background:var(--border-color);color:var(--text-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0;transition:all .2s ease}.option-selected .option-key[data-v-7168d3c6]{background:var(--primary-color);color:#fff}.option-correct .option-key[data-v-7168d3c6]{background:var(--success-color);color:#fff}.option-wrong .option-key[data-v-7168d3c6]{background:var(--error-color);color:#fff}.option-text[data-v-7168d3c6]{flex:1;font-size:1rem;line-height:1.4;color:var(--text-color)}.option-icon[data-v-7168d3c6]{color:var(--success-color);flex-shrink:0}.option-wrong .option-icon[data-v-7168d3c6]{color:var(--error-color)}.question-explanation[data-v-7168d3c6]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.explanation-title[data-v-7168d3c6]{font-weight:600;color:var(--text-color);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.explanation-title[data-v-7168d3c6]:before{content:"💡";font-size:1.1rem}.explanation-content[data-v-7168d3c6]{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.quiz-actions[data-v-7168d3c6]{padding:1rem;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;gap:1rem;position:sticky;bottom:0}.quiz-actions .btn[data-v-7168d3c6]{flex:1;min-height:3rem}.quiz-hint[data-v-7168d3c6]{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem;font-style:italic}.safe-area-inset-top[data-v-7168d3c6]{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-inset-bottom[data-v-7168d3c6]{padding-bottom:max(1rem,env(safe-area-inset-bottom))}@media (max-width: 768px){.quiz-header[data-v-7168d3c6],.quiz-content[data-v-7168d3c6]{padding:.75rem}.question-card[data-v-7168d3c6]{padding:1rem}.question-text[data-v-7168d3c6]{font-size:1.1rem}.option-item[data-v-7168d3c6],.quiz-actions[data-v-7168d3c6]{padding:.75rem}.quiz-actions .btn[data-v-7168d3c6]{min-height:2.75rem;font-size:.95rem}}@media (prefers-color-scheme: dark){.quiz-page[data-v-7168d3c6]{background:var(--bg-color-dark)}}.result-container[data-v-9c38db9e]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px}.header[data-v-9c38db9e]{text-align:center;margin-bottom:32px;padding-top:20px}.page-title[data-v-9c38db9e]{font-size:1.8rem;font-weight:600;margin:0}.score-section[data-v-9c38db9e]{display:flex;justify-content:center;margin-bottom:32px}.score-card[data-v-9c38db9e]{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px;text-align:center;border:1px solid rgba(255,255,255,.2)}.score-circle[data-v-9c38db9e]{width:120px;height:120px;border:4px solid rgba(255,255,255,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 16px;position:relative}.score-value[data-v-9c38db9e]{font-size:2.5rem;font-weight:700;line-height:1}.score-total[data-v-9c38db9e]{font-size:1.2rem;opacity:.8}.score-percentage[data-v-9c38db9e]{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:gold}.score-level[data-v-9c38db9e]{font-size:1.1rem;font-weight:500;opacity:.9}.stats-section[data-v-9c38db9e]{margin-bottom:32px}.stats-grid[data-v-9c38db9e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;max-width:600px;margin:0 auto}.stat-item[data-v-9c38db9e]{background:rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center}.stat-icon[data-v-9c38db9e]{font-size:1.5rem;margin-bottom:8px}.stat-label[data-v-9c38db9e]{font-size:.9rem;opacity:.8;margin-bottom:4px}.stat-value[data-v-9c38db9e]{font-size:1.1rem;font-weight:600}.category-section[data-v-9c38db9e],.detail-section[data-v-9c38db9e],.review-section[data-v-9c38db9e],.share-section[data-v-9c38db9e]{margin-bottom:32px}.section-title[data-v-9c38db9e]{font-size:1.2rem;font-weight:600;margin-bottom:16px;text-align:center}.category-stats[data-v-9c38db9e]{max-width:500px;margin:0 auto}.category-item[data-v-9c38db9e]{background:rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:12px}.category-header[data-v-9c38db9e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-name[data-v-9c38db9e]{font-weight:500}.category-score[data-v-9c38db9e]{font-weight:600;color:gold}.category-progress[data-v-9c38db9e]{height:6px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden;margin-bottom:8px}.category-progress-fill[data-v-9c38db9e]{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .3s ease}.category-percentage[data-v-9c38db9e]{text-align:center;font-size:.9rem;font-weight:500}.detail-list[data-v-9c38db9e]{max-width:700px;margin:0 auto}.detail-item[data-v-9c38db9e]{background:rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px;border:2px solid transparent}.detail-item-wrong[data-v-9c38db9e]{border-color:#f87171;background:rgba(248,113,113,.1)}.detail-header[data-v-9c38db9e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.detail-number[data-v-9c38db9e]{font-weight:600;color:gold}.detail-category[data-v-9c38db9e]{background:rgba(255,255,255,.2);padding:4px 8px;border-radius:8px;font-size:.8rem}.detail-status[data-v-9c38db9e]{font-weight:600;padding:4px 8px;border-radius:8px;font-size:.8rem}.status-correct[data-v-9c38db9e]{background:rgba(74,222,128,.2);color:#4ade80}.status-wrong[data-v-9c38db9e]{background:rgba(248,113,113,.2);color:#f87171}.detail-question[data-v-9c38db9e]{font-size:1rem;font-weight:500;margin-bottom:16px;line-height:1.5}.detail-options[data-v-9c38db9e]{margin-bottom:12px}.detail-option[data-v-9c38db9e]{display:flex;align-items:center;padding:8px 12px;margin-bottom:8px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid transparent;gap:8px}.detail-option.option-correct[data-v-9c38db9e]{background:rgba(74,222,128,.15);border-color:#4ade80}.detail-option.option-wrong[data-v-9c38db9e]{background:rgba(248,113,113,.15);border-color:#f87171}.detail-option.option-user[data-v-9c38db9e]:not(.option-correct){background:rgba(248,113,113,.1)}.option-key[data-v-9c38db9e]{font-weight:600;min-width:20px}.option-text[data-v-9c38db9e]{flex:1}.option-label[data-v-9c38db9e]{font-size:.8rem;padding:2px 6px;border-radius:4px;font-weight:500}.detail-option.option-correct .option-label[data-v-9c38db9e]{background:rgba(74,222,128,.3);color:#4ade80}.detail-option.option-wrong .option-label[data-v-9c38db9e]{background:rgba(248,113,113,.3);color:#f87171}.detail-explanation[data-v-9c38db9e]{background:rgba(255,255,255,.1);border-radius:8px;padding:12px}.review-list[data-v-9c38db9e]{max-width:600px;margin:0 auto}.review-item[data-v-9c38db9e]{background:rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px}.review-header[data-v-9c38db9e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.review-number[data-v-9c38db9e]{font-weight:600;color:gold}.review-category[data-v-9c38db9e]{background:rgba(255,255,255,.2);padding:4px 8px;border-radius:8px;font-size:.8rem}.review-question[data-v-9c38db9e]{font-size:1rem;font-weight:500;margin-bottom:12px;line-height:1.5}.review-answers[data-v-9c38db9e]{margin-bottom:12px}.review-answer[data-v-9c38db9e]{display:flex;align-items:center;margin-bottom:6px}.review-answer.wrong .answer-value[data-v-9c38db9e]{color:#f87171}.review-answer.correct .answer-value[data-v-9c38db9e]{color:#4ade80}.answer-label[data-v-9c38db9e]{font-size:.9rem;opacity:.8;margin-right:8px;min-width:80px}.answer-value[data-v-9c38db9e]{font-weight:600}.review-explanation[data-v-9c38db9e]{background:rgba(255,255,255,.1);border-radius:8px;padding:12px}.explanation-label[data-v-9c38db9e]{font-size:.9rem;font-weight:600;margin-bottom:6px}.explanation-text[data-v-9c38db9e]{font-size:.9rem;line-height:1.5;opacity:.9}.action-section[data-v-9c38db9e]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.action-btn[data-v-9c38db9e]{padding:12px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.action-btn.primary[data-v-9c38db9e]{background:rgba(255,255,255,.9);color:#667eea}.action-btn.primary[data-v-9c38db9e]:hover{background:white;transform:translateY(-2px)}.action-btn.secondary[data-v-9c38db9e]{background:rgba(255,255,255,.2);color:#fff}.action-btn.secondary[data-v-9c38db9e]:hover{background:rgba(255,255,255,.3)}.share-card[data-v-9c38db9e]{background:rgba(255,255,255,.1);border-radius:12px;padding:20px;max-width:500px;margin:0 auto;display:flex;align-items:center;gap:16px}.share-content[data-v-9c38db9e]{flex:1}.share-title[data-v-9c38db9e]{font-weight:600;margin-bottom:8px;line-height:1.4}.share-stats[data-v-9c38db9e]{font-size:.9rem;opacity:.8;display:flex;flex-wrap:wrap;gap:12px}.share-btn[data-v-9c38db9e]{background:rgba(255,255,255,.2);border:none;border-radius:8px;padding:10px 16px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.share-btn[data-v-9c38db9e]:hover{background:rgba(255,255,255,.3)}.best-record-section[data-v-9c38db9e]{margin-bottom:32px}.best-record-card[data-v-9c38db9e]{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#333;border-radius:12px;padding:20px;max-width:400px;margin:0 auto;display:flex;align-items:center;gap:16px;animation:glow-9c38db9e 2s ease-in-out infinite alternate}@keyframes glow-9c38db9e{0%{box-shadow:0 0 20px #ffd70080}to{box-shadow:0 0 30px #ffd700cc}}.best-record-icon[data-v-9c38db9e]{font-size:2rem}.best-record-title[data-v-9c38db9e]{font-size:1.1rem;font-weight:600;margin-bottom:4px}.best-record-desc[data-v-9c38db9e]{font-size:.9rem;opacity:.8}@media (max-width: 480px){.result-container[data-v-9c38db9e]{padding:16px}.score-card[data-v-9c38db9e]{padding:24px}.score-circle[data-v-9c38db9e]{width:100px;height:100px}.score-value[data-v-9c38db9e]{font-size:2rem}.stats-grid[data-v-9c38db9e]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item[data-v-9c38db9e]{padding:16px}.action-section[data-v-9c38db9e]{flex-direction:column;align-items:center}.action-btn[data-v-9c38db9e]{width:100%;max-width:200px}.share-card[data-v-9c38db9e]{flex-direction:column;text-align:center}}.history-container[data-v-3501a4a0]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px}.header[data-v-3501a4a0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-top:20px}.back-btn[data-v-3501a4a0],.clear-btn[data-v-3501a4a0]{background:rgba(255,255,255,.2);border:none;border-radius:12px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.back-btn[data-v-3501a4a0]{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.back-btn[data-v-3501a4a0]:hover,.clear-btn[data-v-3501a4a0]:hover{background:rgba(255,255,255,.3)}.back-icon[data-v-3501a4a0]{font-size:1.5rem;font-weight:700}.page-title[data-v-3501a4a0]{font-size:1.5rem;font-weight:600;margin:0}.overview-section[data-v-3501a4a0]{margin-bottom:32px}.overview-grid[data-v-3501a4a0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;max-width:600px;margin:0 auto}.overview-item[data-v-3501a4a0]{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,.2)}.overview-value[data-v-3501a4a0]{font-size:1.5rem;font-weight:700;margin-bottom:4px;color:gold}.overview-label[data-v-3501a4a0]{font-size:.9rem;opacity:.8}.filter-section[data-v-3501a4a0]{margin-bottom:24px}.filter-row[data-v-3501a4a0]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.filter-group[data-v-3501a4a0]{display:flex;align-items:center;gap:8px}.filter-label[data-v-3501a4a0]{font-size:.9rem;opacity:.9}.filter-select[data-v-3501a4a0]{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:6px 12px;color:#fff;font-size:.9rem}.filter-select option[data-v-3501a4a0]{background:#333;color:#fff}.records-section[data-v-3501a4a0]{max-width:800px;margin:0 auto}.empty-state[data-v-3501a4a0]{text-align:center;padding:60px 20px}.empty-icon[data-v-3501a4a0]{font-size:4rem;margin-bottom:16px}.empty-title[data-v-3501a4a0]{font-size:1.3rem;font-weight:600;margin-bottom:8px}.empty-desc[data-v-3501a4a0]{font-size:1rem;opacity:.8;margin-bottom:24px}.start-quiz-btn[data-v-3501a4a0]{background:rgba(255,255,255,.9);color:#667eea;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-quiz-btn[data-v-3501a4a0]:hover{background:white;transform:translateY(-2px)}.records-list[data-v-3501a4a0]{display:flex;flex-direction:column;gap:16px}.record-item[data-v-3501a4a0]{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.record-item[data-v-3501a4a0]:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.record-header[data-v-3501a4a0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.record-date[data-v-3501a4a0]{font-size:.9rem;opacity:.8}.record-score[data-v-3501a4a0]{font-size:1.2rem;font-weight:700;padding:4px 12px;border-radius:12px}.record-score.excellent[data-v-3501a4a0]{background:rgba(74,222,128,.3);color:#4ade80}.record-score.good[data-v-3501a4a0]{background:rgba(59,130,246,.3);color:#3b82f6}.record-score.average[data-v-3501a4a0]{background:rgba(245,158,11,.3);color:#f59e0b}.record-score.poor[data-v-3501a4a0]{background:rgba(239,68,68,.3);color:#ef4444}.record-stats[data-v-3501a4a0]{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.record-stat[data-v-3501a4a0]{display:flex;align-items:center;gap:4px;font-size:.9rem}.stat-icon[data-v-3501a4a0]{opacity:.8}.stat-text[data-v-3501a4a0]{font-weight:500}.record-categories[data-v-3501a4a0]{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.category-tag[data-v-3501a4a0]{background:rgba(255,255,255,.2);padding:4px 8px;border-radius:8px;font-size:.8rem}.record-actions[data-v-3501a4a0]{display:flex;gap:8px;justify-content:flex-end}.action-btn[data-v-3501a4a0]{padding:6px 12px;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.action-btn.view[data-v-3501a4a0]{background:rgba(59,130,246,.3);color:#3b82f6}.action-btn.delete[data-v-3501a4a0]{background:rgba(239,68,68,.3);color:#ef4444}.action-btn[data-v-3501a4a0]:hover{opacity:.8}.dialog-overlay[data-v-3501a4a0]{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:1000;padding:20px}.dialog-content[data-v-3501a4a0]{background:white;border-radius:16px;padding:24px;max-width:500px;width:100%;color:#333;max-height:80vh;overflow-y:auto}.dialog-content.record-detail[data-v-3501a4a0]{max-width:600px}.dialog-header[data-v-3501a4a0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-title[data-v-3501a4a0]{font-size:1.2rem;font-weight:600;margin:0}.close-btn[data-v-3501a4a0]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-3501a4a0]:hover{color:#333}.dialog-message[data-v-3501a4a0]{font-size:1rem;line-height:1.5;margin-bottom:24px;text-align:center;color:#666}.dialog-actions[data-v-3501a4a0]{display:flex;gap:12px;justify-content:center}.dialog-btn[data-v-3501a4a0]{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dialog-btn.cancel[data-v-3501a4a0]{background:#f3f4f6;color:#374151}.dialog-btn.cancel[data-v-3501a4a0]:hover{background:#e5e7eb}.dialog-btn.confirm[data-v-3501a4a0]{background:#ef4444;color:#fff}.dialog-btn.confirm[data-v-3501a4a0]:hover{background:#dc2626}.detail-content[data-v-3501a4a0]{display:flex;flex-direction:column;gap:20px}.detail-summary[data-v-3501a4a0]{background:#f8fafc;border-radius:8px;padding:16px}.summary-item[data-v-3501a4a0]{display:flex;justify-content:space-between;margin-bottom:8px}.summary-item[data-v-3501a4a0]:last-child{margin-bottom:0}.summary-label[data-v-3501a4a0]{font-weight:500;color:#666}.summary-value[data-v-3501a4a0]{font-weight:600;color:#333}.detail-section-title[data-v-3501a4a0]{font-size:1.1rem;font-weight:600;margin:0 0 12px;color:#333}.categories-grid[data-v-3501a4a0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.category-detail[data-v-3501a4a0]{background:#f8fafc;border-radius:8px;padding:12px;text-align:center}.category-name[data-v-3501a4a0]{font-size:.9rem;font-weight:500;margin-bottom:4px;color:#666}.category-score[data-v-3501a4a0]{font-size:1.1rem;font-weight:600;margin-bottom:2px;color:#333}.category-percentage[data-v-3501a4a0]{font-size:.8rem;color:#666}.answers-list[data-v-3501a4a0]{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.answer-item[data-v-3501a4a0]{border-radius:8px;padding:12px;border-left:4px solid}.answer-item.correct[data-v-3501a4a0]{background:rgba(74,222,128,.1);border-left-color:#4ade80}.answer-item.incorrect[data-v-3501a4a0]{background:rgba(239,68,68,.1);border-left-color:#ef4444}.answer-header[data-v-3501a4a0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.answer-number[data-v-3501a4a0]{font-size:.9rem;font-weight:600;color:#666}.answer-result[data-v-3501a4a0]{font-size:1.1rem;font-weight:700}.answer-item.correct .answer-result[data-v-3501a4a0]{color:#4ade80}.answer-item.incorrect .answer-result[data-v-3501a4a0]{color:#ef4444}.answer-question[data-v-3501a4a0]{font-size:.9rem;margin-bottom:8px;color:#333;line-height:1.4}.answer-details[data-v-3501a4a0]{font-size:.8rem}.answer-row[data-v-3501a4a0]{display:flex;margin-bottom:4px}.answer-row[data-v-3501a4a0]:last-child{margin-bottom:0}.answer-label[data-v-3501a4a0]{min-width:80px;color:#666}.answer-value[data-v-3501a4a0]{font-weight:600;color:#333}.answer-value.wrong[data-v-3501a4a0]{color:#ef4444}.answer-value.correct[data-v-3501a4a0]{color:#4ade80}@media (max-width: 480px){.history-container[data-v-3501a4a0]{padding:16px}.overview-grid[data-v-3501a4a0]{grid-template-columns:repeat(2,1fr);gap:12px}.overview-item[data-v-3501a4a0]{padding:16px}.filter-row[data-v-3501a4a0]{flex-direction:column;align-items:center;gap:12px}.record-item[data-v-3501a4a0]{padding:16px}.record-stats[data-v-3501a4a0]{gap:12px}.dialog-content[data-v-3501a4a0]{margin:0 8px;padding:20px}.categories-grid[data-v-3501a4a0]{grid-template-columns:1fr}}.settings-container[data-v-09c5cad3]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px}.header[data-v-09c5cad3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-top:20px}.back-btn[data-v-09c5cad3],.reset-btn[data-v-09c5cad3]{background:rgba(255,255,255,.2);border:none;border-radius:12px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.back-btn[data-v-09c5cad3]{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.back-btn[data-v-09c5cad3]:hover,.reset-btn[data-v-09c5cad3]:hover{background:rgba(255,255,255,.3)}.back-icon[data-v-09c5cad3]{font-size:1.5rem;font-weight:700}.page-title[data-v-09c5cad3]{font-size:1.5rem;font-weight:600;margin:0}.settings-list[data-v-09c5cad3]{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.settings-section[data-v-09c5cad3]{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.2)}.section-title[data-v-09c5cad3]{font-size:1.1rem;font-weight:600;margin:0 0 16px;color:gold}.setting-item[data-v-09c5cad3]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.setting-item[data-v-09c5cad3]:last-child{border-bottom:none}.setting-info[data-v-09c5cad3]{flex:1;margin-right:16px}.setting-label[data-v-09c5cad3]{font-size:1rem;font-weight:500;margin-bottom:4px}.setting-desc[data-v-09c5cad3]{font-size:.85rem;opacity:.8;line-height:1.4}.setting-control[data-v-09c5cad3]{flex-shrink:0}.switch[data-v-09c5cad3]{position:relative;display:inline-block;width:50px;height:24px}.switch input[data-v-09c5cad3]{opacity:0;width:0;height:0}.slider[data-v-09c5cad3]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff4d;transition:.3s;border-radius:24px}.slider[data-v-09c5cad3]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-09c5cad3]{background-color:#4ade80}input:checked+.slider[data-v-09c5cad3]:before{transform:translate(26px)}.volume-control[data-v-09c5cad3]{display:flex;align-items:center;gap:8px;min-width:150px}.volume-icon[data-v-09c5cad3]{font-size:.9rem}.volume-slider[data-v-09c5cad3]{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.3);outline:none;cursor:pointer}.volume-slider[data-v-09c5cad3]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:white;cursor:pointer}.volume-value[data-v-09c5cad3]{font-size:.8rem;min-width:35px;text-align:right}.delay-select[data-v-09c5cad3],.theme-select[data-v-09c5cad3],.font-select[data-v-09c5cad3]{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:6px 12px;color:#fff;font-size:.9rem;cursor:pointer}.delay-select option[data-v-09c5cad3],.theme-select option[data-v-09c5cad3],.font-select option[data-v-09c5cad3]{background:#333;color:#fff}.test-btn[data-v-09c5cad3],.action-btn[data-v-09c5cad3]{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.test-btn[data-v-09c5cad3]{background:rgba(255,255,255,.2);color:#fff}.test-btn[data-v-09c5cad3]:hover{background:rgba(255,255,255,.3)}.action-btn.export[data-v-09c5cad3]{background:rgba(59,130,246,.3);color:#3b82f6}.action-btn.import[data-v-09c5cad3]{background:rgba(34,197,94,.3);color:#22c55e}.action-btn.danger[data-v-09c5cad3]{background:rgba(239,68,68,.3);color:#ef4444}.action-btn[data-v-09c5cad3]:hover{opacity:.8}.version-text[data-v-09c5cad3],.storage-text[data-v-09c5cad3]{font-size:.9rem;font-weight:500;color:gold}.dialog-overlay[data-v-09c5cad3]{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:1000;padding:20px}.dialog-content[data-v-09c5cad3]{background:white;border-radius:16px;padding:24px;max-width:400px;width:100%;color:#333}.dialog-title[data-v-09c5cad3]{font-size:1.2rem;font-weight:600;margin:0 0 16px;text-align:center}.dialog-message[data-v-09c5cad3]{font-size:1rem;line-height:1.5;margin-bottom:24px;text-align:center;color:#666}.dialog-actions[data-v-09c5cad3]{display:flex;gap:12px;justify-content:center}.dialog-btn[data-v-09c5cad3]{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dialog-btn.cancel[data-v-09c5cad3]{background:#f3f4f6;color:#374151}.dialog-btn.cancel[data-v-09c5cad3]:hover{background:#e5e7eb}.dialog-btn.confirm[data-v-09c5cad3]{background:#3b82f6;color:#fff}.dialog-btn.confirm[data-v-09c5cad3]:hover{background:#2563eb}.dialog-btn.danger[data-v-09c5cad3]{background:#ef4444;color:#fff}.dialog-btn.danger[data-v-09c5cad3]:hover{background:#dc2626}@media (max-width: 480px){.settings-container[data-v-09c5cad3],.settings-section[data-v-09c5cad3]{padding:16px}.setting-item[data-v-09c5cad3]{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0}.setting-info[data-v-09c5cad3]{margin-right:0}.setting-control[data-v-09c5cad3]{align-self:flex-end}.volume-control[data-v-09c5cad3]{min-width:120px}.dialog-content[data-v-09c5cad3]{margin:0 8px;padding:20px}.dialog-actions[data-v-09c5cad3]{flex-direction:column}.dialog-btn[data-v-09c5cad3]{width:100%}}:root{--primary-color: #1890ff;--primary-light: #40a9ff;--primary-dark: #096dd9;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--info-color: #1890ff;--text-primary: #262626;--text-secondary: #595959;--text-disabled: #bfbfbf;--border-color: #d9d9d9;--background-color: #ffffff;--background-light: #fafafa;--shadow-light: 0 2px 8px rgba(0, 0, 0, .06);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .1);--shadow-heavy: 0 8px 24px rgba(0, 0, 0, .15);--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.8}.dark-theme{--text-primary: #ffffff;--text-secondary: #a6a6a6;--text-disabled: #595959;--border-color: #434343;--background-color: #1a1a1a;--background-light: #262626}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--border-radius-medium);font-size:var(--font-size-md);font-weight:500;line-height:var(--line-height-tight);text-decoration:none;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-light);border-color:var(--primary-light)}.btn-primary:active{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.btn-success{background-color:var(--success-color);color:#fff;border-color:var(--success-color)}.btn-warning{background-color:var(--warning-color);color:#fff;border-color:var(--warning-color)}.btn-error{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:36px}.btn-block{width:100%}.btn-round{border-radius:50px}.card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);overflow:hidden}.card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);font-weight:600}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background-color:var(--background-light)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);font-size:var(--font-size-md);line-height:var(--line-height-normal);background-color:var(--background-color);color:var(--text-primary);transition:border-color .2s ease;min-height:44px}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.input:disabled{background-color:var(--background-light);color:var(--text-disabled);cursor:not-allowed}.tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--background-light);color:var(--text-secondary);border-radius:var(--border-radius-small);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.tag-primary{background-color:#1890ff1a;color:var(--primary-color)}.tag-success{background-color:#52c41a1a;color:var(--success-color)}.tag-warning{background-color:#faad141a;color:var(--warning-color)}.tag-error{background-color:#ff4d4f1a;color:var(--error-color)}.progress{width:100%;height:8px;background-color:var(--background-light);border-radius:var(--border-radius-small);overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);transition:width .3s ease}.progress-success .progress-bar{background-color:var(--success-color)}.progress-warning .progress-bar{background-color:var(--warning-color)}.progress-error .progress-bar{background-color:var(--error-color)}.divider{height:1px;background-color:var(--border-color);margin:var(--spacing-md) 0}.divider-vertical{width:1px;background-color:var(--border-color);margin:0 var(--spacing-md)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{min-height:100vh;background-color:var(--background-light)}.page-header{position:sticky;top:0;z-index:100;background-color:var(--background-color);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg)}.page-content{padding:var(--spacing-lg)}.page-footer{padding:var(--spacing-lg);background-color:var(--background-color);border-top:1px solid var(--border-color)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-lg)}.ml-5{margin-left:var(--spacing-xl)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-lg)}.mr-5{margin-right:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-xl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-xs)}.pl-2{padding-left:var(--spacing-sm)}.pl-3{padding-left:var(--spacing-md)}.pl-4{padding-left:var(--spacing-lg)}.pl-5{padding-left:var(--spacing-xl)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-xs)}.pr-2{padding-right:var(--spacing-sm)}.pr-3{padding-right:var(--spacing-md)}.pr-4{padding-right:var(--spacing-lg)}.pr-5{padding-right:var(--spacing-xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-disabled{color:var(--text-disabled)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@media (max-width: 768px){.page-content,.card-body{padding:var(--spacing-md)}.btn,.input{min-height:48px}}.btn:active,.card:active{transform:scale(.98)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-color: #000000;--text-secondary: #000000}.dark-theme{--border-color: #ffffff;--text-secondary: #ffffff}}