:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172c49;background:#f3f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #88b9ff;outline-offset:4px}.nav{height:76px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6edf6}.brand{font-weight:750;font-size:20px;display:flex;align-items:center;gap:11px}.logo{background:#2463eb;color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:21px}.nav-right{display:flex;gap:24px;font-size:14px;color:#5d708a}main{max-width:1200px;margin:auto;padding:44px 24px 26px}.eyebrow{color:#3373dd;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:12px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h1{font-size:34px;letter-spacing:-1px;margin:0 0 12px;font-weight:750}.subtitle{color:#718299;font-size:15px;line-height:1.8;margin:0}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #e1e9f3;background:#fff;border-radius:25px;padding:9px 14px;font-size:12px;white-space:nowrap}.dot{width:7px;height:7px;background:#27b487;border-radius:50%}.workspace{display:grid;grid-template-columns:1fr 1.03fr;gap:22px}.panel{background:#fff;border:1px solid #e2eaf4;border-radius:22px;box-shadow:0 10px 35px #243e7010}.voice{padding:25px 28px 26px;display:flex;flex-direction:column;align-items:center;min-height:530px}.panel-head{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px;font-weight:650}.small{font-size:12px;color:#8a99ad;font-weight:400}.orb-area{position:relative;display:grid;place-items:center;width:240px;height:240px;margin:24px 0 5px}.ring{position:absolute;border-radius:50%;border:1px solid #e9effb;width:220px;height:220px}.ring.two{width:182px;height:182px;border-color:#dce8ff}.orb{width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at 30% 23%,#b7d9ff,#4e8cf6 48%,#2256d8 85%);box-shadow:inset 0 0 22px #ffffff70,0 16px 35px #2763e942;display:flex;align-items:center;justify-content:center;gap:5px}.orb i{display:block;width:5px;border-radius:6px;background:#fff;height:16px;opacity:.9}.orb i:nth-child(2),.orb i:nth-child(6){height:30px}.orb i:nth-child(3),.orb i:nth-child(5){height:44px}.orb i:nth-child(4){height:56px}.active .orb{animation:breathe 2.5s ease-in-out infinite}.active .orb i{animation:wave .8s ease-in-out infinite alternate}.active .orb i:nth-child(2n){animation-delay:.3s}#state{font-size:22px;font-weight:650;margin:0 0 10px}#hint{font-size:13px;color:#8392a7;min-height:40px;text-align:center;line-height:1.7;margin:0;max-width:380px}.controls{display:flex;gap:12px;margin-top:19px}.primary{border:0;background:#2666eb;color:#fff;border-radius:12px;padding:14px 30px;min-width:190px;box-shadow:0 5px 12px #2563eb25;font-weight:600}.secondary{border:1px solid #dfe7f1;background:#fff;border-radius:12px;padding:12px 18px;color:#496079}.danger{background:#fef2f2;color:#d24a4a;border-color:#f8d3d3}.privacy{font-size:11px;color:#93a0b3;margin:21px 0 0;text-align:center;line-height:1.8}.chat{padding:25px;display:flex;flex-direction:column;height:530px}.chat-scroll{flex:1;overflow-y:auto;margin:20px -5px 0;padding:0 5px;scroll-behavior:smooth}.empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#97a5b8;text-align:center}.empty-icon{font-size:25px;background:#f1f6fe;border-radius:16px;width:60px;height:60px;display:grid;place-items:center;color:#7ea5e9}.empty h3{font-size:15px;font-weight:500;color:#6c7f98;margin:18px 0 8px}.empty p{font-size:12px;line-height:1.9;max-width:260px;margin:0}.message{margin:0 0 20px;display:flex;flex-direction:column;align-items:flex-start}.message.user{align-items:flex-end}.speaker{font-size:11px;color:#899ab1;margin:0 4px 7px}.bubble{font-size:14px;line-height:1.85;background:#f1f5fb;padding:11px 15px;border-radius:4px 14px 14px;max-width:95%;white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{background:#eaf2ff;color:#2254a5;border-radius:14px 4px 14px 14px}.chat-foot{font-size:11px;color:#a0adbd;border-top:1px solid #edf1f7;padding-top:15px;margin-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:27px 0;padding:23px 26px;border:1px solid #e2eaf4;background:#ffffff80;border-radius:16px}.step{display:flex;gap:12px}.step-num{font-size:12px;font-weight:700;color:#3977d9;background:#e8f0fe;border-radius:8px;min-width:27px;height:27px;display:grid;place-items:center}.step strong{font-size:13px;font-weight:600}.step p{font-size:12px;line-height:1.7;color:#8494ab;margin:6px 0 0}footer{display:flex;justify-content:space-between;color:#94a1b4;font-size:11px;margin-top:26px;gap:12px;line-height:1.8}.error{color:#c85555!important}#play{margin-top:10px;font-size:12px}[hidden]{display:none!important}@keyframes breathe{50%{box-shadow:inset 0 0 22px #ffffff70,0 16px 55px #2763e960;transform:scale(1.04)}}@keyframes wave{to{transform:scaleY(.4)}}@media(max-width:760px){.nav{height:64px;padding:0 20px}.brand{font-size:17px}.nav-right{gap:14px;font-size:12px}main{padding:28px 16px}.hero{display:block}h1{font-size:28px}.hero .pill{margin-top:18px}.workspace{grid-template-columns:1fr}.voice{min-height:490px}.chat{height:400px}.steps{grid-template-columns:1fr;gap:20px}footer{flex-direction:column}.orb-area{height:210px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}:root{--tool-primary:#4163ed;--tool-ink:#202a43;--tool-muted:#72809a;--tool-surface:#fff;--tool-bg:#f7f9fc;--tool-border:#e8ecf3}body{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:var(--tool-ink);background-color:var(--tool-bg)}input,select,textarea{border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4163ed66;outline-offset:3px}button.primary,.button.primary{background-color:var(--tool-primary);border-color:var(--tool-primary);color:#fff}@media(max-width:640px){table{max-width:100%}.table-wrap{overflow:auto}input,select,textarea{max-width:100%}}body{font-family:Arial,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}footer,.chat-foot,.speaker,.eyebrow{font-size:12px}