.qingnan-showcase{--spark:#a78bfa;width:100%}.qingnan-stage{isolation:isolate;height:clamp(300px,32vw,460px);position:relative}.qingnan-canvas,.qingnan-poster{width:100%;height:100%;position:absolute;inset:0}.qingnan-canvas canvas{width:100%;height:100%;display:block}.qingnan-poster{object-fit:contain;opacity:.7}.qingnan-aura{z-index:-1;background:radial-gradient(#d9d2e533,#0000 70%);border-radius:50%;width:78%;height:78%;transition:background 1s,transform 1.5s;position:absolute;top:12%;left:11%}.is-alive .qingnan-aura{background:radial-gradient(#ffe9a577,#e9ddfd44 48%,#0000 70%);transform:scale(1.15)}.qingnan-state{z-index:2;color:var(--muted-foreground);letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:8px 0 auto}.qingnan-state-dot{background:#b6acbf;border-radius:50%;width:6px;height:6px;transition:background .8s,box-shadow .8s}.is-alive .qingnan-state-dot{background:#d8a340;box-shadow:0 0 12px #edbf65}.qingnan-caption{color:var(--muted-foreground);justify-content:space-between;gap:16px;font-size:10px;display:flex;position:absolute;inset:auto 8% 8px}.qingnan-caption span:first-child{letter-spacing:.18em;font-weight:700}.qingnan-motion{border:1px solid var(--border);background:var(--background);width:30px;height:30px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;font-size:13px;position:absolute;top:0;right:3%}.qingnan-controls{text-align:center;padding:24px 12px 0}.qingnan-power{color:#fffaf3;cursor:pointer;background:#282135;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:15px 27px;font-size:15px;font-weight:650;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 7px 24px #49315e1a}.qingnan-power:hover:not(:disabled){background:#43304f;transform:translateY(-2px)}.qingnan-power span{color:#ffdf91}.qingnan-hint{color:var(--muted-foreground);margin:12px 0 20px;font-size:12px;line-height:1.6}.qingnan-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.qingnan-options button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;transition:background .2s;display:inline-flex}.qingnan-options button[aria-pressed=true]{color:var(--foreground);background:#a78bfa15;border-color:#a78bfa55}.qingnan-options button:hover:not(:disabled){background:#a78bfa25}.qingnan-showcase button:disabled{opacity:.45;cursor:default}.qingnan-showcase button:focus-visible{outline-offset:4px;outline:3px solid #a78bfa}.qingnan-divider{background:var(--border);width:1px;height:16px;margin:0 4px}.star-swatch{color:#c99125}.love-swatch{color:#f0449a}.qingnan-loading{color:var(--muted-foreground);justify-content:center;gap:10px;font-size:12px;display:flex;position:absolute;inset:auto 0 15%}.qingnan-loading button{cursor:pointer;text-decoration:underline}@media (width<=600px){.qingnan-caption{font-size:9px;inset-inline:4%}.qingnan-hint{max-width:270px;margin-inline:auto}.qingnan-controls{padding-top:20px}.qingnan-options{gap:2px}.qingnan-options button{padding:7px 9px}}@media (prefers-reduced-motion:reduce){.qingnan-showcase *{transition:none!important}}.qingnan-scroll-story{--story-progress:0;--copy-opacity:1;--wipe:0;--wipe-opacity:0;--core-opacity:0;--zoom-opacity:0;height:310svh;position:relative}.qingnan-story-pin{isolation:isolate;height:100svh;position:sticky;top:0;overflow:clip}.qingnan-story-layout{max-width:none;height:100%;padding:0;display:block}.qingnan-story-copy{z-index:2;width:42%;max-width:590px;opacity:var(--copy-opacity);transform:translateY(calc(-50% - var(--story-progress) * 60px));position:absolute;top:45%;left:max(5vw,50vw - 640px)}.qingnan-story-visual{width:100%;position:absolute;inset:0;transform:none}.qingnan-scroll-story .qingnan-showcase{width:100%;max-width:none;height:100%;margin:0;position:absolute;inset:0}.qingnan-scroll-story .qingnan-stage,.qingnan-scroll-story .qingnan-canvas{width:100%;height:100%}.qingnan-scroll-story .qingnan-controls{z-index:5;bottom:max(24px, env(safe-area-inset-bottom));left:calc(73% - var(--story-progress) * 23%);width:min(540px,94vw);padding:0;position:absolute;transform:translate(-50%)}.qingnan-scroll-story .qingnan-hint{margin-block:9px 12px}.qingnan-scroll-story .qingnan-state{top:108px;left:calc(46% - var(--story-progress) * 46%)}.qingnan-scroll-story .qingnan-motion{z-index:6;top:104px;right:4%}.qingnan-scroll-story .qingnan-caption{inset:auto 5% 180px}.qingnan-scroll-story .qingnan-aura{width:84%;height:84%;top:8%;left:8%}.qingnan-wipe-line{z-index:4;pointer-events:none;height:1px;left:0;right:0;top:calc(var(--wipe) * 100%);opacity:var(--wipe-opacity);background:linear-gradient(90deg,#a78bfa22,#a78bfa 15%,#fff8ff 50%,#a78bfa 85%,#a78bfa22);position:absolute;box-shadow:0 0 15px #b4a1f9}.qingnan-wipe-line span{letter-spacing:.17em;color:#79669b;font-size:10px;position:absolute;top:-24px;right:5%}.qingnan-scroll-note{text-align:center;pointer-events:none;color:var(--foreground);font-size:clamp(17px,2vw,28px);font-weight:650;position:absolute;inset:auto 0 24%}.qingnan-note-zoom,.qingnan-note-core{position:absolute;left:0;right:0}.qingnan-note-zoom{opacity:var(--zoom-opacity)}.qingnan-note-core{opacity:var(--core-opacity)}.qingnan-product-story .qingnan-story-copy{text-align:left;width:36%;left:5%}.qingnan-product-story .qingnan-story-copy>p{margin-inline:0}@media (width<=1023px){.qingnan-scroll-story{height:280svh}.qingnan-story-copy,.qingnan-product-story .qingnan-story-copy{width:88%;max-width:none;transform:translateY(calc(var(--story-progress) * -40px));text-align:center;top:100px;left:6%}.qingnan-story-copy .animate-pop-in{animation:none}.qingnan-story-copy h1,.qingnan-story-copy h2{font-size:clamp(28px,6vw,42px)}.qingnan-story-copy .mb-6{margin-bottom:9px}.qingnan-story-copy>p,.qingnan-product-story .qingnan-story-copy>p{max-width:360px;margin:9px auto 0;font-size:12px}.qingnan-story-copy>div{display:none}.qingnan-scroll-story .qingnan-controls{left:50%;bottom:max(20px, env(safe-area-inset-bottom))}.qingnan-scroll-story .qingnan-state{font-size:10px;top:80px;left:0}.qingnan-scroll-story .qingnan-motion{top:75px}.qingnan-scroll-story .qingnan-power{padding:12px 21px;font-size:13px}.qingnan-scroll-story .qingnan-caption{font-size:8px;bottom:170px}.qingnan-scroll-note{bottom:26%}}@media (height<=670px) and (width>=1024px){.qingnan-scroll-story .qingnan-options button{padding-block:4px}.qingnan-story-copy h1{font-size:48px}.qingnan-scroll-story .qingnan-caption{bottom:155px}.qingnan-scroll-story .qingnan-controls{bottom:15px}}.qingnan-scroll-story:not([data-enhanced]){height:100svh}.qingnan-scroll-story:not([data-enhanced]) .qingnan-story-pin{position:relative}@media (prefers-reduced-motion:reduce){.qingnan-scroll-story{height:100svh}.qingnan-story-pin{position:relative}.qingnan-wipe-line,.qingnan-scroll-note{display:none}}.qingnan-note-zoom{color:#fffaf3;text-shadow:0 2px 16px #241830}