@keyframes shimmer-f9980c9f{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn-f9980c9f{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ielts-practice-page[data-v-f9980c9f]{max-width:800px;margin:0 auto;padding:1.5rem;min-height:100vh;background:var(--color-second)}.top-toolbar[data-v-f9980c9f]{display:flex;justify-content:flex-end;margin-bottom:1rem;position:relative;z-index:1000}.top-toolbar .toolbar-right[data-v-f9980c9f]{display:flex;gap:.5rem}.top-toolbar .toolbar-btn[data-v-f9980c9f]{padding:.4rem .75rem;font-size:.8rem;font-weight:600;background:var(--color-primary);color:var(--color-main-text);border:1px solid var(--color-item-border);border-radius:1.5rem;cursor:pointer;transition:all .2s ease;position:relative;z-index:1001}.top-toolbar .toolbar-btn[data-v-f9980c9f]:hover{transform:scale(1.05)}.page-title[data-v-f9980c9f]{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-main-text);margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-section[data-v-f9980c9f]{background:var(--color-primary);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d;text-align:center}.intro-section .intro-title[data-v-f9980c9f]{font-size:1.25rem;font-weight:700;color:var(--color-main-text);margin-bottom:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-section .intro-desc[data-v-f9980c9f]{font-size:.95rem;color:var(--color-main-text);opacity:.7;line-height:1.6;margin:0}.top-control-bar[data-v-f9980c9f]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:.75rem;background:var(--color-primary);border-radius:.75rem;box-shadow:0 2px 8px #0000000d;position:relative;z-index:10}.top-control-bar .control-left[data-v-f9980c9f]{display:flex;align-items:center;gap:.75rem;flex:0 0 60%}.top-control-bar .control-left .bank-select-mini[data-v-f9980c9f]{flex:1;min-width:150px;padding:.5rem .75rem;font-size:.9rem;border:1px solid var(--color-item-border);border-radius:.5rem;background:var(--color-fourth);color:var(--color-main-text);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;position:relative;z-index:10}.top-control-bar .control-left .bank-select-mini[data-v-f9980c9f]:focus{outline:none;border-color:#667eea;z-index:100}.top-control-bar .control-left .progress-mini[data-v-f9980c9f]{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff;font-weight:600;font-size:.9rem}.top-control-bar .control-left .progress-mini .fav-count[data-v-f9980c9f]{font-size:.8rem;opacity:.9}.top-control-bar .control-left .filter-select[data-v-f9980c9f]{padding:.4rem .75rem;font-size:.85rem;border:1px solid var(--color-item-border);border-radius:.5rem;background:var(--color-fourth);color:var(--color-main-text);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}.top-control-bar .control-left .filter-select[data-v-f9980c9f]:focus{outline:none;border-color:#667eea}.top-control-bar .control-right[data-v-f9980c9f]{display:flex;align-items:center;gap:.75rem;flex:0 0 40%;justify-content:flex-end}.top-control-bar .control-right .highlight-toggle-mini[data-v-f9980c9f],.top-control-bar .control-right .timer-toggle[data-v-f9980c9f]{display:flex;align-items:center;gap:.25rem;cursor:pointer;font-size:.85rem;color:var(--color-main-text)}.top-control-bar .control-right .highlight-toggle-mini input[type=checkbox][data-v-f9980c9f],.top-control-bar .control-right .timer-toggle input[type=checkbox][data-v-f9980c9f]{width:1rem;height:1rem;accent-color:#667eea;cursor:pointer}.top-control-bar .control-right .random-btn[data-v-f9980c9f]{padding:.4rem .75rem;font-size:1rem;background:var(--color-fourth);border:1px solid var(--color-item-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.top-control-bar .control-right .random-btn[data-v-f9980c9f]:hover{transform:scale(1.1);background:#667eea;color:#fff}.top-control-bar .bank-select-mini[data-v-f9980c9f]{flex:1;min-width:150px;padding:.5rem .75rem;font-size:.9rem;border:1px solid var(--color-item-border);border-radius:.5rem;background:var(--color-fourth);color:var(--color-main-text);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;position:relative;z-index:10}.top-control-bar .bank-select-mini[data-v-f9980c9f]:focus{outline:none;border-color:#667eea;z-index:100}.stats-card[data-v-f9980c9f]{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-primary);border-radius:.75rem;box-shadow:0 2px 8px #0000000d}.stats-card .stat-item[data-v-f9980c9f]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stats-card .stat-item .stat-num[data-v-f9980c9f]{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-card .stat-item .stat-label[data-v-f9980c9f]{font-size:.75rem;color:var(--color-main-text);opacity:.6}.stats-card .stat-progress[data-v-f9980c9f]{flex:1;display:flex;flex-direction:column;gap:.25rem}.stats-card .stat-progress .progress-bar[data-v-f9980c9f]{height:8px;background:var(--color-item-border);border-radius:4px;overflow:hidden}.stats-card .stat-progress .progress-bar .progress-fill[data-v-f9980c9f]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.stats-card .stat-progress .progress-text[data-v-f9980c9f]{font-size:.8rem;font-weight:600;color:var(--color-main-text);text-align:right}.stats-card .clear-btn[data-v-f9980c9f]{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid #ff6b6b;border-radius:.5rem;color:#ff6b6b;cursor:pointer;transition:all .2s ease}.stats-card .clear-btn[data-v-f9980c9f]:hover{background:#ff6b6b;color:#fff}.loading-state .skeleton-container[data-v-f9980c9f]{background:var(--color-primary);border-radius:1rem;padding:1.5rem}.loading-state .skeleton[data-v-f9980c9f]{background:linear-gradient(90deg,var(--color-item-border) 25%,var(--color-fourth) 50%,var(--color-item-border) 75%);background-size:200% 100%;animation:shimmer-f9980c9f 1.5s infinite;border-radius:.5rem}.loading-state .skeleton.skeleton-title[data-v-f9980c9f]{height:1.2rem;width:70%;margin-bottom:1rem}.loading-state .skeleton.skeleton-text[data-v-f9980c9f]{height:.8rem;width:100%;margin-bottom:.5rem}.loading-state .skeleton.skeleton-input[data-v-f9980c9f]{height:100px;width:100%;margin-top:1rem}.completed-state[data-v-f9980c9f],.empty-state[data-v-f9980c9f],.error-state[data-v-f9980c9f]{text-align:center;padding:3rem 1.5rem;background:var(--color-primary);border-radius:1rem}.completed-state .celebration[data-v-f9980c9f],.completed-state .error-icon[data-v-f9980c9f],.empty-state .celebration[data-v-f9980c9f],.empty-state .error-icon[data-v-f9980c9f],.error-state .celebration[data-v-f9980c9f],.error-state .error-icon[data-v-f9980c9f]{font-size:3rem;margin-bottom:1rem}.completed-state h2[data-v-f9980c9f],.empty-state h2[data-v-f9980c9f],.error-state h2[data-v-f9980c9f]{font-size:1.2rem;color:var(--color-main-text);margin-bottom:1rem}.completed-state p[data-v-f9980c9f],.empty-state p[data-v-f9980c9f],.error-state p[data-v-f9980c9f]{color:var(--color-main-text);opacity:.7;margin-bottom:1.5rem}.completed-state .retry-btn[data-v-f9980c9f],.empty-state .retry-btn[data-v-f9980c9f],.error-state .retry-btn[data-v-f9980c9f]{padding:.6rem 1.5rem;font-size:.9rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.completed-state .retry-btn[data-v-f9980c9f]:hover,.empty-state .retry-btn[data-v-f9980c9f]:hover,.error-state .retry-btn[data-v-f9980c9f]:hover{transform:translateY(-2px)}.question-card[data-v-f9980c9f]{background:var(--color-primary);border-radius:1rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000d;position:relative}.question-card .timer-display[data-v-f9980c9f]{position:absolute;top:.75rem;left:.75rem;font-size:1rem;font-weight:600;color:#667eea;background:#ffffffe6;padding:.25rem .5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.question-card .fav-star[data-v-f9980c9f]{position:absolute;top:.75rem;right:.75rem;font-size:1.2rem;background:none;border:none;cursor:pointer;color:#667eea;transition:all .2s ease}.question-card .fav-star[data-v-f9980c9f]:hover{transform:scale(1.2)}.question-card .question-score[data-v-f9980c9f]{position:absolute;top:.75rem;right:2.5rem;font-size:.85rem;font-weight:600;color:var(--color-main-text);opacity:.6;transition:all .2s ease}.question-card .question-score.scored[data-v-f9980c9f]{color:#667eea;opacity:1}.question-card .question-text[data-v-f9980c9f]{font-size:1.2rem;font-weight:600;color:var(--color-main-text);text-align:center;line-height:1.6;padding-top:.5rem}.input-section[data-v-f9980c9f]{margin-bottom:1rem}.input-section .answer-input[data-v-f9980c9f]{width:100%;padding:.75rem;font-size:.95rem;border:2px solid var(--color-item-border);border-radius:.75rem;background:var(--color-primary);color:var(--color-main-text);resize:none;height:100px;transition:all .2s ease}.input-section .answer-input[data-v-f9980c9f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.input-section .answer-input[data-v-f9980c9f]::-moz-placeholder{color:var(--color-main-text);opacity:.4}.input-section .answer-input[data-v-f9980c9f]::placeholder{color:var(--color-main-text);opacity:.4}.action-buttons[data-v-f9980c9f]{display:flex;gap:.5rem}.action-buttons .btn[data-v-f9980c9f]{flex:1;padding:.75rem .5rem;font-size:.9rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.action-buttons .btn.btn-prev[data-v-f9980c9f]{background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff}.action-buttons .btn.btn-prev[data-v-f9980c9f]:hover:not(.disabled){transform:scale(1.02)}.action-buttons .btn.btn-prev.disabled[data-v-f9980c9f]{opacity:.4;cursor:not-allowed}.action-buttons .btn.btn-primary[data-v-f9980c9f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-buttons .btn.btn-primary[data-v-f9980c9f]:hover{transform:scale(1.02);box-shadow:0 4px 12px #667eea4d}.action-buttons .btn.btn-secondary[data-v-f9980c9f]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.action-buttons .btn.btn-secondary[data-v-f9980c9f]:hover:not(.disabled){transform:scale(1.02)}.action-buttons .btn.btn-secondary.disabled[data-v-f9980c9f]{opacity:.5;cursor:not-allowed}.answer-modal-overlay[data-v-f9980c9f]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.answer-modal[data-v-f9980c9f]{background:var(--color-primary);border-radius:1rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:fadeIn-f9980c9f .3s ease}.answer-modal .modal-header[data-v-f9980c9f]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-item-border)}.answer-modal .modal-header h3[data-v-f9980c9f]{font-size:1.1rem;font-weight:600;color:var(--color-main-text)}.answer-modal .modal-header .modal-controls[data-v-f9980c9f]{display:flex;align-items:center;gap:1rem}.answer-modal .modal-header .modal-controls .highlight-toggle[data-v-f9980c9f]{font-size:.8rem}.answer-modal .modal-header .close-btn[data-v-f9980c9f]{font-size:1.2rem;background:none;border:none;color:var(--color-main-text);cursor:pointer;opacity:.6;transition:opacity .2s}.answer-modal .modal-header .close-btn[data-v-f9980c9f]:hover{opacity:1}.answer-modal .modal-content[data-v-f9980c9f]{padding:1.25rem}.answer-modal .modal-content .answer-actions[data-v-f9980c9f]{display:flex;justify-content:flex-end;margin-bottom:.75rem}.answer-modal .modal-content .answer-actions .btn-speak[data-v-f9980c9f]{padding:.5rem 1rem;font-size:.85rem;background:var(--color-fourth);border:1px solid var(--color-item-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.answer-modal .modal-content .answer-actions .btn-speak[data-v-f9980c9f]:hover{background:#667eea;color:#fff}.answer-modal .modal-content .answer-actions .btn-speak.speaking[data-v-f9980c9f]{background:#ef4444;color:#fff;border-color:#ef4444}.answer-modal .modal-content .answer-en[data-v-f9980c9f]{font-size:1rem;color:var(--color-main-text);line-height:1.8;margin-bottom:1rem}.answer-modal .modal-content .answer-zh[data-v-f9980c9f]{font-size:.9rem;color:var(--color-main-text);opacity:.6;font-style:italic;line-height:1.8}.answer-modal .modal-content mark[data-v-f9980c9f]{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#667eea;padding:.1rem .3rem;border-radius:.25rem}.answer-modal .modal-comparison[data-v-f9980c9f]{padding:1rem 1.25rem;border-top:1px solid var(--color-item-border);background:var(--color-primary)}.answer-modal .modal-comparison .comparison-toggle[data-v-f9980c9f]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--color-main-text)}.answer-modal .modal-comparison .comparison-toggle input[type=checkbox][data-v-f9980c9f]{width:1rem;height:1rem;accent-color:#667eea;cursor:pointer}.answer-modal .modal-comparison .comparison-result[data-v-f9980c9f]{margin-top:.75rem}.answer-modal .modal-comparison .comparison-result .comparison-empty[data-v-f9980c9f]{font-size:.85rem;color:var(--color-main-text);opacity:.6;text-align:center;padding:.5rem}.answer-modal .modal-comparison .comparison-result .comparison-stats[data-v-f9980c9f]{display:flex;flex-direction:column;gap:.5rem}.answer-modal .modal-comparison .comparison-result .comparison-stats .similarity-label[data-v-f9980c9f]{font-size:.85rem;color:var(--color-main-text);opacity:.7}.answer-modal .modal-comparison .comparison-result .comparison-stats .similarity-value[data-v-f9980c9f]{font-size:1.5rem;font-weight:700;color:#667eea}.answer-modal .modal-comparison .comparison-result .comparison-stats .similarity-bar[data-v-f9980c9f]{height:.5rem;background:var(--color-item-border);border-radius:.25rem;overflow:hidden}.answer-modal .modal-comparison .comparison-result .comparison-stats .similarity-bar .similarity-fill[data-v-f9980c9f]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.answer-modal .modal-score[data-v-f9980c9f]{padding:1.25rem;border-top:1px solid var(--color-item-border);background:var(--color-fourth)}.answer-modal .modal-score h4[data-v-f9980c9f]{font-size:1rem;font-weight:600;color:var(--color-main-text);margin-bottom:1rem}.answer-modal .modal-score .score-items[data-v-f9980c9f]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.answer-modal .modal-score .score-items .score-item[data-v-f9980c9f]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--color-main-text)}.answer-modal .modal-score .score-items .score-item input[type=checkbox][data-v-f9980c9f]{width:1.1rem;height:1.1rem;accent-color:#667eea;cursor:pointer}.answer-modal .modal-score .score-submit[data-v-f9980c9f]{width:100%;padding:.75rem;font-size:.95rem}.dark .top-control-bar[data-v-f9980c9f]{background:var(--color-second);z-index:10;position:relative}.dark .top-control-bar .bank-select-mini[data-v-f9980c9f]{background:var(--color-primary);background-image:none;color:var(--color-main-text);position:relative;z-index:10}.dark .top-control-bar .bank-select-mini[data-v-f9980c9f]:focus{z-index:100}.dark .top-control-bar .random-btn[data-v-f9980c9f],.dark .top-control-bar .filter-select[data-v-f9980c9f]{background:var(--color-primary);color:var(--color-main-text)}.dark .answer-modal[data-v-f9980c9f],.dark .question-card[data-v-f9980c9f]{background:var(--color-second)}.dark .answer-modal .timer-display[data-v-f9980c9f],.dark .question-card .timer-display[data-v-f9980c9f]{background:#2d3748e6;color:#667eea}.dark .stats-card[data-v-f9980c9f],.dark .answer-input[data-v-f9980c9f]{background:var(--color-second)}.dark .modal-content .answer-actions .btn-speak[data-v-f9980c9f]{background:var(--color-second);color:var(--color-main-text)}.dark .modal-content .answer-actions .btn-speak[data-v-f9980c9f]:hover{background:#667eea;color:#fff}.dark .modal-content .answer-actions .btn-speak.speaking[data-v-f9980c9f]{background:#ef4444;color:#fff}.dark .modal-comparison[data-v-f9980c9f]{background:var(--color-second)}.dark .modal-comparison .comparison-toggle[data-v-f9980c9f]{color:var(--color-main-text)}.dark .modal-comparison .comparison-result .comparison-stats .similarity-value[data-v-f9980c9f]{color:#667eea}.dark .modal-comparison .comparison-result .comparison-stats .similarity-bar[data-v-f9980c9f]{background:var(--color-item-border)}.dark .loading-state .skeleton[data-v-f9980c9f]{background:linear-gradient(90deg,#2d3748 25%,#4a5568,#2d3748 75%);background-size:200% 100%}@media(max-width:640px){.ielts-practice-page[data-v-f9980c9f]{padding:1rem}.page-title[data-v-f9980c9f]{font-size:1.2rem}.top-control-bar[data-v-f9980c9f]{flex-direction:column;gap:.75rem}.top-control-bar .control-left[data-v-f9980c9f]{flex:0 0 100%;flex-direction:column;gap:.5rem}.top-control-bar .control-left .bank-select-mini[data-v-f9980c9f]{min-width:100%;flex-basis:100%}.top-control-bar .control-left .progress-mini[data-v-f9980c9f]{font-size:.8rem;width:100%;justify-content:center}.top-control-bar .control-left .filter-select[data-v-f9980c9f]{font-size:.8rem;width:100%}.top-control-bar .control-right[data-v-f9980c9f]{flex:0 0 100%;justify-content:center;gap:.5rem}.top-control-bar .control-right .highlight-toggle-mini[data-v-f9980c9f],.top-control-bar .control-right .timer-toggle[data-v-f9980c9f]{font-size:.8rem}.top-control-bar .bank-select-mini[data-v-f9980c9f]{min-width:100%;flex-basis:100%}.stats-card[data-v-f9980c9f]{gap:.75rem;padding:.75rem;flex-wrap:wrap}.stats-card .stat-item .stat-num[data-v-f9980c9f]{font-size:1.2rem}.stats-card .stat-item .stat-label[data-v-f9980c9f]{font-size:.65rem}.stats-card .stat-progress[data-v-f9980c9f]{flex:1 1 100%}.stats-card .stat-progress .progress-text[data-v-f9980c9f]{font-size:.7rem}.stats-card .clear-btn[data-v-f9980c9f]{font-size:.75rem;padding:.4rem .75rem;flex:1 1 100%}.action-buttons[data-v-f9980c9f]{flex-direction:column;gap:.5rem}.action-buttons .btn[data-v-f9980c9f]{padding:.65rem .5rem}.answer-modal[data-v-f9980c9f]{max-width:95%;max-height:90vh}.answer-modal .modal-content .answer-actions[data-v-f9980c9f]{justify-content:center}.answer-modal .modal-content .answer-actions .btn-speak[data-v-f9980c9f]{font-size:.8rem;padding:.4rem .75rem}.modal-comparison .comparison-toggle[data-v-f9980c9f]{font-size:.85rem}.modal-comparison .comparison-result .comparison-stats .similarity-value[data-v-f9980c9f]{font-size:1.2rem}.question-card .timer-display[data-v-f9980c9f]{font-size:.85rem;padding:.2rem .4rem}.question-card .question-score[data-v-f9980c9f]{font-size:.75rem;right:2rem}.question-card .fav-star[data-v-f9980c9f]{font-size:1rem}}