.xiaoyi-mode-tabs{display:flex;gap:7px;padding:0 13px 11px}.xiaoyi-mode-tabs button{flex:1;padding:8px 7px;background:#8eb9d30b;color:#7fa4bc;border:1px solid #9bc7df20;border-radius:6px;font-size:11px;line-height:1.3}.xiaoyi-mode-tabs small{font-size:8px;display:block;letter-spacing:.6px;margin-top:4px;color:#5e849f}.xiaoyi-mode-tabs button.active{color:#cae6f5;border-color:#a2d0e84a;background:#94c6e21d}.xiaoyi-mode-tabs button.active small{color:#8db7ce}.xiaoyi-realtime-voice{border-top:1px solid #a6cde221;padding:13px 14px 12px;max-height:calc(100dvh - 330px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34586d transparent}.voice-service-line{display:flex;justify-content:space-between;gap:10px;align-items:center}.voice-service-kicker{font-size:7px;letter-spacing:1.5px;color:#678da5;display:block;margin-bottom:6px}.voice-service-line strong{font-size:12px;font-weight:500;color:#b7d9ec;line-height:1.6;display:block}.voice-service-line button{flex-shrink:0;display:grid;place-items:center;width:27px;height:27px;background:#91bdd613;color:#97bed5;border:1px solid #a3c9de24;border-radius:6px;font-size:19px}.voice-connection-note{font-size:10px;line-height:1.8;color:#6e97b2;margin:7px 0 4px}.voice-settings-link{font-size:10px;color:#a6cee4;text-decoration:none;display:inline-block;padding:3px 0;border-bottom:1px solid #abcde62b}.voice-language-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:12px;border-top:1px solid #a5cbe21b;gap:10px}.voice-language-row label{font-size:10px;color:#7c9eb8}.voice-language-row select{font:inherit;font-size:11px;color:#bad8eb;background:#071a29;border:1px solid #a3c8de32;border-radius:5px;padding:6px 8px;max-width:170px}.voice-language-row select:focus-visible{outline:2px solid #a6d0e4;outline-offset:3px}.voice-call-actions{display:flex;gap:6px;margin-top:13px}.voice-call-actions button{background:#92bed416;border:1px solid #9fc8de2b;border-radius:5px;font-size:10px;padding:8px 9px;color:#a2c7dd;white-space:nowrap}.voice-call-actions #voiceStart{background:#a2cfe3;color:#163549;border-color:#b2dcec;font-weight:500;flex:1}.voice-call-actions #voiceEnd{color:#b49c90;background:#bb8d7112;border-color:#b68d7228}.voice-call-actions button[aria-pressed=true]{color:#e2c99c;border-color:#c8aa6d58;background:#c4a16e1b}.voice-call-actions button:disabled{opacity:.35}.voice-session-line{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#7098b2;font-size:8px;line-height:1.7;margin:11px 0}.voice-session-line #voiceDuration{font-variant-numeric:tabular-nums;white-space:nowrap;color:#567b95}.voice-captions{border:1px solid #9bbfd222;background:#05152366;border-radius:7px;min-height:85px;max-height:200px;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:#34586d transparent;overscroll-behavior:contain}.voice-empty-caption{font-size:10px;line-height:1.9;color:#4f7792;margin:5px 0}.voice-caption{margin:7px 0 11px}.voice-caption span{font-size:8px;color:#6188a1;display:block;margin-bottom:4px}.voice-caption p{font-size:12px;line-height:1.85;margin:0;color:#b6d3e7;white-space:pre-wrap;overflow-wrap:anywhere}.voice-caption.user p{color:#95b5ce}.voice-caption.partial p{opacity:.65}.voice-caption-tools{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#4c738e;font-size:8px}.voice-caption-tools button{background:none;color:#7ca4bd;padding:0;font-size:9px}.voice-privacy-note{font-size:9px;line-height:1.85;color:#507791;margin:11px 0 0}.voice-call-notice{font-size:11px;color:#ccb58c;border:1px solid #bda06a30;background:#b89d690a;padding:9px;border-radius:6px;line-height:1.9;margin:10px 0 0}.ai-guide:not(.expanded) .xiaoyi-mode-tabs{padding-top:0;padding-bottom:10px}.ai-guide:not(.expanded) .xiaoyi-mode-tabs button{font-size:10px;padding-block:7px}.ai-guide:not(.expanded) .xiaoyi-mode-tabs small{display:none}.ai-guide.voice-active .ai-guide-shell{border-color:#9accdf6b}.ai-guide.voice-active .ai-guide-state-dot{box-shadow:0 0 8px #b1e4fa75}
@media(max-width:540px){.xiaoyi-mode-tabs{gap:5px;padding-inline:11px}.xiaoyi-mode-tabs button{font-size:11px;padding:8px}.xiaoyi-realtime-voice{padding:12px;max-height:calc(100dvh - 320px)}.voice-service-line strong{font-size:12px}.voice-connection-note{font-size:11px}.voice-call-actions{gap:5px}.voice-call-actions button{padding:9px 8px;font-size:11px}.voice-language-row select{font-size:13px}.voice-captions{max-height:165px;min-height:80px}.voice-caption p{font-size:13px}.voice-privacy-note{font-size:10px}.voice-session-line{font-size:9px}.voice-settings-link{font-size:11px}.ai-guide:not(.expanded) .xiaoyi-mode-tabs button{font-size:9px;padding-inline:3px}}
@media(max-height:650px){.xiaoyi-realtime-voice{max-height:calc(100dvh - 290px)}.voice-captions{max-height:120px}}
.guide-realtime-entry{margin:0 13px 11px;padding:11px;border:1px solid #a6d6e743;border-radius:9px;background:linear-gradient(125deg,#9dd6eb15,#7faac908)}.guide-realtime-actions{display:flex;gap:7px;align-items:stretch}.guide-realtime-actions #guideRealtimeStart{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 10px;border:1px solid #c0e5f2;border-radius:7px;background:#b9dfee;color:#12364a;font-size:12px;font-weight:600;line-height:1.45}.guide-realtime-actions #guideRealtimeStart svg{width:17px;height:17px;flex-shrink:0}.guide-realtime-actions #guideRealtimeStart:hover:not(:disabled){background:#d0edf7}.guide-realtime-actions #guideRealtimeStart:disabled{opacity:.6}.guide-realtime-actions #guideRealtimeEnd{flex-shrink:0;min-height:42px;padding:8px 10px;border:1px solid #d7b19a68;border-radius:7px;background:#b8846826;color:#e2c5b3;font-size:11px;line-height:1.5}.guide-realtime-status{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:11px;line-height:1.6;color:#b4d6e7}.guide-realtime-status i{height:5px;width:5px;flex-shrink:0;background:#7195aa;border-radius:50%}.guide-realtime-status span{min-width:0;overflow-wrap:anywhere}.guide-realtime-status #guideRealtimeRefresh{margin-left:auto;flex-shrink:0;padding:3px 5px;border-radius:4px;background:#b1d4e414;color:#bddce9;font-size:10px;line-height:1.5}.guide-realtime-entry #guideRealtimeHint{margin:5px 0 0;color:#7fa7bc;font-size:10px;line-height:1.75;overflow-wrap:anywhere}.guide-realtime-entry[data-phase=listening] .guide-realtime-status i{background:#aed8cb;box-shadow:0 0 7px #aed8cb44}.guide-realtime-entry[data-phase=speaking] .guide-realtime-status i{background:#bce6f4;box-shadow:0 0 7px #bce6f455}.guide-realtime-entry[data-phase=connecting] .guide-realtime-status i,.guide-realtime-entry[data-phase=thinking] .guide-realtime-status i{background:#d9bd88;animation:guide-pulse 1.2s infinite}.guide-realtime-entry[data-phase=muted] .guide-realtime-status,.guide-realtime-entry[data-phase=failed] .guide-realtime-status{color:#dac093}.guide-realtime-entry[data-phase=failed]{border-color:#c5a47655}.ai-guide.expanded .xiaoyi-realtime-voice{max-height:max(110px,calc(100dvh - 470px))}
@media(max-width:540px){.guide-realtime-entry{margin-inline:10px;padding:9px}.guide-realtime-actions{gap:5px}.guide-realtime-actions #guideRealtimeStart{font-size:11px;padding-inline:7px;gap:5px}.guide-realtime-actions #guideRealtimeEnd{font-size:11px;padding-inline:8px}.guide-realtime-status{font-size:10px}.guide-realtime-entry #guideRealtimeHint{font-size:10px}.ai-guide.expanded .xiaoyi-realtime-voice{max-height:max(110px,calc(100dvh - 440px))}}
@media(prefers-reduced-motion:reduce){.guide-realtime-entry .guide-realtime-status i{animation:none!important}}
.ai-guide.expanded .ai-guide-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;max-height:max(60px,calc(100dvh - 470px))}.ai-guide.expanded .ai-guide-shell{max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#34586d transparent}
.voice-captions .tourism-info-card{margin:9px 0;padding:10px;background:#0c2536}.voice-captions .tourism-info-card:first-child{margin-top:0}.voice-captions .tourism-info-card:last-child{margin-bottom:0}.voice-captions .tourism-info-card p{font-size:11px}.voice-captions .tourism-info-name{font-size:13px}@media(max-width:540px){.voice-captions .tourism-info-source-link,.voice-captions .tourism-info-summary{font-size:12px}}
