html,body{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa}#app{width:100%;height:100%}button{cursor:pointer;-webkit-tap-highlight-color:transparent}input{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#0003}.scene-select[data-v-605ee672]{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;box-sizing:border-box}.header[data-v-605ee672]{text-align:center;padding:40px 20px;color:#fff}.header h1[data-v-605ee672]{font-size:28px;margin-bottom:10px;font-weight:600}.subtitle[data-v-605ee672]{font-size:14px;opacity:.9}.scene-grid[data-v-605ee672]{display:flex;flex-direction:column;gap:16px}.scene-card[data-v-605ee672]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0000001a;transition:transform .2s,box-shadow .2s}.scene-card[data-v-605ee672]:active{transform:scale(.98);box-shadow:0 2px 8px #00000014}.scene-icon[data-v-605ee672]{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);border-radius:12px;flex-shrink:0}.scene-info[data-v-605ee672]{flex:1;min-width:0}.scene-name[data-v-605ee672]{font-size:18px;font-weight:600;color:#333;margin-bottom:4px}.scene-name-en[data-v-605ee672]{font-size:12px;color:#999;margin-bottom:6px}.scene-description[data-v-605ee672]{font-size:13px;color:#666;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.difficulty-tag[data-v-605ee672]{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;color:#fff;font-weight:500}.arrow[data-v-605ee672]{color:#ccc;font-size:20px;flex-shrink:0}.footer[data-v-605ee672]{text-align:center;padding:30px 20px;color:#fffc;font-size:13px}.chat-room[data-v-c1edc8d2]{height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.chat-header[data-v-c1edc8d2]{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px;display:flex;align-items:center;gap:12px;color:#fff;position:sticky;top:0;z-index:100}.back-btn[data-v-c1edc8d2],.clear-btn[data-v-c1edc8d2]{width:40px;height:40px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.header-info[data-v-c1edc8d2]{flex:1}.header-info h2[data-v-c1edc8d2]{font-size:18px;font-weight:600;margin-bottom:2px}.header-subtitle[data-v-c1edc8d2]{font-size:12px;opacity:.8}.messages-container[data-v-c1edc8d2]{flex:1;overflow-y:auto;padding:20px}.message-wrapper[data-v-c1edc8d2]{display:flex;margin-bottom:20px}.message-wrapper.is-user[data-v-c1edc8d2]{justify-content:flex-end}.message-bubble[data-v-c1edc8d2]{max-width:80%;padding:14px 18px;border-radius:16px;position:relative}.message-wrapper:not(.is-user) .message-bubble[data-v-c1edc8d2]{background:#fff;border-radius:0 16px 16px;box-shadow:0 2px 8px #0000000f}.message-wrapper.is-user .message-bubble[data-v-c1edc8d2]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 0 16px 16px}.message-english[data-v-c1edc8d2]{font-size:15px;font-weight:500;line-height:1.5;margin-bottom:6px}.message-wrapper:not(.is-user) .message-english[data-v-c1edc8d2]{color:#333}.message-wrapper.is-user .message-english[data-v-c1edc8d2]{color:#fff}.message-chinese[data-v-c1edc8d2]{font-size:13px;line-height:1.4}.message-wrapper:not(.is-user) .message-chinese[data-v-c1edc8d2]{color:#999}.message-wrapper.is-user .message-chinese[data-v-c1edc8d2]{color:#fffc}.message-wrapper.is-user .user-zh-text[data-v-c1edc8d2]{color:#fff;font-size:16px;font-weight:600;line-height:1.5;word-break:break-word}.message-wrapper.is-user .user-en-ref[data-v-c1edc8d2]{display:flex;align-items:flex-start;gap:6px;margin-top:8px;color:#ffffffd9;font-size:13px;line-height:1.5}.user-en-ref .ref-label[data-v-c1edc8d2]{flex-shrink:0;margin-top:2px;padding:0 4px;border:1px solid rgba(255,255,255,.6);border-radius:4px;font-size:10px;font-weight:600;line-height:1.5;color:#ffffffe6}.user-en-ref .ref-text[data-v-c1edc8d2]{word-break:break-word}.play-btn[data-v-c1edc8d2]{position:absolute;bottom:-8px;right:-8px;width:32px;height:32px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 8px #00000026;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.play-btn.is-playing[data-v-c1edc8d2]{background:#667eea;color:#fff}.message-time[data-v-c1edc8d2]{position:absolute;bottom:-20px;left:0;font-size:10px;color:#ccc}.message-wrapper.is-user .message-time[data-v-c1edc8d2]{left:auto;right:0}.empty-state[data-v-c1edc8d2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.empty-icon[data-v-c1edc8d2]{font-size:60px;margin-bottom:16px}.empty-state p[data-v-c1edc8d2]{margin-bottom:4px}.empty-hint[data-v-c1edc8d2]{font-size:12px;opacity:.7}.input-area[data-v-c1edc8d2]{background:#fff;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-top:1px solid #eee}.language-switch[data-v-c1edc8d2]{display:flex;gap:8px;margin-bottom:12px}.lang-btn[data-v-c1edc8d2]{padding:6px 16px;border-radius:20px;border:1px solid #ddd;background:#fff;font-size:13px;color:#666;transition:all .2s}.lang-btn.active[data-v-c1edc8d2]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.input-row[data-v-c1edc8d2]{display:flex;gap:10px;margin-bottom:16px}.text-input[data-v-c1edc8d2]{flex:1;height:44px;padding:0 16px;border-radius:22px;border:1px solid #ddd;font-size:15px;outline:none}.text-input[data-v-c1edc8d2]:focus{border-color:#667eea}.send-btn[data-v-c1edc8d2]{height:44px;padding:0 24px;border-radius:22px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:15px;font-weight:500}.recording-area[data-v-c1edc8d2]{display:flex;flex-direction:column;align-items:center;gap:8px}.record-btn[data-v-c1edc8d2]{width:70px;height:70px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 4px 16px #ff6b6b66;transition:transform .2s}.record-btn[data-v-c1edc8d2]:active{transform:scale(.95)}.record-btn.recording[data-v-c1edc8d2]{animation:pulse-c1edc8d2 1s infinite}.record-btn.processing[data-v-c1edc8d2]{background:linear-gradient(135deg,#ffa726,#fb8c00);cursor:not-allowed;opacity:.8}.record-btn[data-v-c1edc8d2]:disabled{cursor:not-allowed}@keyframes pulse-c1edc8d2{0%{box-shadow:0 0 #ff6b6bb3}70%{box-shadow:0 0 0 15px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.record-icon[data-v-c1edc8d2]{font-size:28px}.record-time[data-v-c1edc8d2]{font-size:12px;font-weight:600}.record-hint[data-v-c1edc8d2]{font-size:12px;color:#999}.error-hint[data-v-c1edc8d2]{font-size:12px;color:#ff4d4f;text-align:center;margin-bottom:8px}.tts-diagnosis[data-v-c1edc8d2]{margin:8px 16px 0;padding:8px 28px 8px 12px;background:#fff7e6;border:1px solid #ffd591;border-radius:8px;color:#ad6800;font-size:12px;line-height:1.6;white-space:pre-line;word-break:break-all;position:relative}.tts-diagnosis-close[data-v-c1edc8d2]{position:absolute;top:4px;right:6px;border:none;background:none;color:#ad6800;font-size:14px;padding:2px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
