*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fa;color:#333}.app{min-height:100vh}.header{background:#2c3e50;color:#fff;padding:0 24px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.header-inner{max-width:960px;margin:0 auto;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none}.nav-link{color:#aabccc;text-decoration:none;font-size:.95rem;padding:6px 12px;border-radius:6px;transition:background .2s}.nav-link:hover,.nav-link.router-link-active{background:#ffffff1a;color:#fff}.main{max-width:960px;margin:0 auto;padding:24px}.hero[data-v-976407ff]{text-align:center;padding:32px 0 40px}.hero h1[data-v-976407ff]{font-size:2rem;margin-bottom:8px}.hero p[data-v-976407ff]{color:#888;font-size:1rem}.loading[data-v-976407ff],.error[data-v-976407ff]{text-align:center;padding:60px;color:#888}.lessons-grid[data-v-976407ff]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.lesson-card[data-v-976407ff]{background:#fff;border-radius:12px;padding:20px;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:transform .15s,box-shadow .15s;border:2px solid transparent}.lesson-card[data-v-976407ff]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#3498db}.card-num[data-v-976407ff]{font-size:.85rem;color:#3498db;font-weight:700;margin-bottom:6px}.card-title[data-v-976407ff]{font-size:1rem;font-weight:600;margin-bottom:16px;color:#2c3e50}.card-actions[data-v-976407ff]{display:flex;gap:8px}.btn-study[data-v-976407ff],.btn-quiz[data-v-976407ff]{flex:1;padding:6px 10px;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .2s}.btn-study[data-v-976407ff]{background:#3498db;color:#fff}.btn-study[data-v-976407ff]:hover{background:#2980b9}.btn-quiz[data-v-976407ff]{background:#f0f0f0;color:#555}.btn-quiz[data-v-976407ff]:hover{background:#e0e0e0}.player-page[data-v-67608269]{max-width:720px;margin:0 auto}.back-btn[data-v-67608269]{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;margin-bottom:12px}.lesson-nums[data-v-67608269]{color:#3498db;font-weight:700;font-size:.9rem}.lesson-title[data-v-67608269]{font-size:1.4rem;color:#2c3e50;margin-top:4px}.player-controls[data-v-67608269]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px}.play-btn-row[data-v-67608269]{display:flex;align-items:center;gap:12px}.play-btn[data-v-67608269]{padding:10px 24px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;white-space:nowrap}.time-display[data-v-67608269]{font-size:.85rem;color:#888;white-space:nowrap}.seek-bar[data-v-67608269]{flex:1;accent-color:#3498db;cursor:pointer}.speed-row[data-v-67608269]{display:flex;align-items:center;gap:8px;margin-top:10px}.speed-label[data-v-67608269]{font-size:.85rem;color:#888}.speed-btn[data-v-67608269]{padding:3px 10px;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:.8rem;cursor:pointer}.speed-btn.active[data-v-67608269]{background:#3498db;color:#fff;border-color:#3498db}.lrc-panel[data-v-67608269]{background:#fff;border-radius:12px;padding:20px;max-height:300px;overflow-y:auto;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.lrc-line[data-v-67608269]{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:1.05rem;line-height:1.6;color:#aaa;transition:all .2s}.lrc-line[data-v-67608269]:hover{background:#f0f9ff;color:#3498db}.lrc-line.active[data-v-67608269]{background:#e8f4fd;color:#2c3e50;font-weight:600;border-left:3px solid #3498db}.lrc-line.past[data-v-67608269]{color:#999}.shadowing-section[data-v-67608269]{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.shadowing-section h3[data-v-67608269]{margin-bottom:8px}.tip[data-v-67608269]{color:#888;font-size:.9rem;margin-bottom:16px}.selected-sentence[data-v-67608269]{background:#f8f9fa;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:1.1rem;color:#2c3e50}.selected-sentence.empty[data-v-67608269]{color:#aaa;font-size:.95rem}.sel-label[data-v-67608269]{color:#888;font-size:.85rem;display:block;margin-bottom:4px}.asr-status[data-v-67608269]{background:#f0f7ff;border-radius:8px;padding:10px 14px;font-size:.95rem;text-align:center;margin-bottom:12px}.status-error[data-v-67608269]{background:#ffeaea;color:#c0392b}.status-warn[data-v-67608269]{background:#fff8e1;color:#e67e22}.status-info[data-v-67608269]{background:#f0f7ff;color:#3498db}.status-recording[data-v-67608269]{background:#ffe8e8;color:#c0392b}.mic-area[data-v-67608269]{display:flex;flex-direction:column;gap:8px}.mic-btn[data-v-67608269]{width:100%;padding:16px;background:#e74c3c;color:#fff;border:none;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:background .2s}.mic-btn[data-v-67608269]:hover{background:#c0392b}.mic-btn.recording[data-v-67608269],.mic-btn.recording2[data-v-67608269]{background:#27ae60;animation:pulse-green-67608269 1.5s infinite}@keyframes pulse-green-67608269{0%,to{background:#27ae60}50%{background:#219a52}}.score-panel[data-v-67608269]{margin-top:16px;padding:16px;border-radius:10px;text-align:center}.score-good[data-v-67608269]{background:#e8f8f0}.score-ok[data-v-67608269]{background:#fff8e1}.score-poor[data-v-67608269]{background:#ffeaea}.score-title[data-v-67608269]{font-size:1.1rem;margin-bottom:4px}.score-num[data-v-67608269]{font-size:2rem;font-weight:700;color:#2c3e50}.score-transcript[data-v-67608269]{font-size:.85rem;color:#888;margin-top:6px;word-break:break-all}.vocab-section[data-v-67608269]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.vocab-section h3[data-v-67608269]{margin-bottom:12px}.vocab-tags[data-v-67608269]{display:flex;flex-wrap:wrap;gap:8px}.vocab-tag[data-v-67608269]{padding:5px 12px;background:#f0f7ff;color:#3498db;border-radius:20px;font-size:.85rem}.loading[data-v-67608269],.error[data-v-67608269]{text-align:center;padding:60px;color:#888}.quiz-page[data-v-6e9d1e4e]{max-width:600px;margin:0 auto}.back-btn[data-v-6e9d1e4e]{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;margin-bottom:16px}.quiz-header[data-v-6e9d1e4e]{text-align:center;margin-bottom:24px}.quiz-header h2[data-v-6e9d1e4e]{margin-bottom:4px}.quiz-header p[data-v-6e9d1e4e]{color:#888}.progress-bar[data-v-6e9d1e4e]{height:8px;background:#e0e0e0;border-radius:4px;margin-top:12px;overflow:hidden}.progress-fill[data-v-6e9d1e4e]{height:100%;background:#3498db;border-radius:4px;transition:width .3s}.progress-text[data-v-6e9d1e4e]{font-size:.85rem;color:#888;margin-top:4px}.question-card[data-v-6e9d1e4e]{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px}.q-badge[data-v-6e9d1e4e]{display:inline-block;background:#f0f7ff;color:#3498db;padding:4px 12px;border-radius:20px;font-size:.85rem;margin-bottom:16px}.q-sentence[data-v-6e9d1e4e]{font-size:1.4rem;color:#2c3e50;font-weight:600;line-height:1.5;margin-bottom:8px}.q-hint[data-v-6e9d1e4e]{color:#888;font-size:.95rem;margin-bottom:20px}.record-btn[data-v-6e9d1e4e]{width:100%;padding:14px;background:#e74c3c;color:#fff;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer}.record-btn[data-v-6e9d1e4e]:disabled{background:#ccc;cursor:not-allowed}.browser-warn[data-v-6e9d1e4e]{font-size:.85rem;color:#e67e22;margin-top:8px;text-align:center}.recording-ui[data-v-6e9d1e4e]{display:flex;align-items:center;gap:12px;font-size:1rem;color:#e74c3c;font-weight:600}.rec-dot[data-v-6e9d1e4e]{font-size:1.2rem}.stop-btn[data-v-6e9d1e4e]{padding:8px 20px;background:#2c3e50;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-left:8px}.spell-hint-row[data-v-6e9d1e4e]{display:flex;gap:8px;margin-bottom:10px}.hear-btn[data-v-6e9d1e4e],.hint-btn[data-v-6e9d1e4e]{padding:6px 14px;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:.85rem;cursor:pointer}.hear-btn[data-v-6e9d1e4e]:hover{background:#f0f7ff}.hint-btn[data-v-6e9d1e4e]:hover{background:#fff8e1}.spell-input[data-v-6e9d1e4e]{width:100%;padding:12px 16px;font-size:1.2rem;border:2px solid #ddd;border-radius:8px;outline:none;margin-bottom:12px}.spell-input[data-v-6e9d1e4e]:focus{border-color:#3498db}.submit-btn[data-v-6e9d1e4e]{padding:10px 24px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer}.q-result[data-v-6e9d1e4e]{margin-top:16px;padding:16px;border-radius:8px;font-size:1.1rem;text-align:center}.pass[data-v-6e9d1e4e]{background:#e8f8f0;color:#27ae60}.fail[data-v-6e9d1e4e]{background:#ffeaea;color:#e74c3c}.next-row[data-v-6e9d1e4e]{text-align:center}.next-btn[data-v-6e9d1e4e]{padding:12px 32px;background:#2c3e50;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.result-card[data-v-6e9d1e4e]{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 4px 20px #0000001a}.final-score[data-v-6e9d1e4e]{font-size:3rem;font-weight:700;color:#3498db;margin:16px 0}.result-btns[data-v-6e9d1e4e]{display:flex;gap:12px;justify-content:center;margin-top:20px}.retry-btn[data-v-6e9d1e4e],.home-btn[data-v-6e9d1e4e]{padding:10px 24px;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.retry-btn[data-v-6e9d1e4e]{background:#3498db;color:#fff}.home-btn[data-v-6e9d1e4e]{background:#f0f0f0;color:#555}.loading[data-v-6e9d1e4e],.error[data-v-6e9d1e4e]{text-align:center;padding:60px;color:#888}