/* YTclaw 动画演示，配套 demos.js。规则以 .dm / dm- / ao- 前缀隔离；演示内部尺寸用 em，随容器等比缩放。 */
.dm-host{position:relative;min-width:0}
.dm-host>.dm{position:absolute;inset:0;width:auto;height:auto}
.dm-fill{flex:1;align-self:stretch}
.dm{container-type:size;width:100%;height:100%;min-width:0;min-height:0;--b:#235aea;--i:#163475;--m:#6b7b91;--l:#dfe6f1;--s:#f3f6fc;--g:#e9b552;--ok:#1f9d6b;--bad:#d6455d;--mono:"Cascadia Code",Consolas,"SFMono-Regular",Menlo,"Microsoft YaHei",monospace}
.dm-in{font-size:11px;font-size:clamp(8px,min(1.62cqw,3cqh),17px);width:100%;height:100%;position:relative;color:var(--i);line-height:1.5;text-align:left}
.dm svg{display:block}
.dm-chip{display:inline-flex;align-items:center;gap:.5em;font-size:.86em;font-weight:560;line-height:1;padding:.42em .8em;border-radius:99px;background:#eef2f8;color:#5d6e89;white-space:nowrap;transition:background .3s,color .3s}
.dm-chip::before{content:"";width:.5em;height:.5em;border-radius:50%;background:currentColor}
.dm-chip.ok{background:#e1f5ec;color:#137a52}.dm-chip.run{background:#e4edff;color:#1f4fd0}.dm-chip.wait{background:#fbf0d6;color:#96690f}.dm-chip.bad{background:#fde6ea;color:#bb2d47}
.dm-chip.run::before{animation:dm-blink .9s steps(2,jump-none) infinite}
@keyframes dm-blink{50%{opacity:0}}
@keyframes dm-pop{from{opacity:0;transform:translateY(.8em) scale(.96)}}
.dm-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e1e8f2;border-radius:1.3em;box-shadow:0 2.2em 5em -2em #1e487359;overflow:hidden}
.dm-bar{display:flex;align-items:center;gap:.7em;padding:.85em 1.2em;font-size:1.05em;font-weight:650;border-bottom:1px solid var(--l);background:#fbfcfe;flex:none}
.dm-bar svg{width:1.3em;height:1.3em;color:var(--b)}
.dm-bar .dm-chip{margin-left:auto}
.dm-inp{display:flex;align-items:center;gap:.7em;padding:.7em .7em .7em 1em;min-height:3.3em;border-radius:1em;border:1px solid var(--l);background:#fff;font-size:1em}
.dm-ty{flex:1;min-width:0;white-space:nowrap;overflow:hidden}
.dm-ty:empty::before{content:attr(data-ph);color:#9aa9bf}
.dm-inp em{font-style:normal;font-weight:650;font-size:.9em;line-height:1;padding:.6em .9em;border-radius:.75em;background:var(--b);color:#fff;white-space:nowrap}

/* 一：Agent 在自己的电脑上干活 */
.dm-work{display:grid;grid-template-columns:minmax(0,1fr) 37%}
.dm-desk{position:relative;overflow:hidden;background:radial-gradient(90% 80% at 80% 0%,#cfe0fb 0%,transparent 60%),linear-gradient(160deg,#eaf1fb,#dbe6f7 60%,#c9d8f1)}
.dm-desk::before{content:"YT";position:absolute;right:3%;bottom:-9%;font:900 17em/1 var(--sans);letter-spacing:-.06em;color:#235aea12}
.dm-icos{position:absolute;left:1em;top:1em;display:grid;gap:.45em}
.dm-ico{display:grid;justify-items:center;gap:.25em;width:5em;padding:.5em .1em .4em;border-radius:.9em;font-size:.86em;line-height:1.2;color:#27405f;transition:background .2s}
.dm-ico b{display:grid;place-items:center;width:3.1em;height:3.1em;border-radius:.9em;background:#fff;color:var(--b);box-shadow:0 .5em 1.2em -.5em #15243d59}
.dm-ico b svg{width:1.6em;height:1.6em}
.dm-ico.hot{background:#235aea26}
.dm-win{position:absolute;border-radius:.9em;background:#fff;box-shadow:0 2em 4.5em -1.4em #15243d8c,0 0 0 1px #15243d14;overflow:hidden;opacity:0;transform:scale(.9) translateY(1em);transition:opacity .35s,transform .5s cubic-bezier(.2,1.2,.3,1)}
.dm-win.open{opacity:1;transform:none}
.dm-wb{display:flex;align-items:center;gap:.45em;padding:.6em .8em;font-size:.86em;color:#5d6e89;background:#f3f6fb;border-bottom:1px solid var(--l)}
.dm-wb i{width:.6em;height:.6em;border-radius:50%;background:#cfd8e6}
.dm-wb span{margin-left:.4em}
.dm-term{left:19%;top:6%;width:66%;background:#0d1b31}
.dm-term .dm-wb{background:#132745;border-color:#96b4e629;color:#9aadc9}
.dm-term .dm-wb i{background:#2b4468}
.dm-term pre{margin:0;padding:.9em 1.1em 1.1em;min-height:8.6em;font:400 .9em/1.75 var(--mono);color:#cfe0f8;white-space:pre-wrap;word-break:break-all}
.dm-term pre s{text-decoration:none;color:#35d39a}
.dm-term pre u{text-decoration:none;color:#7f97ba}
.dm-sheet{left:28%;top:45%;width:67%}
.dm-sheet table{width:100%;border-collapse:collapse;font-size:.9em}
.dm-sheet th,.dm-sheet td{padding:.42em .8em;text-align:left;border-bottom:1px solid var(--l);white-space:nowrap}
.dm-sheet th{font-weight:650;color:#5d6e89;background:#fafcff}
.dm-sheet td.c{font-weight:650;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1)}
.dm-sheet td.c.on{opacity:1;transform:none}
.dm-sheet td.y{color:var(--ok)}.dm-sheet td.n{color:var(--bad)}
.dm-cur{position:absolute;left:0;top:0;z-index:9;pointer-events:none;transition:transform .9s cubic-bezier(.6,.05,.2,1)}
.dm-cur svg{width:1.8em;height:1.8em;fill:var(--b);stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 .3em .5em #235aea80)}
.dm-cur em{position:absolute;left:1.5em;top:1.7em;font:650 .8em/1 var(--mono);font-style:normal;background:var(--b);color:#fff;padding:.4em .6em;border-radius:.5em .5em .5em .15em}
.dm-cur::after{content:"";position:absolute;left:-.8em;top:-.8em;width:2.2em;height:2.2em;border-radius:50%;border:2px solid var(--b);opacity:0;transform:scale(.3)}
.dm-cur.tap::after{animation:dm-tap .45s ease-out}
@keyframes dm-tap{from{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}
.dm-chat{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff;border-left:1px solid var(--l)}
.dm-ch{display:flex;align-items:center;gap:.7em;padding:.8em 1em;border-bottom:1px solid var(--l);font-size:1.02em;font-weight:650;white-space:nowrap}
.dm-av{display:grid;place-items:center;flex:none;width:2.1em;height:2.1em;border-radius:.65em;background:var(--b);color:#fff}
.dm-av svg{width:1.25em;height:1.25em}
.dm-ch .dm-chip{margin-left:auto}
.dm-log{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.7em;padding:1em}
.dm-msg{max-width:94%;padding:.65em .9em;border-radius:1em;font-size:1em;line-height:1.55;animation:dm-pop .4s cubic-bezier(.2,1.2,.3,1) both}
.dm-msg.me{align-self:flex-end;background:var(--b);color:#fff;border-bottom-right-radius:.3em}
.dm-msg.ai{align-self:flex-start;background:#f1f5fb;border-bottom-left-radius:.3em}
.dm-msg small{display:block;margin-top:.45em;font-size:.82em;font-weight:560;color:#1f4fd0}
.dm-msg small.rc{color:#137a52}
.dm-msg.think{display:flex;gap:.35em;padding:.9em}
.dm-msg.think i{width:.5em;height:.5em;border-radius:50%;background:#9fb1cc;animation:dm-dot 1s infinite}
.dm-msg.think i:nth-child(2){animation-delay:.15s}.dm-msg.think i:nth-child(3){animation-delay:.3s}
@keyframes dm-dot{40%{transform:translateY(-.35em);background:var(--b)}}
.dm-msg.ask{align-self:stretch;max-width:none;background:#fdf6e3;border:1px solid #f0d394;color:#5b4208}
.dm-msg.ask b{display:block;font-size:.86em;letter-spacing:.04em;color:#96690f}
.dm-askb{display:flex;gap:.6em;margin-top:.6em;font-size:.92em}
.dm-askb span{padding:.45em .8em;border-radius:.7em;border:1px solid #ecc97f;background:#fff;transition:background .2s,color .2s,transform .2s}
.dm-askb span.hit{background:var(--g);border-color:var(--g);color:#3d2c05;font-weight:700;transform:scale(.95)}
.dm-chat .dm-inp{margin:0 .9em .9em}

/* 二：24 小时在线 */
.dm-day{display:flex;flex-direction:column;height:100%;border-radius:1.6em;padding:1.8em 2em 1.6em;overflow:hidden;position:relative;isolation:isolate;background:#fbf3e2;color:#163475;border:1px solid #fff;box-shadow:0 2.4em 5.5em -2.2em #1e48736b;transition:background-color 1.4s ease,color 1.4s ease,border-color 1.4s ease}
.dm-day.night{background:#0f1f3d;color:#e8effa;border-color:#27406e}
.dm-day.dawn{background:#eef4fc;color:#163475}
.dm-day::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 85% 0%,#f6c98a,transparent 70%);opacity:.9;transition:opacity 1.4s,background 1.4s}
.dm-day.night::before{background:radial-gradient(1px 1px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 31% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 64% 18%,#fff,transparent),radial-gradient(1px 1px at 83% 34%,#fff,transparent),radial-gradient(1px 1px at 47% 8%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 12%,#fff,transparent),radial-gradient(50% 60% at 85% 0%,#2a4d9a,transparent 70%);opacity:.85}
.dm-day.dawn::before{background:radial-gradient(60% 70% at 15% 0%,#ffe2b0,transparent 70%)}
.dm-dtop{display:flex;align-items:flex-end;gap:1.2em;flex-wrap:wrap}
.dm-clock{font:500 5.2em/1 var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dm-phase{font-size:1.1em;opacity:.7;padding-bottom:.5em}
.dm-who{margin-left:auto;display:grid;gap:.5em;justify-items:end;padding-bottom:.3em}
.dm-who span{display:inline-flex;align-items:center;gap:.6em;font-size:1em;padding:.4em .9em;border-radius:99px;background:#ffffffa6;white-space:nowrap;transition:background 1.4s}
.dm-day.night .dm-who span{background:#ffffff17}
.dm-who i{width:.6em;height:.6em;border-radius:50%;background:#b9c2d0;transition:background .4s}
.dm-who .on i{background:#35d39a;box-shadow:0 0 0 .3em #35d39a33;animation:dm-pulse 1.6s ease-in-out infinite}
@keyframes dm-pulse{50%{box-shadow:0 0 0 .55em #35d39a00}}
.dm-track{position:relative;height:.5em;border-radius:.3em;margin:2.4em .4em 2.6em;background:linear-gradient(90deg,#f0c36e,#27406e 22%,#16264a 55%,#27406e 76%,#f3d59a)}
.dm-track b{position:absolute;top:50%;left:var(--p,0%);width:1.5em;height:1.5em;margin:-.75em 0 0 -.75em;border-radius:50%;background:#fff;border:.32em solid var(--b);box-shadow:0 .3em 1em #235aea80;transition:left .12s linear}
.dm-track span{position:absolute;top:1.3em;font-size:.82em;opacity:.6;transform:translateX(-50%);font-variant-numeric:tabular-nums}
.dm-track u{position:absolute;top:50%;width:.7em;height:.7em;margin:-.35em 0 0 -.35em;border-radius:50%;background:var(--g);opacity:.35;transform:scale(.6);transition:opacity .3s,transform .4s cubic-bezier(.2,1.6,.4,1)}
.dm-track u.on{opacity:1;transform:scale(1)}
.dm-feed{flex:1;min-height:0;display:grid;gap:.55em;align-content:start;list-style:none;margin:0;padding:0}
.dm-feed li{display:grid;grid-template-columns:3.6em 3.4em minmax(0,1fr);gap:.8em;align-items:baseline;font-size:1.05em;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.dm-feed li.off{opacity:0;transform:translateY(.8em)}
.dm-feed time{font-variant-numeric:tabular-nums;opacity:.6}
.dm-feed em{font-style:normal;font-weight:650;font-size:.86em;padding:.2em 0;border-radius:.5em;text-align:center;background:#235aea24;color:inherit}
.dm-feed em.me{background:#e9b5524d}
.dm-feed li.fin span{font-weight:650}
.dm-feed li.fin span::after{content:" ✓";color:#35d39a}

/* 三：知识库 */
.dm-kb{display:grid;grid-template-columns:29% minmax(0,1fr);flex:1;min-height:0}
.dm-kbl{padding:1.1em;border-right:1px solid var(--l);background:#fafcff;display:grid;gap:.7em;align-content:start}
.dm-lab{font-size:.84em;font-weight:650;color:var(--m);letter-spacing:.06em}
.dm-kbl li{display:grid;gap:.4em;padding:.65em .8em;border-radius:.8em;background:#fff;border:1px solid var(--l);font-size:.95em;line-height:1.35;word-break:break-all}
.dm-kbl ul{display:grid;gap:.6em;list-style:none;margin:0;padding:0}
.dm-kbl p{margin:0;font-size:.84em;color:var(--m);line-height:1.6}
.dm-kbm{padding:1.1em 1.3em;display:grid;gap:.7em;align-content:start;min-width:0}
.dm-q{display:flex;align-items:center;gap:.7em;padding:.7em 1em;border-radius:.9em;border:1px solid var(--l);min-height:3.1em;font-size:1.02em}
.dm-q svg{width:1.3em;height:1.3em;color:var(--b);flex:none}
.dm-chunks{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.5em;padding-top:.5em}
.dm-chunks i{position:relative;height:3.3em;border-radius:.5em;background:repeating-linear-gradient(#dfe7f1 0 .16em,transparent .16em .5em) .35em .45em/calc(100% - .7em) calc(100% - .8em) no-repeat,#f3f6fb;border:1px solid var(--l);transition:transform .4s cubic-bezier(.2,1.4,.3,1),border-color .3s,background-color .3s,opacity .3s,box-shadow .3s}
.dm-chunks i.off{opacity:0;transform:scale(.5)}
.dm-chunks i.scan{border-color:#7fa8ff;background-color:#e4edff}
.dm-chunks i.hit{border-color:var(--b);background-color:#d6e4ff;transform:translateY(-.3em) scale(1.06);box-shadow:0 .8em 1.6em -.6em #235aea99}
.dm-chunks i.hit::after{content:attr(data-s);position:absolute;left:50%;top:-.9em;transform:translateX(-50%);font:650 .72em/1 var(--mono);font-style:normal;background:var(--b);color:#fff;padding:.3em .4em;border-radius:.4em}
.dm-ans{margin:0;font-size:1.02em;line-height:1.7;min-height:5.4em;padding:.9em 1.1em;border-radius:.9em;background:#f1f5fb}
.dm-ans sup{font:650 .7em/1 var(--mono);color:var(--b);margin-left:.1em}
.dm-srcs{display:flex;flex-wrap:wrap;gap:.5em;list-style:none;margin:0;padding:0;transition:opacity .4s}
.dm-srcs.off{opacity:0}
.dm-srcs li{font-size:.84em;padding:.4em .7em;border-radius:.6em;background:#fff;border:1px solid var(--l);color:var(--m);white-space:nowrap}

/* 四：工作流画布 */
.dm-flow{position:relative;flex:1;min-height:0;background:radial-gradient(#d5deeb 1px,transparent 1.4px) 0 0/1.5em 1.5em,#f8fafd}
.dm-flow svg{position:absolute;inset:0;width:100%;height:100%}
.dm-flow path{fill:none;stroke:#c3cfe0;stroke-width:1.6;vector-effect:non-scaling-stroke;transition:stroke .3s}
.dm-flow path.on{stroke:var(--b);stroke-dasharray:5 5;animation:dm-dash .5s linear infinite}
.dm-flow path.skp{stroke-dasharray:2 5}
@keyframes dm-dash{to{stroke-dashoffset:-10}}
.dm-nd{position:absolute;left:calc(var(--x)/10*1%);top:calc(var(--y)/3.3*1%);width:13.4%;height:21%;display:grid;align-content:center;gap:.2em;padding:0 .8em;border-radius:.8em;background:#fff;border:1.5px solid #d3dcea;line-height:1.2;transition:border-color .3s,box-shadow .3s,transform .3s,opacity .3s}
.dm-nd b{font-weight:700;font-size:1em;white-space:nowrap}
.dm-nd small{font-size:.8em;color:var(--m);white-space:nowrap}
.dm-nd.run{border-color:var(--b);box-shadow:0 0 0 .3em #235aea24;transform:scale(1.05)}.dm-nd.run small{color:var(--b)}
.dm-nd.ok{border-color:#7fd0ad}.dm-nd.ok small{color:#137a52}
.dm-nd.wait{border-color:var(--g);box-shadow:0 0 0 .3em #e9b55247;transform:scale(1.05)}.dm-nd.wait small{color:#96690f}
.dm-nd.skip{opacity:.5}
.dm-lb{position:absolute;font:650 .8em/1 var(--mono);color:var(--m);background:#f8fafd;padding:.15em .3em}
.dm-foot{display:flex;align-items:center;gap:.8em;padding:.75em 1.2em;border-top:1px solid var(--l);font-size:.95em;color:var(--m);flex:none}
.dm-foot b{color:var(--i);font-weight:650}

/* 五：技能 */
.dm-sk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);flex:1;min-height:0}
.dm-skl{padding:1.2em;display:flex;flex-direction:column;justify-content:flex-end;gap:.8em;min-width:0}
.dm-refs{display:flex;flex-wrap:wrap;gap:.5em;min-height:2.1em}
.dm-refs span{font:650 .9em/1 var(--mono);padding:.5em .7em;border-radius:.6em;background:#e4edff;color:#1f4fd0;animation:dm-pop .35s cubic-bezier(.2,1.2,.3,1) both}
.dm-refs span.wf{background:#fbf0d6;color:#96690f}
.dm-menu{border:1px solid var(--l);border-radius:.9em;box-shadow:0 1.6em 3em -1.4em #15243d66;overflow:hidden;transition:opacity .25s,transform .3s cubic-bezier(.2,1.2,.3,1)}
.dm-menu.off{opacity:0;transform:translateY(.6em)}
.dm-menu h5{margin:0;padding:.7em 1em .3em;font-size:.82em;font-weight:650;color:var(--m);letter-spacing:.06em}
.dm-menu ul{list-style:none;margin:0;padding:0}
.dm-menu li{display:flex;justify-content:space-between;gap:.8em;padding:.55em 1em;font-size:1em}
.dm-menu li.pick{background:#e4edff;color:#1f4fd0;font-weight:650}
.dm-menu li small{font-size:.84em;color:var(--m)}
.dm-skr{background:#0d1b31;color:#cfe0f8;padding:1.2em 1.3em;min-width:0;overflow:hidden}
.dm-skr p{margin:0;font:500 .8em/1.5 var(--mono);color:#7f97ba;word-break:break-all}
.dm-skr pre{margin:.9em 0 0;font:400 .92em/1.8 var(--mono);white-space:pre-wrap;word-break:break-word}
.dm-skr pre b{color:#7fa8ff;font-weight:500}

/* 六：手机——只发指令，只看结果（固定 px，随手机外壳） */
.dm-phsteps{grid-row:4;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 18px;padding-bottom:9px;border-bottom:1px solid #dde7f3}
.dm-phsteps span{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 0;border-radius:9px;font-size:11px;font-weight:560;color:#8799af;background:#eef3fa;transition:background .3s,color .3s}
.dm-phsteps span.on{background:#235aea;color:#fff}
.dm-ph{display:flex;flex-direction:column;gap:9px;height:100%;justify-content:flex-end}
.dm-ph>*{animation:dm-pop .45s cubic-bezier(.2,1.2,.3,1) both}
.dm-ph .me{align-self:flex-end;max-width:88%;padding:8px 11px;border-radius:13px 13px 4px 13px;background:#235aea;color:#fff;font-size:12px;line-height:1.5}
.dm-ph .st{display:flex;align-items:center;gap:8px;font-size:10.5px;color:#6b7b91;line-height:1.45}
.dm-ph .st i{flex:none;width:7px;height:7px;border-radius:50%;background:#235aea;animation:dm-blink .9s steps(2,jump-none) infinite}
.dm-ph .st.done i{background:#1f9d6b;animation:none}
.dm-ph .rs{padding:11px 12px;border-radius:13px;background:#fff;border:1px solid #dde6f3;box-shadow:0 10px 24px -14px #1e487366}
.dm-ph .rs small{display:block;font-size:9.5px;letter-spacing:.06em;color:#137a52;font-weight:650}
.dm-ph .rs b{display:block;font-size:13px;margin:3px 0 4px;color:#163475}
.dm-ph .rs p{margin:0;font-size:11px;line-height:1.6;color:#596479}
.phone-composer .composer-placeholder.typing{color:#163475}

/* 七：数据不出网（纯 SVG） */
.dm-fence{width:100%;height:100%}
.dm-fence svg{width:100%;height:100%;font-family:var(--sans)}
.dm-fence .zone{fill:#fffdf6;stroke:var(--g);stroke-width:2;stroke-dasharray:7 6;animation:dm-march 1.4s linear infinite}
@keyframes dm-march{to{stroke-dashoffset:-13}}
.dm-fence .nd{fill:#fff;stroke:#dfe6f1;stroke-width:1.2}
.dm-fence .nd.core{stroke:var(--b);stroke-width:1.6}
.dm-fence .out{fill:#f1f2ee;stroke:#d6d9cf;stroke-width:1.2}
.dm-fence text{fill:var(--i);font-size:13px;font-weight:650;text-anchor:middle}
.dm-fence text.s{font-size:10px;font-weight:400;fill:var(--m)}
.dm-fence text.z{font-size:11px;font-weight:700;fill:#96690f;text-anchor:start;letter-spacing:.1em}
.dm-fence text.x{fill:#9aa3ad;text-decoration:line-through}
.dm-fence .ln{fill:none;stroke:#c7d3e6;stroke-width:1.4}
.dm-fence .ln.dead{stroke:#cfd3cb;stroke-dasharray:3 5}
.dm-fence .pk{fill:var(--b)}.dm-fence .pk.g{fill:var(--g)}.dm-fence .pk.o{fill:var(--ok)}.dm-fence .pk.r{fill:var(--bad)}
.dm-fence .stop{fill:var(--bad);transform-box:fill-box;transform-origin:center;animation:dm-stop 2.6s ease-in-out infinite}
@keyframes dm-stop{0%,38%,100%{transform:scale(1)}48%{transform:scale(1.45)}60%{transform:scale(1)}}
.dm-fence .lab{font-size:10px;font-weight:650;fill:#96690f}
.dm-fence .lab.o{fill:#137a52}.dm-fence .lab.r{fill:var(--bad)}

/* 宿主区域的适配 */
.hero-desktop.dm-host{padding:0;background:#dbe6f7}
.feature-visual .dm-fill{max-width:none}
.security-map.dm-host{padding:0;overflow:hidden;background:#fbfaf4}
.hero-live{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:11px;color:#137a52;font-weight:600;white-space:nowrap}
.hero-live i{width:7px;height:7px;border-radius:50%;background:#35d39a;box-shadow:0 0 0 4px #35d39a33;animation:dm-pulse 1.6s ease-in-out infinite}
.window-bar .demo-label{margin-left:12px}

/* “24 小时在线”章节 */
.always-on{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:6%;background:radial-gradient(ellipse at 82% 20%,#f7dcb39e,transparent 52%),radial-gradient(ellipse at 10% 90%,#cfe1f7a8,transparent 50%),#f7f4ed;overflow:hidden}
.ao-visual{min-width:0;height:clamp(360px,62svh,660px)}
.ao-visual .dm-in{font-size:clamp(9px,min(2.1cqw,3.05cqh),20px)}

@media(min-width:901px) and (min-height:680px){
  .hero{grid-template-columns:minmax(330px,.62fr) 1.38fr;gap:4.5%}
  .hero h1.private-hero-title{font-size:clamp(38px,3.5vw,68px);line-height:1.26}
  .hero .hero-description{max-width:400px}
  .hero-desktop.dm-host{height:clamp(320px,52svh,620px)}
  .workspace .section-heading{margin-bottom:10px}
  .workspace .feature-tabs{margin-bottom:14px}
  .workspace .feature-stage{height:clamp(380px,calc(100svh - 338px),700px);grid-template-columns:.7fr 1.3fr}
  .workspace .feature-visual{padding:20px 22px 20px 0}
  .security-map.dm-host{height:clamp(240px,37svh,430px)}
}
@media(max-width:900px){
  .hero-desktop.dm-host{height:auto;aspect-ratio:1.5}
  .feature-visual .dm-fill{aspect-ratio:1.5}
  .always-on{grid-template-columns:1fr;gap:34px}
  .ao-visual{height:auto;aspect-ratio:1.25}
  .security-map.dm-host{aspect-ratio:1.9}
}
@media(max-width:560px){
  .hero-desktop.dm-host{aspect-ratio:.78}
  .dm-work{grid-template-columns:1fr;grid-template-rows:58% 42%}
  .dm-chat{border-left:0;border-top:1px solid var(--l)}
  .dm-in{font-size:clamp(9px,3.1cqw,14px)}
  .feature-visual .dm-fill{aspect-ratio:.8}
  .dm-kb{grid-template-columns:1fr}
  .dm-kbl{display:none}
  .dm-sk{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .dm-card{overflow-x:auto}
  .dm-flow{flex:none;min-width:62em;height:22em}
  .ao-visual{aspect-ratio:.84}
  .ao-visual .dm-in{font-size:clamp(9px,3cqw,14px)}
}
html[data-motion="reduced"] .dm *,html[data-motion="reduced"] .dm *::before,html[data-motion="reduced"] .dm *::after,html[data-motion="reduced"] .hero-live i{animation:none!important;transition:none!important}


/* 体验：嵌入真实工作空间 */
#experience .trial-live-stage{flex:1;min-height:0;background:#102039}
#experience .trial-live-stage iframe{display:block;width:100%;height:100%;border:0;background:#f4f7fb}
#experience .trial-workspace-actions .trial-open{display:inline-flex;align-items:center;min-height:33px;padding:7px 10px;border:1px solid var(--trial-line);border-radius:7px;background:#fff;color:#6c7f9b;font-size:11px;line-height:1.5}
#experience .trial-workspace-actions .trial-open:hover{color:#235aea;background:#f4f7ff}
@media(min-width:901px) and (min-height:680px){#experience.is-using{padding:84px 3% 26px}#experience .trial-workspace.trial-live{height:calc(100svh - 110px);max-height:none}}