html,body,#app{overflow:hidden!important;margin:0!important;padding:0!important;height:100%!important;width:100%!important;position:fixed!important;inset:0}*{box-sizing:border-box;max-width:100%}.voicechat-layout{--bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-secondary: rgba(255, 255, 255, .95);--bg-tertiary: rgba(255, 255, 255, .9);--bg-chat: rgba(255, 255, 255, .6);--text-primary: #333;--text-secondary: #666;--text-muted: #888;--text-inverse: white;--border-color: rgba(255, 255, 255, .2);--border-light: rgba(0, 0, 0, .1);--shadow-color: rgba(0, 0, 0, .1);--shadow-light: rgba(0, 0, 0, .05);--accent-color: #fe6900;--accent-gradient: linear-gradient(135deg, #fe6900 0%, #ff8c42 100%);--accent-hover: linear-gradient(135deg, #fb923c 0%, #fdba74 100%);--status-active: #2ed573;--status-inactive: #ff4757;--waveform-bg: linear-gradient(135deg, rgba(254, 105, 0, .05), rgba(255, 140, 66, .05));--bot-bg: white;--bot-border: rgba(0, 0, 0, .05);--user-bg: linear-gradient(135deg, #667eea, #764ba2);--empty-state-color: #999}.voicechat-layout.dark{--bg-primary: linear-gradient(135deg, #1e1e2e 0%, #2d1b69 100%);--bg-secondary: rgba(30, 30, 46, .95);--bg-tertiary: rgba(30, 30, 46, .9);--bg-chat: rgba(30, 30, 46, .6);--text-primary: #f5f5f7;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #1e1e2e;--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .3);--shadow-light: rgba(0, 0, 0, .2);--accent-color: #ff8c42;--accent-gradient: linear-gradient(135deg, #ff8c42 0%, #fe6900 100%);--accent-hover: linear-gradient(135deg, #fdba74 0%, #fb923c 100%);--status-active: #4ade80;--status-inactive: #f87171;--waveform-bg: linear-gradient(135deg, rgba(255, 140, 66, .1), rgba(254, 105, 0, .1));--bot-bg: #27272a;--bot-border: rgba(255, 255, 255, .1);--user-bg: linear-gradient(135deg, #4c1d95, #3730a3);--empty-state-color: #71717a}.voicechat-layout{display:flex;flex-direction:row;height:100vh;width:100vw;background:var(--bg-primary);overflow:hidden!important;position:fixed;inset:0;transition:all .3s ease}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:row;align-items:center;gap:10px}.theme-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px;box-shadow:0 4px 15px var(--shadow-color)}.theme-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color)}.theme-icon{font-size:16px}.theme-text{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;left:80%;animation-delay:-2s}.shape-3{width:60px;height:60px;top:80%;left:20%;animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.control-section{transition:all .3s ease}.control-btn{width:auto;min-width:230px;padding:18px 25px;font-size:16px;border:none;border-radius:15px;color:#fff;background:var(--accent-gradient);cursor:pointer;transition:all .3s ease;font-weight:600;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #fe69004d;min-height:60px}.control-btn.pulse{animation:gentlePulse 2s infinite;border-radius:15px!important}@keyframes gentlePulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #fe69004d}50%{transform:scale(1.02);box-shadow:0 15px 40px #fe690066}}.control-btn.active{background:var(--accent-hover)}.control-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #fe690066}.control-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.control-btn:hover .button-glow{left:100%}.left-panel{width:25%;min-width:400px;background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:flex-start;padding:30px;overflow:hidden!important;position:relative;box-shadow:10px 0 30px var(--shadow-color);transition:all .3s ease}.header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.title-section{display:flex;align-items:center;gap:15px}.icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.icon{font-size:32px;z-index:2;position:relative}.icon-glow{position:absolute;width:50px;height:50px;background:var(--accent-gradient);border-radius:50%;filter:blur(15px);opacity:.6;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.4;transform:scale(.9)}to{opacity:.8;transform:scale(1.1)}}.title-content h1{font-size:24px;font-weight:700;margin:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--accent-color)}.subtitle{font-size:12px;color:var(--text-secondary);margin:0;font-weight:500}.status-indicator{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fffc;border-radius:25px;border:1px solid rgba(254,105,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--status-inactive);transition:all .3s ease;position:relative}.status-indicator.active .status-dot{background:var(--status-active);box-shadow:0 0 15px #2ed57380;animation:pulse 1.5s infinite}.status-text{font-size:14px;font-weight:600;color:var(--text-primary)}.loading-container{display:none}.visual-section{margin-top:auto}.voice-indicator{padding:20px;border-radius:20px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(254,105,0,.1);margin-bottom:20px;transition:all .3s ease}.dark .voice-indicator{background:#1e1e2ecc;border:1px solid rgba(255,140,66,.2)}.voice-indicator.active{background:#fe69000d;border-color:#fe69004d;box-shadow:0 10px 30px #fe69001a}.dark .voice-indicator.active{background:#ff8c421a;border-color:#ff8c4266;box-shadow:0 10px 30px #ff8c421a}.voice-indicator.pulsating{animation:gentleGlow 2s ease-in-out infinite}.voice-indicator.processing{background:#667eea1a!important;border:2px solid rgba(102,126,234,.4)!important;box-shadow:0 0 30px #667eea4d!important;animation:processingGlow 1.5s ease-in-out infinite alternate!important}.dark .voice-indicator.processing{background:#667eea33!important;border:2px solid rgba(102,126,234,.6)!important;box-shadow:0 0 30px #667eea66!important}@keyframes processingGlow{0%{box-shadow:0 0 20px #667eea4d;border-color:#667eea66}to{box-shadow:0 0 40px #667eea99;border-color:#667eeacc}}@keyframes gentleGlow{0%,to{box-shadow:0 10px 30px #fe69001a}50%{box-shadow:0 15px 40px #fe690033}}.indicator-content{display:flex;align-items:center;gap:15px}.pulse-container{position:relative;display:flex;align-items:center;justify-content:center}.pulse{width:12px;height:12px;border-radius:50%;background:#ccc;transition:all .3s ease}.dark .pulse{background:#71717a}.pulse-2{position:absolute;animation:doublePulse 2s ease-in-out infinite}.pulse.loading{background:#667eea!important;animation:intensePulse .8s infinite!important;box-shadow:0 0 15px #667eeacc}.pulse-2.loading{background:#667eeab3!important;animation:intenseDoublePulse 1s ease-in-out infinite!important}@keyframes intensePulse{0%,to{transform:scale(1);box-shadow:0 0 10px #667eea99}50%{transform:scale(1.3);box-shadow:0 0 20px #667eea}}@keyframes intenseDoublePulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(2.5);opacity:0}}@keyframes doublePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:0}}.indicator-text{font-weight:600;color:var(--text-primary)}.indicator-text.processing{color:#667eea!important;font-weight:700!important;font-size:15px!important;text-shadow:0 0 10px rgba(102,126,234,.3);animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.8}}.voice-indicator.active.loading-state{background:#667eea0d;border-color:#667eea4d;box-shadow:0 10px 30px #667eea1a}.waveform-container{height:100px;border-radius:20px;overflow:hidden;position:relative;background:var(--waveform-bg);box-shadow:inset 0 0 20px #fe69001a;margin-bottom:10px}.waveform-background{position:relative;width:100%;height:100%}.waveform-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent)}.dark .waveform-overlay{background:linear-gradient(135deg,transparent,rgba(0,0,0,.2),transparent)}.waveform{width:100%;height:100%;display:block}.language-indicator{display:none}.right-panel{flex:1;background:var(--bg-tertiary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;padding:30px;overflow:hidden!important;position:relative;transition:all .3s ease}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-light)}.panel-header h3{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--text-primary)}.conversation-stats{display:flex;gap:20px}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:20px;font-weight:700;color:var(--accent-color)}.stat-label{font-size:11px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.live-transcription{background:var(--bg-secondary);border-radius:15px;padding:15px 20px;margin-bottom:25px;border:1px solid rgba(254,105,0,.1);transition:all .3s ease}.dark .live-transcription{background:var(--bg-secondary);border:1px solid rgba(255,140,66,.2)}.live-transcription.active{background:#fe69000d;border-color:#fe69004d;box-shadow:0 5px 20px #fe69001a}.dark .live-transcription.active{background:#ff8c421a;border-color:#ff8c4266;box-shadow:0 5px 20px #ff8c421a}.live-indicator{display:flex;align-items:center;gap:8px;margin-bottom:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--status-inactive);animation:pulse 1.5s infinite}.live-indicator span{font-size:12px;font-weight:600;color:var(--status-inactive);text-transform:uppercase;letter-spacing:.5px}.transcription-text{font-size:16px;color:var(--text-secondary);font-style:italic;white-space:pre-wrap}.chat-list{flex:1;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:smooth;background:var(--bg-chat);border-radius:20px;padding:25px;box-shadow:0 10px 30px var(--shadow-light);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.empty-state{text-align:center;color:var(--empty-state-color);margin-top:80px}.empty-icon{font-size:60px;margin-bottom:20px;opacity:.5}.empty-state h4{font-size:20px;margin-bottom:10px;color:var(--text-secondary)}.hint{font-size:14px;margin-bottom:25px;color:var(--text-muted)}.empty-cta{margin-top:20px}.cta-btn{padding:12px 30px;background:var(--accent-gradient);color:#fff;border:none;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #fe69004d}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fe690066}.message{margin-bottom:25px;animation:fadeInUp .4s ease}.message.fade-in{animation:messageSlideIn .5s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.avatar-wrapper{position:relative}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);position:relative;z-index:2}.avatar.user{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-glow{position:absolute;inset:-2px;background:inherit;border-radius:50%;filter:blur(8px);opacity:.4;z-index:1}.message-info{display:flex;align-items:center;gap:8px}.message-info b{font-size:16px;color:var(--text-primary)}.timestamp{color:var(--text-muted);font-size:14px;font-weight:400}.message-content{margin-left:52px;padding:20px 24px;border-radius:20px;max-width:calc(100% - 52px)!important;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;position:relative;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Helvetica Neue,Helvetica,Arial,sans-serif}.user .message-content{background:var(--user-bg);color:#fff;border-bottom-left-radius:5px;box-shadow:0 5px 15px #667eea4d}.bot .message-content{background:var(--bot-bg);border:1px solid var(--bot-border);border-bottom-right-radius:5px;box-shadow:0 5px 15px var(--shadow-light)}.user-text,.bot-text{font-size:18px;line-height:1.6}.markdown{white-space:pre-wrap;line-height:1.4;max-width:100%!important;overflow-wrap:break-word;word-break:break-word;font-size:20px;color:var(--text-primary);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Helvetica Neue,Helvetica,Arial,sans-serif}.markdown p{margin-top:.75em;margin-bottom:.75em;line-height:1.5;color:var(--text-primary)}.markdown p:first-child{margin-top:0}.markdown p:last-child{margin-bottom:0}.bot .message-content .markdown{margin-top:-10px;margin-bottom:-34px;padding-top:0;padding-bottom:0}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.dark .chat-list::-webkit-scrollbar-track{background:#ffffff0d}.chat-list::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.wait-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px;box-shadow:0 4px 15px var(--shadow-color);margin-right:10px}.wait-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color)}.wait-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent}.wait-icon{font-size:16px}.wait-text{font-size:12px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.wait-btn{padding:8px 12px;font-size:12px}}@media(max-aspect-ratio:1/1),(max-width:768px){.voicechat-layout{flex-direction:column}.left-panel{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border-color);padding:80px 20px 20px}.right-panel{width:100%;min-width:0;padding:20px}.message-content{margin-left:0!important;max-width:100%!important}.floating-shapes{display:none}.theme-toggle{top:25px;right:250px}.theme-btn{padding:8px 12px;font-size:12px}.control-section{position:absolute;top:20px;right:20px;z-index:100;margin-bottom:0;width:auto}.control-section.hidden-mobile{opacity:1;visibility:visible;height:auto}.control-btn{width:auto;min-width:160px;border-radius:15px;box-shadow:0 5px 15px #fe69004d;justify-content:center;padding:16px 20px;font-size:15px;min-height:55px}.control-btn.pulse{animation:gentlePulseMobile 2s infinite}@keyframes gentlePulseMobile{0%,to{transform:scale(1);box-shadow:0 5px 15px #fe69004d}50%{transform:scale(1.02);box-shadow:0 8px 20px #fe690066}}.control-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fe690066}.mobile-stop-button{display:none}.user-text,.bot-text{font-size:22px;line-height:1.7}.markdown{font-size:24px;line-height:1.7}.message-info b{font-size:18px}.timestamp{font-size:16px}.transcription-text{font-size:18px}}@media(max-width:480px){.user-text,.bot-text,.markdown{font-size:18px}.message-content{padding:16px 20px}.control-btn{min-width:140px;padding:10px 16px;font-size:13px}.control-section{top:15px;right:15px}.theme-toggle{top:10px;right:10px}.theme-btn{padding:6px 10px;font-size:11px}}@media(min-aspect-ratio:1/1)and (min-width:769px){.control-section{margin-bottom:30px}.mobile-stop-button{display:none}}.typing-indicator{background:var(--bot-bg);padding:12px 16px;border-radius:18px;margin-right:auto;display:inline-flex;align-items:center;gap:5px;width:auto;box-shadow:0 2px 8px var(--shadow-light)}.typing-dot{width:8px;height:8px;margin:3px;background:var(--text-muted);border-radius:50%;display:inline-block;animation:typingAnimation 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}