.cl-shell{--cl-ink:#f6f1e8;--cl-muted:#b7aea2;--cl-night:#10151c;--cl-live:#49d39a;--cl-accent:#ff8f62;--cl-cool:#7eb6c9;--cl-display:var(--font-cl-display), "ZCOOL XiaoWei", "Songti SC", serif;--cl-body:var(--font-cl-body), "Noto Sans SC", "PingFang SC", sans-serif;min-height:100vh;font-family:var(--cl-body)}.cl-shell *{box-sizing:border-box}.cl-display{font-family:var(--cl-display)}.cl-guide-page{min-height:100vh;color:var(--cl-ink);background:radial-gradient(900px 520px at 18% 0%, #f0c27a2e, transparent 55%), radial-gradient(700px 480px at 88% 12%, #7eb6c924, transparent 50%), linear-gradient(180deg, #0d1218 0%, var(--cl-night) 45%, #151c26 100%)}.cl-guide{max-width:980px;margin:0 auto;padding:2.5rem 1.25rem 3.5rem}.cl-guide-hero{border-bottom:1px solid #f6f1e81f;flex-direction:column;justify-content:flex-end;gap:.75rem;min-height:min(52vh,420px);padding-bottom:1.5rem;animation:.7s both cl-rise;display:flex}.cl-guide-kicker{color:var(--cl-live);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem}.cl-guide-hero h1{letter-spacing:.04em;margin:0;font-size:clamp(2.4rem,7vw,4rem);line-height:1.05}.cl-guide-hero>p{max-width:36rem;color:var(--cl-muted);margin:0;font-size:1.05rem}.cl-guide-cta{flex-wrap:wrap;gap:.7rem;margin-top:.5rem;display:flex}.cl-guide-btn{color:var(--cl-ink);background:#f6f1e80a;border:1px solid #f6f1e82e;border-radius:.65rem;justify-content:center;align-items:center;padding:.7rem 1rem;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.cl-guide-btn:hover{background:#f6f1e814;transform:translateY(-1px)}.cl-guide-btn.primary{background:var(--cl-accent);color:#21140f;border-color:#0000;font-weight:700}.cl-guide-status,.cl-guide-columns article{background:#1218208c;border:1px solid #f6f1e81a;border-radius:.9rem;margin-top:1.75rem;padding:1.2rem 1.25rem;animation:.8s both cl-rise}.cl-guide-columns{gap:1rem;margin-top:1.5rem;display:grid}@media (min-width:860px){.cl-guide-columns{grid-template-columns:1fr 1fr}}.cl-guide h2{font-family:var(--cl-display);margin:0 0 .8rem;font-size:1.35rem}.cl-guide ol,.cl-guide ul{color:var(--cl-muted);margin:0;padding-left:1.2rem;line-height:1.55}.cl-guide li+li{margin-top:.4rem}.cl-guide-empty{color:var(--cl-muted);margin:0}.cl-overlay-page{color:#fff;min-height:100vh;font-family:var(--cl-body);background:0 0}.cl-overlay-root{min-height:100vh;padding:1.25rem;position:relative;overflow:hidden}.cl-overlay-banner{text-align:center;background:#0c1016b8;border:1px solid #ff8f6273;border-radius:.85rem;flex-direction:column;gap:.25rem;min-width:min(80vw,420px);padding:.9rem 1.1rem;animation:.45s both cl-pop;display:flex;position:absolute;top:12%;left:50%;transform:translate(-50%)}.cl-overlay-banner strong{color:var(--cl-cool,#7eb6c9)}.cl-overlay-banner em{color:#ff8f62;font-style:normal;font-family:var(--cl-display);font-size:1.35rem}.cl-overlay-feed{flex-direction:column;gap:.4rem;width:min(360px,100% - 2.5rem);display:flex;position:absolute;bottom:1.25rem;left:1.25rem}.cl-overlay-line{background:#0a0e148c;border-radius:.5rem;padding:.45rem .65rem;font-size:.88rem;line-height:1.35;animation:.35s both cl-rise}.cl-overlay-line .user{color:#7eb6c9;margin-right:.35rem}.cl-overlay-line .action{color:#ff8f62;margin-left:.35rem}.cl-overlay-line[data-kind=system]{color:#ffffffb3}@keyframes cl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cl-pop{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.cl-stage3d{color:#f6f1e8;background:#1a2433;width:100%;height:100vh;min-height:100vh;position:relative;overflow:hidden}.cl-stage3d-canvas{width:100%;height:100%;display:block}.cl-stage3d-chrome{pointer-events:none;position:absolute;inset:0}.cl-stage3d-actions{pointer-events:auto;z-index:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;width:min(720px,100% - 1.5rem);display:grid;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.cl-stage3d-action{appearance:none;color:#f6f1e8;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1016b8;border:1px solid #f6f1e82e;border-radius:.7rem;padding:.55rem .5rem;transition:border-color .2s,transform .2s,background .2s}.cl-stage3d-action:hover:not(:disabled){background:#ff8f6229;border-color:#ff8f628c;transform:translateY(-1px)}.cl-stage3d-action:disabled{opacity:.55;cursor:wait}.cl-stage3d-action strong{margin-bottom:.12rem;font-size:.88rem;display:block}.cl-stage3d-action span{color:#f6f1e8a6;font-size:.7rem;line-height:1.3;display:block}@media (max-width:640px){.cl-stage3d-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-stage3d-feed{max-height:28vh;top:5.5rem;bottom:auto;overflow:hidden}}.cl-stage3d-brand{text-shadow:0 2px 12px #00000073;flex-direction:column;gap:.2rem;display:flex;position:absolute;top:1rem;left:1rem}.cl-stage3d-brand .live{color:#0b1a14;letter-spacing:.08em;background:#49d39a;border-radius:.3rem;align-self:flex-start;padding:.2rem .45rem;font-size:.72rem;font-weight:800;animation:1.2s ease-in-out infinite cl-livepulse}.cl-stage3d-brand strong{letter-spacing:.04em;font-size:clamp(1.4rem,4vw,2rem)}.cl-stage3d-brand span:last-child{color:#f6f1e8b8;font-size:.85rem}.cl-stage3d-banner{text-align:center;background:#0c1016b3;border:1px solid #ff8f6280;border-radius:.85rem;flex-direction:column;gap:.2rem;min-width:min(78vw,360px);padding:.85rem 1rem;animation:.45s both cl-pop;display:flex;position:absolute;top:14%;left:50%;transform:translate(-50%)}.cl-stage3d-banner strong{color:#7eb6c9}.cl-stage3d-banner em{font-style:normal;font-family:var(--cl-display);color:#ff8f62;font-size:1.3rem}.cl-stage3d-feed{flex-direction:column;gap:.35rem;width:min(340px,100% - 2rem);display:flex;position:absolute;bottom:7.5rem;left:1rem}.cl-stage3d-feed.is-obs{bottom:1rem}.cl-stage3d-feed>div{background:#0a0e148c;border-radius:.5rem;padding:.4rem .6rem;font-size:.86rem;line-height:1.35;animation:.35s both cl-rise}.cl-stage3d-feed .user{color:#7eb6c9;margin-right:.3rem}.cl-stage-video{background:radial-gradient(80% 55% at 50% 18%,#ffc48c47,#0000 55%),linear-gradient(#243246 0%,#1a2433 42%,#121820 100%)}.cl-stage-video-room{pointer-events:none;background:linear-gradient(90deg,#0000 12%,#f0c27a1f 12% 28%,#0000 28%),radial-gradient(circle at 78% 72%,#49d39a14,#0000 35%),radial-gradient(120% 40% at 50% 100%,#080a0e8c,#0000 60%);position:absolute;inset:0}.cl-stage-video-stack{place-items:end center;padding-bottom:min(18vh,9rem);display:grid;position:absolute;inset:0}.cl-stage-video-clip{object-fit:contain;object-position:center bottom;opacity:0;filter:drop-shadow(0 18px 28px #00000073);pointer-events:none;background:0 0;grid-area:1/1;width:min(96vw,920px);height:auto;max-height:78vh;transition:opacity .42s,filter .35s}.cl-stage-video-clip.is-active{opacity:1}.cl-stage-video.mood-pet .cl-stage-video-clip.is-active{filter:drop-shadow(0 18px 28px #00000073)saturate(1.08)brightness(1.06)}.cl-stage-video.mood-laser .cl-stage-video-clip.is-active{animation:.55s ease-in-out infinite cl-video-bob}.cl-stage-video.mood-yarn .cl-stage-video-clip.is-active{animation:.7s ease-in-out infinite cl-video-bob}.cl-stage-video-props{pointer-events:none;grid-area:1/1;width:min(96vw,920px);height:min(78vh,520px);position:relative}.cl-stage-video-props .prop{opacity:0;transition:opacity .25s;position:absolute}.cl-stage-video.mood-laser .prop-laser,.cl-stage-video.mood-yarn .prop-yarn,.cl-stage-video.mood-box .prop-box,.cl-stage-video.mood-fish .prop-fish,.cl-stage-video.mood-wand .prop-wand{opacity:1}.prop-laser{background:#ff3b3b;border-radius:50%;width:.7rem;height:.7rem;animation:1.1s ease-in-out infinite cl-laser-chase;top:28%;left:62%;box-shadow:0 0 12px #ff3b3b}.prop-yarn{background:radial-gradient(circle at 30% 30%,#f0b070,#c46a28);border-radius:50%;width:1.6rem;height:1.6rem;animation:1.4s linear infinite cl-yarn-roll;bottom:18%;left:68%}.prop-box{background:linear-gradient(145deg,tan,#a67c52);border:2px solid #50321459;width:4.2rem;height:2.8rem;bottom:14%;left:18%;transform:rotate(-6deg)}.prop-fish{background:linear-gradient(90deg,#7eb6c9,#4a8fa3);border-radius:999px;width:2.4rem;height:.9rem;animation:1.2s ease-in-out infinite cl-fish-bob;top:42%;left:58%}.prop-wand{transform-origin:bottom;background:#8b6a4a;width:.22rem;height:4.5rem;animation:.9s ease-in-out infinite cl-wand-wave;top:22%;left:72%}.prop-wand:after{content:"";background:#49d39a;border-radius:50%;width:1.1rem;height:1.1rem;margin-left:-.55rem;position:absolute;top:-.55rem;left:50%}@keyframes cl-video-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}@keyframes cl-laser-chase{0%{transform:translate(0)}50%{transform:translate(-4.5rem,1.8rem)}to{transform:translate(.8rem,-.6rem)}}@keyframes cl-yarn-roll{0%{transform:translate(0)rotate(0)}to{transform:translate(-3.5rem)rotate(-360deg)}}@keyframes cl-fish-bob{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translateY(-.5rem)rotate(-8deg)}}@keyframes cl-wand-wave{0%,to{transform:rotate(-18deg)}50%{transform:rotate(16deg)}}@keyframes cl-livepulse{0%,to{opacity:1}50%{opacity:.55}}