
.ai-page{height:100vh;height:100dvh;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 0 calc(16px + env(safe-area-inset-bottom));background:#fff;color:#4a9e94;overflow:hidden}
.ai-character{flex-shrink:0;width:min(520px,100vw,52vh);height:min(520px,100vw,52vh);width:min(520px,100vw,52dvh);height:min(520px,100vw,52dvh);max-width:none;cursor:pointer;margin:0 0 64px;transform:none}
.ai-voice-orbit{height:24px;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.4;flex-shrink:0}
.ai-voice-bar{width:3px;height:5px;border-radius:3px;background:#4a9e94;transform-origin:center}
.ai-voice-orbit.listening,.ai-voice-orbit.speaking{opacity:1}.listening .ai-voice-bar,.speaking .ai-voice-bar{animation:voice-pulse 1s ease-in-out infinite}.ai-voice-bar:nth-child(2){animation-delay:.13s}.ai-voice-bar:nth-child(3){animation-delay:.27s}.ai-voice-bar:nth-child(4){animation-delay:.4s}.ai-voice-bar:nth-child(5){animation-delay:.53s}
.thinking .ai-voice-bar,.connecting .ai-voice-bar{animation:voice-pulse 1.6s ease-in-out infinite}
.ai-mic{width:52px;height:52px;min-height:52px;padding:0;margin:12px 0 0;border:0;border-radius:50%;background:#4a9e94;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #4a9e941c;flex-shrink:0}.ai-mic::after{border:0}.ai-mic.paused{background:#edf4f0;box-shadow:none}.ai-mic[disabled]{opacity:.35}
.ai-mic-icon{position:relative;width:24px;height:28px;color:white}.paused .ai-mic-icon{color:#7a9c89}.ai-mic-capsule{position:absolute;left:8px;top:1px;width:8px;height:14px;border-radius:6px;background:currentColor}.ai-mic-bowl{position:absolute;left:4px;top:9px;width:16px;height:12px;border:2px solid currentColor;border-top:0;border-radius:0 0 10px 10px;box-sizing:border-box}.ai-mic-stem{position:absolute;left:11px;top:20px;width:2px;height:6px;background:currentColor}.ai-mic-stem::after{content:'';position:absolute;left:-4px;bottom:0;width:10px;height:2px;background:currentColor;border-radius:2px}.ai-mic-slash{position:absolute;left:11px;top:0;height:28px;width:2px;background:currentColor;transform:rotate(-40deg);box-shadow:0 0 0 2px #edf4f0}
.ai-page .ai-character{width:min(720px,100vw)!important;height:clamp(300px,55dvh,580px)!important;margin-bottom:92px!important}
@media(max-height:640px){.ai-page .ai-character{height:50dvh!important;margin-bottom:84px!important}.ai-page{padding-top:42px}.ai-mic{margin-top:6px}}
@keyframes voice-pulse{0%,100%{transform:scaleY(1)}50%{transform:scaleY(3.4)}}
@media(prefers-reduced-motion:reduce){.ai-voice-bar{animation:none!important}}
/* Reference-matched texture covers the entire mobile viewport. */
.ai-page{isolation:isolate;min-height:100vh;min-height:100dvh;background:transparent!important}
.ai-page::before{content:"";position:fixed;inset:0;z-index:-1;background:#f5f1ed url("https://www.qianjingjituan.com/api/app-api/franchise/mall/object-image?id=aef1b346-79c3-4b19-85c7-920a00de028c&tenant-id=1") center/cover no-repeat;pointer-events:none}
.ai-character,.ai-character canvas,.ai-character >div{background:transparent!important}
.ai-character canvas{border-radius:0!important}

