:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#e7f1ff;background:#08111e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#153149 0,transparent 54%),#08111e;min-height:100vh}main{max-width:1040px;margin:auto;padding:32px 44px}header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#94acc4}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:22px;font-weight:700}.brand i{height:22px;width:7px;background:#57e4c5;border-radius:6px;transform:rotate(25deg)}.brand span{font-size:10px;letter-spacing:2px;margin-left:10px;color:#8297b0}.experience{text-align:center;padding-top:45px}.eyebrow{color:#74d9d6;font-size:11px;letter-spacing:3px}h1{font-size:38px;letter-spacing:1px;margin:18px 0 15px}.intro p{color:#95a9be;font-size:14px;line-height:1.9}.avatar-wrap{position:relative;height:245px;display:flex;align-items:center;justify-content:center}.halo{position:absolute;width:270px;height:180px;border:1px solid #3d727338;border-radius:50%;background:radial-gradient(ellipse,#42d1c019,transparent 65%);box-shadow:0 0 80px #28d8bd10}#avatar{position:relative;width:120px;animation:float 4s ease-in-out infinite}.head{height:85px;border-radius:35px;background:linear-gradient(135deg,#e3fff4,#91c0ca);position:relative;box-shadow:inset -10px -5px 20px #558d9b55,0 0 28px #82e7d329}.eye{position:absolute;top:32px;height:12px;width:10px;background:#183749;border-radius:8px;animation:blink 6s infinite}.left{left:31px}.right{right:31px}#mouth{position:absolute;left:51px;top:57px;background:#23435a;width:18px;height:4px;border-radius:6px;transition:height .07s}.antenna{height:16px;width:4px;background:#88bbbf;margin:auto}.antenna:before{content:"";position:absolute;top:-4px;left:54px;width:12px;height:12px;border-radius:50%;background:#6df9ce;box-shadow:0 0 20px #6df9ce}.body{height:60px;width:86px;margin:8px auto 0;border-radius:30px 30px 24px 24px;background:linear-gradient(130deg,#4e8c9c,#235364);position:relative}.body:after{content:"";position:absolute;left:37px;top:20px;width:12px;height:12px;border-radius:50%;background:#6df9ce}.avatar-label{position:absolute;bottom:10px;font-size:11px;color:#7996b1;letter-spacing:2px}.conversation{margin:14px auto 24px;min-height:163px;max-width:690px;border:1px solid #6685a324;border-radius:20px;padding:20px 28px;background:#0e1e2ecc;text-align:left}.state{font-size:12px;color:#6eddc5;display:flex;gap:8px;align-items:center}#dot{width:6px;height:6px;border-radius:50%;background:currentColor}.question{color:#829cb5;font-size:13px;margin:17px 0 10px}#answer{line-height:1.85;font-size:16px;margin:0;white-space:pre-wrap;max-height:220px;overflow:auto}.controls{display:flex;justify-content:center;gap:12px}button{cursor:pointer;font:inherit;border:0;border-radius:12px;padding:13px 20px}#talk{background:#73e8cf;color:#10312f;font-weight:700;min-width:200px;touch-action:none;user-select:none;box-shadow:0 6px 24px #3cccbf17}#talk span{margin-right:8px}#talk.holding{background:#f5ba72}button:disabled{opacity:.4;cursor:not-allowed}.secondary{color:#afc4d9;background:#192c40;border:1px solid #56758d28;font-size:13px}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #8cebd8;outline-offset:4px}.hint{font-size:11px;color:#7892a9;margin:17px 0 32px}.setup{border-top:1px solid #56738a33;padding:20px 0;color:#839cb4;font-size:12px}.setup p{line-height:1.8}.setup summary{cursor:pointer}label{display:block;margin:15px 0}input{background:#142439;border:1px solid #35526b;color:white;border-radius:6px;padding:10px;margin-left:10px;max-width:100%;width:340px}pre{white-space:pre-wrap;font-size:11px;line-height:1.7}footer{font-size:11px;color:#526b80;text-align:center;margin:16px 0}@keyframes float{50%{transform:translateY(-8px)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@media(max-width:600px){main{padding:24px 20px}h1{font-size:27px}.brand span{display:none}.experience{padding-top:35px}.conversation{padding:20px}.avatar-wrap{height:215px}.intro p{font-size:12px}}