:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#e8fff5;background:#061510;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}.boot{height:100vh;display:flex;align-items:center;justify-content:center;gap:16px;background:#061510;color:#79e6ae;font-size:24px}.boot svg{width:38px}.screen{width:100vw;height:100vh;min-width:1200px;min-height:680px;padding:18px 24px 12px;background:radial-gradient(circle at 50% 35%,#123c2e 0,#071b14 36%,#04100c 76%);display:flex;flex-direction:column}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #59d49b33}.brand{display:flex;align-items:center;gap:14px}.brand>span{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#53df9c,#1d7850);box-shadow:0 0 30px #4ad89355}.brand svg{width:29px}.brand h1{font-size:25px;margin:0;letter-spacing:2px}.brand p{font-size:11px;color:#6da58e;margin:4px 0 0}.status{display:flex;align-items:center;gap:8px;color:#8eb6a5;font-size:11px}.status i{width:7px;height:7px;border-radius:50%;background:#4be09a;box-shadow:0 0 8px #4be09a}.status i.warn{background:#e8b957;box-shadow:0 0 8px #e8b957}.status time{margin-left:15px;color:#60927d}.layout{flex:1;min-height:0;display:grid;grid-template-columns:28% 39% 33%;gap:16px;padding:16px 0}.left{display:flex;flex-direction:column;gap:13px;min-height:0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric,.data-panel,.conversation-panel{background:linear-gradient(145deg,#0d2a20dd,#071b15ee);border:1px solid #4bd99629;box-shadow:inset 0 0 30px #2b9e6a0a;border-radius:12px}.metric{height:73px;display:flex;align-items:center;padding:13px;gap:12px}.metric>svg{width:26px;color:#62dda3}.metric div{display:flex;flex-direction:column}.metric span{font-size:10px;color:#72a38f}.metric b{font-size:25px;margin-top:2px}.data-panel{padding:13px 15px}.data-panel h3{font-size:13px;margin:0 0 8px;color:#bce6d2;border-left:3px solid #56dc9d;padding-left:8px}.hot{height:34px;display:grid;grid-template-columns:30px 1fr 42px;align-items:center;border-top:1px solid #4bd99618;font-size:11px}.hot b{color:#4bd996}.hot span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot em{font-style:normal;color:#78a692;text-align:right}.avatar-stage{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1px solid #58d99d38;border-radius:18px;background:radial-gradient(circle at 50% 45%,#2c76582b,#061510 64%)}.stage-title{position:absolute;top:17px;left:20px;right:20px;z-index:3;display:flex;justify-content:space-between}.stage-title span{font-size:13px;color:#71a58f}.stage-title b{font-size:11px;color:#54e09d;background:#123b2c;padding:6px 10px;border-radius:99px}.avatar{position:relative;width:72%;height:57%;margin-top:46px;display:flex;align-items:center;justify-content:center}.halo{position:absolute;width:360px;height:360px;border:1px solid #57dc9a3b;border-radius:50%;box-shadow:0 0 80px #47d28c1f,inset 0 0 60px #47d28c12;animation:pulse 3s ease-in-out infinite}.person{position:relative;width:210px;height:330px;z-index:2}.head{position:absolute;left:58px;top:20px;width:94px;height:116px;border-radius:48% 48% 44% 44%;background:linear-gradient(160deg,#d8b89d,#b4876d);box-shadow:0 -18px 0 5px #26372e}.head:after{content:"";position:absolute;bottom:24px;left:38px;width:20px;height:6px;border-bottom:2px solid #704c43;border-radius:50%}.head i{position:absolute;top:52px;width:8px;height:5px;border-radius:50%;background:#28332d}.head i:first-child{left:25px}.head i:last-child{right:25px}.body{position:absolute;top:126px;width:210px;height:204px;border-radius:54px 54px 20px 20px;background:linear-gradient(145deg,#285e45,#123b2d);display:grid;place-items:center;color:#76e5ad}.body svg{width:65px;height:65px;opacity:.8}.sound-bars{position:absolute;bottom:4px;display:flex;align-items:center;gap:5px;height:30px}.sound-bars i{width:4px;height:12px;background:#60e4a5;border-radius:4px;animation:wave .6s ease-in-out infinite alternate}.sound-bars i:nth-child(2),.sound-bars i:nth-child(4){animation-delay:.2s}.sound-bars i:nth-child(3){animation-delay:.4s}.avatar.thinking .halo{border-color:#efbd5a66}.avatar-provider{display:flex;gap:9px;align-items:center;font-size:10px;color:#d2a859;background:#392e18;border:1px solid #bd8f353b;padding:7px 11px;border-radius:8px}.avatar-provider.ready{color:#6ee1a7;background:#103626;border-color:#5ee0a044}.avatar-provider span{font-weight:800}.caption{width:88%;min-height:65px;margin-top:11px;padding:12px 15px;text-align:center;font-size:14px;line-height:1.55;background:#071a14d9;border:1px solid #4edc9a2d;border-radius:10px;display:flex;align-items:center;justify-content:center}.quick{width:88%;display:flex;gap:7px;margin-top:9px}.quick button{flex:1;border:1px solid #54d99a31;background:#0e2b21;color:#8fc7ae;border-radius:8px;padding:7px;font-size:9px;cursor:pointer}.conversation-panel{display:flex;flex-direction:column;min-height:0;padding:15px}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #4bd99625;padding-bottom:11px}.panel-head h2{font-size:17px;margin:0}.panel-head p{font-size:10px;color:#6fa08c;margin:3px 0}.panel-head svg{color:#55dda0}.messages{flex:1;min-height:0;overflow:auto;padding:12px 4px;display:flex;flex-direction:column;gap:10px}.msg{max-width:87%}.msg.user{align-self:flex-end}.msg b{display:block;font-size:9px;color:#6f9d8b;margin-bottom:4px}.msg.user b{text-align:right}.msg p{margin:0;padding:10px 12px;border-radius:4px 12px 12px;background:#103127;font-size:11px;line-height:1.55}.msg.user p{background:#266c4c;border-radius:12px 4px 12px 12px}.msg small{display:block;color:#8fc0aa;margin:5px 4px;font-size:9px}.msg.error p{color:#ff9d8e}.result{display:flex;flex-direction:column;background:#183d2d;border:1px solid #59d49b33;padding:8px;margin-top:5px;border-radius:8px;font-size:10px}.result span{color:#75b094;margin-top:3px}.input{display:flex;gap:8px}.input input{flex:1;min-width:0;border:1px solid #4bd99635;background:#06150f;color:#dffff0;border-radius:10px;padding:0 12px;outline:0}.input button{width:42px;height:42px;border:0;border-radius:10px;background:#1f6647;color:#7fe7b4;display:grid;place-items:center}.input button svg{width:18px}.input-hint{display:flex;gap:6px;align-items:center;color:#547c6b;font-size:8px;margin-top:7px}.input-hint svg{width:12px}footer{height:26px;border-top:1px solid #59d49b20;display:flex;align-items:end;justify-content:space-between;color:#4d7866;font-size:9px}@keyframes pulse{50%{transform:scale(1.05);opacity:.65}}@keyframes wave{to{height:29px}}@media(max-aspect-ratio:16/10){.screen{min-width:1000px}.layout{grid-template-columns:26% 39% 35%}.avatar{height:52%}.quick{display:none}}.avatar-photo{position:relative;z-index:2;width:min(92%,390px);height:100%;object-fit:cover;object-position:center 30%;border:1px solid #75e9b044;border-radius:180px 180px 28px 28px;box-shadow:0 22px 60px #0009,0 0 42px #45d58f22}.audio-monitor{display:flex;gap:6px;margin-top:7px}.audio-monitor span{padding:4px 7px;border-radius:8px;background:#3c201c;color:#ee9b8d;font-size:9px}.audio-monitor span.ok{background:#123c2b;color:#69dfa5}.stream-monitor{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 9px;margin-top:6px;padding:5px 9px;border-radius:8px;background:#33251cbb;color:#f0bd75;font-size:9px;line-height:1.2;z-index:4}.stream-monitor.ok{background:#0d3023cc;color:#67dda4}.stream-monitor.warn{background:#40221dcc;color:#ff9b85}.direct-dialog{justify-content:flex-start}.dialog-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:28px 12px 22px;text-align:center}.dialog-state strong{font-size:18px;color:#dffff0}.dialog-state small{font-size:10px;color:#72a38f}.state-orb{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:#baffe0;background:#174f39;border:1px solid #64e5a55c;box-shadow:0 0 32px #4ddd9840;animation:pulse 2s ease-in-out infinite}.state-orb svg{width:32px;height:32px}.state-orb.thinking{color:#ffe4a3;background:#5a431c;border-color:#efc46977}.state-orb.speaking{color:#d9f5ff;background:#18515a;border-color:#68d9e977}.current-turn{display:flex;flex-direction:column;gap:12px}.current-turn>div{padding:13px 15px;border-radius:12px;background:#0a2119;border:1px solid #4bd99622}.current-turn b{display:block;color:#6fa58d;font-size:10px;margin-bottom:6px}.current-turn p{margin:0;color:#dff8ec;font-size:13px;line-height:1.65}.current-user{margin-left:28px}.current-answer{margin-right:28px;background:#103127!important}.text-fallback{display:flex;gap:8px;margin-top:auto}.text-fallback input{flex:1;min-width:0;border:1px solid #4bd99635;background:#06150f;color:#dffff0;border-radius:10px;padding:12px;outline:0}.text-fallback button{width:44px;border:0;border-radius:10px;background:#1f6647;color:#7fe7b4;display:grid;place-items:center}.text-fallback button svg{width:18px}.state-orb{cursor:pointer}.state-orb.recording{background:#a43c32;color:#fff;border-color:#ff9b8e;box-shadow:0 0 36px #ef574d66}@media(max-width:800px){body{overflow:hidden}.screen{min-width:0;min-height:0;width:100%;height:100dvh;padding:0;background:#061510}.screen>header{position:absolute;z-index:20;top:0;left:0;right:0;height:auto;padding:calc(env(safe-area-inset-top) + 14px) 18px 16px;border:0;background:linear-gradient(#03100dcc,transparent)}.brand{gap:10px}.brand>span{width:40px;height:40px;border-radius:50%}.brand h1{font-size:20px;letter-spacing:1px}.brand p{font-size:10px}.status{display:none}.layout{display:block;padding:0;height:100%;min-height:0}.left,footer{display:none}.avatar-stage{position:absolute;inset:0;border:0;border-radius:0;background:radial-gradient(circle at 50% 35%,#245d47,#071b14 54%,#030b08);overflow:hidden}.stage-title{top:calc(env(safe-area-inset-top) + 76px);left:18px;right:18px}.avatar{width:100%;height:72%;margin-top:86px}.halo{width:78vw;height:78vw}.avatar-photo{width:100%;max-width:none;height:100%;border:0;border-radius:0;box-shadow:none}.avatar-provider{position:absolute;top:calc(env(safe-area-inset-top) + 112px);font-size:9px;background:#071b15aa}.audio-monitor{position:absolute;z-index:10;top:calc(env(safe-area-inset-top) + 148px);left:14px;right:14px;display:flex;justify-content:center;gap:5px}.audio-monitor span{padding:5px 7px;border-radius:10px;background:#401f1fcc;color:#ffaaa1;font-size:9px}.audio-monitor span.ok{background:#0d4934d9;color:#78efb1}.call-error{position:absolute;z-index:15;top:calc(env(safe-area-inset-top) + 184px);left:18px;right:18px;padding:9px 12px;border-radius:12px;background:#8d2f2ee8;color:#fff;font-size:12px;text-align:center}.caption{position:absolute;left:22px;right:22px;bottom:250px;width:auto;min-height:0;margin:0;padding:11px 14px;border:0;border-radius:18px;background:#0008;font-size:15px;z-index:8}.quick{display:none}.conversation-panel{position:absolute;z-index:12;left:0;right:0;bottom:0;height:230px;min-height:0;padding:12px 18px calc(env(safe-area-inset-bottom) + 16px);border:0;border-radius:26px 26px 0 0;background:linear-gradient(180deg,#09251ccf,#061510f5);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.panel-head,.current-turn,.text-fallback,.input-hint{display:none}.dialog-state{height:100%;padding:0;gap:8px}.state-orb{width:84px;height:84px}.state-orb svg{width:36px;height:36px}.dialog-state strong{font-size:17px}.dialog-state small{font-size:11px;max-width:280px;line-height:1.5}.sound-bars{bottom:140px}}