.mj{--me:cubic-bezier(.22,1,.36,1);--ex:cubic-bezier(.16,1,.3,1);--mx:cubic-bezier(.4,0,1,1);--ov:cubic-bezier(.34,1.56,.64,1);width:320px;max-width:100%;margin:0 auto}.mj .gzdemo-stage{display:flex;justify-content:center}.mj-phone{position:relative;width:320px;max-width:100%;height:584px;padding:12px;border-radius:38px;background:#0d0e12;box-shadow:0 0 0 1px #f3f3f51a,0 30px 80px -30px #e0003059,0 20px 60px -20px #000c}.mj-notch{position:absolute;top:12px;left:50%;width:120px;height:22px;margin-left:-60px;border-radius:0 0 14px 14px;background:#0d0e12;z-index:5}.mj-screen{position:relative;height:560px;border-radius:28px;overflow:hidden;background:var(--ink);font-family:var(--sans)}.mj-site{position:absolute;inset:0;background:var(--ink) linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px) 0 0/56px 56px;transition:opacity .42s var(--mx),scale .42s var(--mx),filter .42s var(--mx)}.mj-site.out{opacity:0;scale:.94;filter:blur(4px)}.mj-site:before{content:"";position:absolute;right:-60px;top:40px;width:260px;height:260px;background:radial-gradient(circle,rgba(224,0,48,.18),transparent 65%);pointer-events:none}.mj-bar{height:28px;padding:8px 22px 0;font:600 11px/1 var(--sans);color:#fff}.mj-nav{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.mj-nav img{height:18px;width:auto}.mj-burger{display:grid;gap:4px}.mj-burger i{display:block;width:16px;height:1.5px;background:#fff}.mj-url{margin:10px 14px 0;padding:6px 10px;border-radius:999px;background:var(--ink3);font:400 10.5px/1.2 var(--mono);color:var(--mute);text-align:center}.mj-hero{position:relative;padding:18px 16px 0}.mj-crumb{display:block;font:400 9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute2)}.mj-h1{margin:8px 0 0;font:600 17px/1.2 var(--sans);letter-spacing:-.02em;color:#fff}.mj-lede{margin:8px 0 0;font-size:12px;line-height:1.5;color:#c2cad3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mj-ctas{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.mj-pill{padding:6px 10px;border-radius:999px;font:500 10.5px/1 var(--sans);color:#fff}.mj-pill.red{background:var(--crimson)}.mj-pill.ghost{border:1px solid rgba(255,255,255,.25)}.mj-core{display:block;width:200px;margin:14px auto 0}.mj-core text{font:600 7px var(--mono);fill:#fff;letter-spacing:.06em}.mj-fab{position:absolute;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#22ad5e,#157a43);box-shadow:0 0 0 1px #1f9d5573,0 10px 30px -10px #1f9d5599;opacity:0;scale:.6;transition:opacity .42s var(--me),scale .42s var(--me)}.mj-fab.on{opacity:1;scale:1}.mj-fab.on.press{scale:.96}.mj-fab>svg{width:28px;height:28px}.mj-mb{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--crimson2),#8A001E);border:2px solid var(--ink);font:600 11px/1 var(--mono);color:#fff}.mj-fab.pulse:after{content:"";position:absolute;inset:0;border-radius:50%;animation:mjpulse 1.2s ease-out}@keyframes mjpulse{0%{box-shadow:0 0 #1f9d5580}to{box-shadow:0 0 0 14px #1f9d5500}}.mj-ring{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:2px solid rgba(255,255,255,.85);opacity:0;pointer-events:none}.tap>.mj-ring{animation:mjtap .38s var(--ov)}@keyframes mjtap{0%{opacity:1;scale:.5}to{opacity:0;scale:1.3}}.mj-panel{position:absolute;left:12px;right:12px;bottom:84px;border:1px solid var(--line);border-radius:16px;background:var(--ink2);box-shadow:0 24px 60px -20px #000000b3,0 0 0 1px #e000301f;overflow:hidden;opacity:0;translate:0 12px;scale:.96;transform-origin:100% 100%;transition:opacity .26s var(--me),translate .26s var(--me),scale .26s var(--me)}.mj-panel.on{opacity:1;translate:0 0;scale:1}.mj-phead{position:relative;display:flex;align-items:center;gap:10px;padding:12px 12px 10px;border-bottom:1px solid var(--line);background:radial-gradient(120% 140% at 50% 0%,#11070b,#08080a 60%)}.mj-line{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--crimson),var(--coral));scale:0 1;transform-origin:0 50%;transition:scale .45s var(--me)}.mj-panel.on .mj-line{scale:1 1}.mj-av{position:relative;flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--crimson),#7a0019);font:600 15px/1 var(--mono);color:#fff}.mj-av.sm{width:30px;height:30px;font-size:13px}.mj-avb{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;display:grid;place-items:center;background:#25d366;border:2px solid var(--ink2)}.mj-avb svg{width:7px;height:7px;color:#fff}.mj-who{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mj-who b{font:600 13.5px/1.1 var(--sans);color:#fff}.mj-ok{display:flex;align-items:center;gap:5px;font:500 9.5px/1 var(--mono);letter-spacing:.06em;color:var(--ok)}.mj-ok i{width:6px;height:6px;border-radius:50%;background:var(--ok)}.mj-kick{font:400 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--mute)}.mj-x{color:var(--mute);font-size:18px;line-height:1}.mj-pbody{padding:10px 12px 8px}.mj-dots{display:inline-flex;gap:4px;padding:9px 12px;border-radius:12px;background:var(--ink3);opacity:0;transition:opacity .2s}.mj-dots.on{opacity:1}.mj-dots i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:mjdot 1.2s infinite ease-in-out}.mj-dots i:nth-child(2){animation-delay:.2s}.mj-dots i:nth-child(3){animation-delay:.4s}@keyframes mjdot{0%,60%,to{translate:0 0;opacity:.5}30%{translate:0 -3px;opacity:1}}.mj-pbody .mj-dots{position:absolute}.mj-greet{margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:4px 12px 12px;background:var(--ink3);font-size:12px;line-height:1.45;color:#e7eaee;opacity:0;translate:0 6px;transition:opacity .22s var(--me),translate .22s var(--me)}.mj-greet.on{opacity:1;translate:0 0}.mj-chips{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.mj-chips li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:10px;font-size:12px;color:#e7eaee;opacity:0;translate:0 8px;transition:opacity .28s var(--me),translate .28s var(--me),border-color .35s,background .35s}.mj-chips li.on{opacity:1;translate:0 0}.mj-chips li.act{border-color:#e0003073;background:#e000300f}.mj-chips svg{flex:none;width:14px;height:14px;fill:none;stroke:var(--crimson2);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:translate .35s}.mj-chips li.act svg{translate:4px 0}.mj-pfoot{display:flex;flex-direction:column;gap:3px;padding:8px 12px 10px;border-top:1px solid var(--line);font:400 9px/1.35 var(--mono);color:var(--mute)}.mj-wa{position:absolute;inset:0;display:flex;flex-direction:column;background:#0b141a radial-gradient(circle at 20% 12%,rgba(224,0,48,.05),transparent 40%);translate:0 100%;transition:translate .48s var(--ex)}.mj-wa.on{translate:0 0}.mj-wahead{flex:none;height:64px;display:flex;align-items:flex-end;gap:10px;padding:0 12px 9px;background:#1f2c33}.mj-back{font-size:24px;line-height:28px;color:#e9edef}.mj-wahead b{font:500 14.5px/1.1 var(--sans);color:#e9edef}.mj-st{position:relative;display:block;height:14px}.mj-st span{position:absolute;left:0;top:0;font-size:11.5px;color:#8696a0;white-space:nowrap;opacity:0;transition:opacity .15s}.mj-st span.on{opacity:1}.mj-chat{position:relative;flex:1;overflow:hidden}.mj-list{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:6px;padding:10px 10px 12px;transition:transform .32s var(--ex)}.mj-day{align-self:center;padding:4px 9px;border-radius:7px;background:#182229;font-size:10.5px;letter-spacing:.04em;color:#8696a0}.mj-msg{position:relative;max-width:84%;padding:6px 8px 5px;border-radius:9px;font-size:12.5px;line-height:1.4;color:#e9edef;opacity:0;translate:0 24px;scale:.96;transition:opacity .36s var(--me),translate .36s var(--me),scale .36s var(--me)}.mj-msg.on{opacity:1;translate:0 0;scale:1}.mj-msg p{margin:0;overflow-wrap:anywhere}.mj-msg b{font-weight:600;color:#fff}.mj-msg.me{align-self:flex-end;background:#005c4b;border-top-right-radius:2px;transform-origin:100% 0}.mj-msg.them{align-self:flex-start;background:#202c33;border-top-left-radius:2px;transform-origin:0 0}.mj-slot{position:relative;display:flex;flex-direction:column;align-items:flex-start}.mj-msg.mj-typing{position:absolute;left:0;top:0;padding:4px}.mj-msg .mj-dots{background:transparent;padding:6px 8px}.mj-tm{display:block;margin-top:2px;text-align:right;font:400 10px/1 var(--sans);color:#8696a0}.mj-tk{font-style:normal;color:#8696a0;transition:color .2s}.mj-tk:after{content:"✓"}.mj-tk.s2:after{content:"✓✓"}.mj-tk.s3{color:#53bdeb}.mj-comp{flex:none;display:flex;align-items:flex-end;gap:7px;padding:8px 8px 10px;background:#1f2c33}.mj-input{position:relative;flex:1;height:76px;border-radius:18px;background:#2a3942}.mj-layer{position:absolute;left:12px;right:12px;bottom:9px;font-size:12px;line-height:1.4;color:#e9edef;overflow-wrap:anywhere;opacity:0;transition:opacity .12s}.mj-layer.on{opacity:1}.mj-ph{color:#8696a0}.mj-typer .tr{color:transparent}.mj-caret{display:inline-block;width:0;height:1em;position:relative;vertical-align:-2px}.mj-caret:after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#00a884;animation:mjcaret 1s steps(1) infinite}@keyframes mjcaret{50%{opacity:0}}.mj-send{position:relative;flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#00a884;color:#0b141a;transition:scale .08s}.mj-send svg{width:16px;height:16px;fill:currentColor}.mj-send.beat{animation:mjbeat .9s ease-in-out}@keyframes mjbeat{50%{scale:1.06}}html[lang=zh] .mj-url,html[lang=zh] .mj-crumb,html[lang=zh] .mj-tm,html[lang=zh] .mj-ok,html[lang=zh] .mj-kick{font-family:var(--mono)}html[lang=zh] .mj-msg,html[lang=zh] .mj-greet{line-height:1.6}