.ai-interview-container[data-v-30f6dd4c]{width:100%;height:100vh;display:flex;flex-direction:column;background-color:#f0f2f5;overflow:hidden}.interview-header[data-v-30f6dd4c]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 4px #0000001a}.header-left h1[data-v-30f6dd4c]{font-size:1.5rem;color:#333;margin:0}.header-right[data-v-30f6dd4c]{display:flex;gap:1rem}.control-btn[data-v-30f6dd4c]{width:40px;height:40px;border-radius:50%;border:none;background-color:#f0f2f5;cursor:pointer;display:flex;align-items:center;justify-content:center}.control-btn[data-v-30f6dd4c]:hover{background-color:#e4e6eb}.mic-icon[data-v-30f6dd4c]:before{content:"🎤"}.settings-icon[data-v-30f6dd4c]:before{content:"⚙️"}.interview-content[data-v-30f6dd4c]{flex:1;display:flex;flex-direction:column;padding:2rem;gap:2rem}.interviewer-section[data-v-30f6dd4c]{display:flex;justify-content:center}.interviewer-video[data-v-30f6dd4c]{width:400px;height:300px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden}.ai-avatar[data-v-30f6dd4c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-placeholder[data-v-30f6dd4c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6e8efb,#a777e3)}.avatar-icon[data-v-30f6dd4c]{font-size:8rem}.avatar-img[data-v-30f6dd4c]{width:100%;height:100%;object-fit:cover;display:none}.interaction-section[data-v-30f6dd4c]{flex:1;display:flex;flex-direction:column;gap:1.5rem}.question-box[data-v-30f6dd4c]{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.question-header[data-v-30f6dd4c]{display:flex;justify-content:space-between;align-items:center}.question-text[data-v-30f6dd4c]{font-size:1.2rem;color:#333;margin:0}.speech-recognition-box[data-v-30f6dd4c]{background-color:#f8f9fa;border-radius:12px;padding:1.5rem;min-height:100px;box-shadow:0 2px 8px #0000001a;position:relative}.recognition-text[data-v-30f6dd4c]{font-size:1.1rem;color:#666;margin:0;font-style:italic}.control-panel[data-v-30f6dd4c]{display:flex;justify-content:center;margin-top:1rem}.answer-btn[data-v-30f6dd4c]{background-color:#4361ee;color:#fff;border:none;border-radius:24px;padding:.8rem 2.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.answer-btn[data-v-30f6dd4c]:hover{background-color:#3a56d4}@media (min-width: 1024px){.interview-content[data-v-30f6dd4c]{flex-direction:row;align-items:flex-start}.interviewer-section[data-v-30f6dd4c]{flex:0 0 40%}.interaction-section[data-v-30f6dd4c]{flex:0 0 60%}}.connection-status[data-v-30f6dd4c]{font-size:.8rem;padding:4px 8px;border-radius:4px;background-color:#ff4d4f;color:#fff;position:absolute;top:10px;right:10px}.connection-status.connected[data-v-30f6dd4c]{background-color:#52c41a}.stop-icon[data-v-30f6dd4c]:before{content:"⏹️"}.control-btn[data-v-30f6dd4c]:disabled{opacity:.5;cursor:not-allowed}.play-btn[data-v-30f6dd4c]{width:36px;height:36px;border-radius:50%;border:none;background-color:#f0f2f5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.play-btn[data-v-30f6dd4c]:hover{background-color:#e4e6eb}.play-icon[data-v-30f6dd4c]:before{content:"▶️"}.pause-icon[data-v-30f6dd4c]:before{content:"⏸️"}