:root{--ink:#020710;--panel:#061426;--cyan:#4ce5ff;--cyan-soft:#9af5ff;--blue:#1679ff;--violet:#7657ff;--lime:#8bf6cf;--text:#f5fbff;--muted:#8ba9bd;--line:rgba(94,222,255,.24);--level:.08}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:radial-gradient(circle at 73% 44%,rgba(12,116,181,.2),transparent 26%),radial-gradient(circle at 12% 92%,rgba(72,44,170,.19),transparent 28%),linear-gradient(125deg,#02050b 0%,#030b17 48%,#041220 100%)}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px)}a{color:inherit;text-decoration:none}button{font:inherit}.voice-grid{position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(80,207,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(80,207,255,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 58%)}.voice-header{height:82px;position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.2vw,70px);border-bottom:1px solid rgba(93,220,255,.14);background:rgba(1,7,15,.5);backdrop-filter:blur(18px)}.voice-brand{display:flex;align-items:center;gap:11px}.voice-brand img{width:45px;height:45px;object-fit:contain}.voice-brand span{display:flex;flex-direction:column}.voice-brand b{font-size:16px;letter-spacing:.5px}.voice-brand small{margin-top:2px;color:#8ea9b9;font-size:8px;letter-spacing:1px}.back-link{display:flex;align-items:center;gap:9px;color:#b9d4e3;font-size:13px;letter-spacing:1px;transition:.2s}.back-link span{color:var(--cyan);font-size:20px}.back-link:hover{color:#fff;transform:translateX(-3px)}.voice-experience{width:min(1440px,100%);min-height:calc(100vh - 82px);position:relative;z-index:2;margin:auto;display:grid;grid-template-columns:minmax(390px,.83fr) minmax(520px,1.17fr);align-items:center;gap:clamp(30px,4vw,78px);padding:42px clamp(24px,5vw,84px) 48px}.voice-copy{max-width:590px}.voice-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:#84c7dc;font:700 11px/1 Arial,sans-serif;letter-spacing:2.5px}.voice-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.voice-copy h1{margin:0;font-size:clamp(54px,5.2vw,79px);line-height:1.07;letter-spacing:-4px}.voice-copy h1 span{color:transparent;background:linear-gradient(90deg,#fff 0 8%,#52e1ff 42%,#7397ff 94%);background-clip:text;-webkit-background-clip:text;text-shadow:0 0 28px rgba(44,192,255,.15)}.voice-lead{max-width:500px;margin:25px 0 34px;color:#a8c0cf;font-size:16px;line-height:1.9}.voice-steps{max-width:510px;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.voice-steps li{min-height:74px;position:relative;display:flex;align-items:center;gap:10px;padding:12px 9px;opacity:.38;transition:.25s}.voice-steps li+li{border-left:1px solid var(--line)}.voice-steps li:after{content:"";height:2px;position:absolute;left:0;right:100%;bottom:-1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:.3s}.voice-steps i{color:var(--cyan);font:700 11px/1 Arial;font-style:normal}.voice-steps span{display:flex;flex-direction:column;font-size:13px;font-weight:800}.voice-steps small{margin-top:3px;color:#70899a;font:8px/1 Arial;letter-spacing:1.2px}body[data-state="listening"] [data-step="listening"],body[data-state="thinking"] [data-step="thinking"],body[data-state="speaking"] [data-step="speaking"]{opacity:1;background:linear-gradient(180deg,rgba(53,214,255,.08),transparent)}body[data-state="listening"] [data-step="listening"]:after,body[data-state="thinking"] [data-step="thinking"]:after,body[data-state="speaking"] [data-step="speaking"]:after{right:0}.conversation{max-width:540px;display:grid;gap:12px}.conversation-item{min-height:72px;position:relative;padding:15px 18px 14px 88px;border:1px solid rgba(81,207,255,.14);background:rgba(7,24,39,.48);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}.conversation-item>span{position:absolute;left:17px;top:19px;color:#5f8195;font:700 9px/1 Arial;letter-spacing:1.2px}.conversation-item p{margin:0;color:#d9ebf5;font-size:14px;line-height:1.65}.pet-line{border-color:rgba(101,105,255,.24);background:linear-gradient(90deg,rgba(62,44,134,.22),rgba(5,24,40,.5))}.pet-line>span{color:#968cff}.privacy-note{max-width:530px;margin:20px 0 0;display:flex;align-items:center;gap:8px;color:#647e90;font-size:10px;letter-spacing:.5px}.privacy-note i{width:7px;height:7px;border:1px solid #6f8da1;border-radius:50%}.voice-stage{min-height:680px;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:35px 44px 32px;overflow:hidden;border:1px solid rgba(85,218,255,.28);border-radius:38px;background:radial-gradient(circle at 50% 36%,rgba(26,139,213,.19),transparent 31%),linear-gradient(155deg,rgba(7,25,42,.94),rgba(2,9,21,.98));box-shadow:inset 0 0 48px rgba(30,170,224,.07),0 32px 90px rgba(0,0,0,.38)}.voice-stage:before{content:"";position:absolute;inset:14px;z-index:-1;border:1px solid rgba(105,218,255,.08);border-radius:29px}.voice-stage:after{content:"";width:240px;height:1px;position:absolute;left:50%;top:22px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 14px var(--cyan)}.connection-badge{position:absolute;left:30px;top:29px;display:flex;align-items:center;gap:9px;color:#8daabc;font-size:10px;letter-spacing:.7px}.connection-badge i{width:7px;height:7px;border-radius:50%;background:#ffbd55;box-shadow:0 0 9px #ffbd55}.connection-badge.is-online i{background:var(--lime);box-shadow:0 0 9px var(--lime)}.stage-index{position:absolute;right:27px;top:26px;color:#557083;font:700 8px/1.45 Arial;letter-spacing:1.2px;text-align:right}.stage-index b{color:var(--cyan);font-size:19px}.mascot-zone{width:min(500px,78%);aspect-ratio:1;position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center}.signal-ring{position:absolute;border:1px solid rgba(73,221,255,.25);border-radius:50%;transition:.15s}.ring-a{inset:7%;border-style:dashed;animation:ring-spin 26s linear infinite}.ring-b{inset:17%;border-color:rgba(124,105,255,.32);animation:ring-spin 18s linear infinite reverse}.ring-c{inset:28%;border-color:rgba(70,226,255,.19)}.signal-ring:before,.signal-ring:after{content:"";width:7px;height:7px;position:absolute;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.ring-a:before{left:12%;top:13%}.ring-a:after{right:9%;bottom:18%;background:#826cff}.ring-b:before{right:8%;top:28%}.ring-b:after{left:16%;bottom:8%}.voice-aura{width:54%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(62,216,255,calc(.2 + var(--level) * .65)),rgba(64,80,255,.12) 46%,transparent 72%);filter:blur(8px);transform:scale(calc(1 + var(--level) * .24));transition:transform .08s}.voice-mascot{width:55%;position:absolute;z-index:2;filter:drop-shadow(0 24px 25px rgba(0,0,0,.42)) drop-shadow(0 0 calc(10px + var(--level) * 28px) rgba(57,207,255,.4));animation:mascot-idle 4s ease-in-out infinite;transition:.25s}.mascot-message{max-width:210px;position:absolute;right:-4%;top:20%;z-index:4;padding:11px 15px;color:#dffaff;font-size:12px;line-height:1.45;text-align:center;border:1px solid rgba(95,229,255,.45);border-radius:16px 16px 16px 4px;background:rgba(4,27,47,.87);box-shadow:0 0 20px rgba(42,191,255,.12);backdrop-filter:blur(8px)}.waveform{height:58px;position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:16px}.waveform i{width:3px;height:calc(4px + var(--bar,0) * 36px);min-height:4px;border-radius:5px;background:linear-gradient(#a8fbff,#37ceff 55%,#6768ff);box-shadow:0 0 6px rgba(64,218,255,.42);transition:height .08s}.voice-controls{min-height:90px;position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:18px}.talk-button{width:78px;height:78px;position:relative;display:grid;place-items:center;padding:0;cursor:pointer;border:0;border-radius:50%;color:#fff;background:none;touch-action:none}.talk-button:disabled{cursor:wait;opacity:.45}.talk-button__halo{position:absolute;inset:-7px;border:1px solid rgba(70,219,255,.42);border-radius:50%;box-shadow:0 0 20px rgba(46,193,255,.2);transition:.2s}.talk-button__face{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#35dfff,#176de7 62%,#6d47ed);box-shadow:inset 0 0 14px rgba(255,255,255,.25),0 8px 22px rgba(24,105,230,.42);transition:.15s}.talk-button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.talk-button:not(:disabled):hover .talk-button__face{transform:scale(1.05)}body[data-state="listening"] .talk-button__halo{inset:-15px;border-color:#81f7ff;box-shadow:0 0 28px rgba(49,223,255,.55);animation:talk-pulse 1s ease-out infinite}body[data-state="listening"] .talk-button__face{background:linear-gradient(145deg,#6fffe8,#18bddd 55%,#286aff);transform:scale(.96)}.voice-controls>div{min-width:148px;display:flex;flex-direction:column}.voice-controls b{font-size:15px}.voice-controls small{margin-top:5px;color:#708da0;font-size:10px}.abort-button{padding:8px 13px;color:#ffb8c4;cursor:pointer;border:1px solid rgba(255,102,132,.4);border-radius:18px;background:rgba(96,13,35,.32);font-size:10px}.demo-mark{position:absolute;right:25px;bottom:18px;display:flex;align-items:center;gap:7px;margin:0;color:#496777;font:700 7px/1 Arial;letter-spacing:1px}.demo-mark span{width:20px;height:1px;background:#3e8196}.permission-toast{position:fixed;right:24px;bottom:24px;z-index:30;max-width:330px;padding:16px 20px;display:flex;flex-direction:column;border:1px solid rgba(255,117,139,.5);border-radius:13px;background:rgba(54,8,21,.94);box-shadow:0 15px 40px rgba(0,0,0,.45)}.permission-toast b{font-size:13px}.permission-toast span{margin-top:5px;color:#eeb8c1;font-size:11px}.permission-toast[hidden]{display:none}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes mascot-idle{0%,100%{transform:translateY(3px) rotate(-.5deg)}50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes talk-pulse{0%{transform:scale(.86);opacity:1}100%{transform:scale(1.18);opacity:0}}body[data-state="thinking"] .voice-mascot{animation:mascot-think 1.4s ease-in-out infinite}body[data-state="speaking"] .voice-mascot{animation:mascot-speak .42s ease-in-out infinite alternate}@keyframes mascot-think{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes mascot-speak{from{transform:translateY(0) scale(1)}to{transform:translateY(-5px) scale(1.025)}}@media(max-width:1000px){.voice-experience{grid-template-columns:1fr;gap:34px;padding-top:55px}.voice-copy{max-width:720px;margin:auto;text-align:center}.voice-eyebrow,.privacy-note{justify-content:center}.voice-lead,.voice-steps,.conversation,.privacy-note{margin-left:auto;margin-right:auto}.voice-copy h1{font-size:clamp(50px,9vw,72px)}.voice-stage{width:min(680px,100%);min-height:650px;margin:auto}}@media(max-width:600px){.voice-header{height:68px;padding-inline:17px}.voice-brand img{width:39px;height:39px}.voice-brand b{font-size:13px}.voice-brand small{display:none}.back-link{font-size:11px}.voice-experience{min-height:calc(100vh - 68px);padding:35px 14px 28px}.voice-copy h1{font-size:48px;letter-spacing:-2px}.voice-lead{font-size:14px}.voice-steps li{min-height:64px;justify-content:center}.voice-steps i{display:none}.conversation-item{padding-left:75px;text-align:left}.voice-stage{min-height:590px;padding-inline:16px;border-radius:25px}.mascot-zone{width:92%;top:41%}.voice-mascot{width:53%}.mascot-message{right:1%;top:15%;max-width:145px;font-size:10px}.connection-badge{left:20px;top:22px}.stage-index{right:18px;top:19px}.waveform{gap:3px}.voice-controls{gap:10px}.talk-button{width:70px;height:70px}.talk-button__face{width:56px;height:56px}.voice-controls>div{min-width:126px}.voice-controls b{font-size:13px}.demo-mark{display:none}}