/* Moving feature cards describe the account-operation product. */
.ops-preview{padding-top:110px;gap:8%;grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr)}.ops-preview .welcome-art{align-self:center}.ops-preview .pixel-window{border-radius:25px}.ops-preview .pixel-titlebar{height:45px;font-size:12px;color:#9c7f98}.ops-preview .pixel-scene{height:510px;background:#fbf0f5}.ops-preview .welcome-character{height:425px;bottom:19px;width:74%;max-width:80%;z-index:2}.ops-preview .character-halo{height:270px;width:270px;left:calc(50% - 135px);bottom:100px;opacity:.8}.ops-preview .cute-shadow{bottom:31px}.ops-preview .cute-heart{right:27%;top:46px;font-size:27px;opacity:.65}.ops-preview .spark-one{left:40%;top:37px;font-size:19px}.ops-preview .spark-two{right:36%;bottom:37px;font-size:20px}.ops-preview .cloud-one{left:10%;top:20px;opacity:.7}.ops-preview .cloud-two{right:7%;top:460px;opacity:.7}.feature-deck{position:absolute;inset:0;z-index:4;pointer-events:none}.feature-card{--tilt:-4deg;position:absolute;width:172px;min-height:84px;display:flex;align-items:flex-start;gap:9px;padding:15px 12px;background:#fffdfcf5;border:1px solid #ecdde8;border-radius:15px;box-shadow:0 5px 0 #eddfE64d,0 12px 24px #b190a50a;animation:feature-float 7s ease-in-out infinite;transform:rotate(var(--tilt));pointer-events:auto}.feature-card h3{font-size:12px;font-weight:600;color:#8d6b8c;margin:1px 0 7px;line-height:1.3}.feature-card p{font-size:8px;line-height:1.6;color:#b09aae;margin:0}.feature-icon{height:29px;width:29px;flex-shrink:0;display:grid;place-items:center;background:#f5ecf9;color:#b094bf;border-radius:9px}.feature-icon svg{width:19px;height:19px}.feature-assets{left:19px;top:64px;animation-delay:-1s}.feature-memory{right:17px;top:94px;--tilt:4deg;animation-delay:-3s}.feature-bili{left:12px;top:215px;--tilt:3deg;animation-delay:-5s}.feature-topics{right:12px;top:252px;--tilt:-3deg;animation-delay:-2s}.feature-report{left:25px;top:376px;--tilt:-5deg;animation-delay:-4s}.feature-export{right:22px;top:398px;--tilt:4deg;animation-delay:-6s}.feature-bili .feature-icon,.feature-export .feature-icon{background:#fbeef3;color:#c39cab}.feature-topics .feature-icon{background:#f7f0e5;color:#c4ae83}.feature-report .feature-icon{background:#edf4eb;color:#a3b494}.feature-pending{position:absolute;right:9px;top:-7px;padding:3px 6px;background:#fbf2e6;border:1px solid #f3e5d0;color:#b5a07a;border-radius:6px;font-size:7px}.preview-caption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#b19bac;margin:26px 0 0}.preview-caption>span{height:5px;width:5px;background:#d3b6ca;border-radius:50%}.ops-preview .welcome-form{margin-top:0;max-width:405px}.ops-preview .welcome-description{font-size:12px;line-height:1.9;max-width:280px}.feature-card:hover{animation-play-state:paused;border-color:#d7bfdc;box-shadow:0 5px 0 #eddfE64d,0 12px 24px #b190a51a}@keyframes feature-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-8px) rotate(calc(var(--tilt) + 1.5deg))}}
@media(min-width:1600px){.ops-preview .pixel-scene{height:555px}.ops-preview .welcome-character{height:470px;bottom:20px}.ops-preview .character-halo{bottom:120px}.feature-assets{top:80px}.feature-memory{top:105px}.feature-bili{top:246px}.feature-topics{top:275px}.feature-report{top:420px}.feature-export{top:440px}}
@media(max-width:1100px) and (min-width:761px){.ops-preview{gap:4%;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);padding-left:4%;padding-right:4%}.ops-preview .pixel-scene{height:480px}.ops-preview .welcome-character{height:375px;bottom:31px}.feature-card{width:133px;min-height:78px;padding:12px 9px;gap:7px;border-radius:13px}.feature-card h3{font-size:11px}.feature-card p{font-size:7px}.feature-icon{width:23px;height:25px;border-radius:7px}.feature-icon svg{height:16px;width:16px}.feature-assets{left:9px;top:53px}.feature-memory{right:9px;top:80px}.feature-bili{left:7px;top:202px}.feature-topics{right:7px;top:226px}.feature-report{left:12px;top:358px}.feature-export{right:12px;top:382px}}
@media(max-width:760px){.ops-preview{padding-top:89px;display:flex;gap:0}.ops-preview .pixel-window{border-radius:20px}.ops-preview .pixel-titlebar{height:34px;font-size:10px;padding:0 14px}.ops-preview .pixel-scene{height:335px}.ops-preview .welcome-character{height:285px;bottom:5px;width:82%;left:50%}.ops-preview .character-halo{height:175px;width:175px;left:calc(50% - 87px);bottom:70px}.ops-preview .cute-shadow{bottom:13px;left:calc(50% - 45px);width:90px}.ops-preview .cute-heart{top:12px;right:26%;font-size:19px}.ops-preview .spark-one{top:15px;left:36%;font-size:16px}.ops-preview .spark-two{bottom:17px;right:34%;font-size:15px}.ops-preview .cloud-one{top:14px;width:35px;height:12px}.ops-preview .cloud-two{top:300px;width:28px;height:10px}.feature-card{width:113px;min-height:62px;padding:10px 8px;gap:6px;border-radius:12px;animation-duration:8s}.feature-card h3{font-size:10px;margin:1px 0 5px;white-space:nowrap}.feature-card p{font-size:6px;line-height:1.5;max-width:69px}.feature-icon{width:23px;height:24px;border-radius:7px}.feature-icon svg{height:15px;width:15px}.feature-assets{left:9px;top:38px}.feature-memory{right:9px;top:57px}.feature-bili{left:7px;top:140px}.feature-topics{right:7px;top:164px}.feature-report{left:11px;top:253px}.feature-export{right:11px;top:271px}.feature-pending{font-size:6px;padding:2px 4px;right:7px}.preview-caption{font-size:9px;margin:20px 0 0}.ops-preview .welcome-form{margin-top:27px;max-width:none}.ops-preview .welcome-description{font-size:11px}.ops-preview .welcome-description br{display:none}}
@media(prefers-reduced-motion:reduce){.feature-card{animation:none!important}}

.mascot-speech{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:280px;max-width:calc(100% - 32px);z-index:7;background:#fffefb;border:2px solid #e4ccdc;border-radius:22px 24px 20px 8px;box-shadow:3px 5px 0 #e5ccdd4d;padding:12px 15px 13px;pointer-events:none}.mascot-speech:before{content:"";position:absolute;bottom:-15px;left:54%;width:20px;height:20px;background:#e4ccdc;clip-path:polygon(0 0,100% 0,0 100%)}.mascot-speech:after{content:"";position:absolute;bottom:-11px;left:calc(54% + 2px);width:15px;height:17px;background:#fffefb;clip-path:polygon(0 0,100% 0,0 100%)}.speech-heading{display:flex;align-items:center;gap:6px;color:#ad83a4;font-size:10px;line-height:1.4;margin-bottom:6px}.speech-dot{height:5px;width:5px;background:#d5acc6;border-radius:50%}.speech-flower{margin-left:auto;color:#d8b9ca;font-size:15px}.mascot-speech p{margin:0;line-height:1.8;font-size:12px;color:#9c7c95;overflow-wrap:anywhere}.speech-pop{animation:speech-pop .24s ease-out}.feature-card{cursor:pointer;text-align:left}.feature-card:focus-visible{outline:2px solid #b99bc5;outline-offset:4px}.feature-card.is-speaking{border-color:#ccabd1;box-shadow:0 5px 0 #e8d6e44d,0 0 0 3px #edddec75}.ops-preview .welcome-character{height:370px;bottom:19px;cursor:pointer}.ops-preview .feature-assets{top:142px}.ops-preview .feature-memory{top:162px}.ops-preview .feature-bili{top:270px}.ops-preview .feature-topics{top:290px}.ops-preview .feature-report{top:397px}.ops-preview .feature-export{top:417px}.ops-preview .cute-heart{top:117px;right:26%;font-size:19px}.ops-preview .spark-one{top:121px;left:35%;font-size:15px}@keyframes speech-pop{from{opacity:.3;transform:translateX(-50%) translateY(5px) scale(.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@media(min-width:1600px){.ops-preview .welcome-character{height:405px;bottom:20px}.ops-preview .feature-assets{top:150px}.ops-preview .feature-memory{top:175px}.ops-preview .feature-bili{top:295px}.ops-preview .feature-topics{top:320px}.ops-preview .feature-report{top:440px}.ops-preview .feature-export{top:463px}}
@media(max-width:1100px) and (min-width:761px){.mascot-speech{width:250px;padding:11px 13px}.mascot-speech p{font-size:11px}.ops-preview .welcome-character{height:340px;bottom:20px}.ops-preview .feature-assets{top:140px}.ops-preview .feature-memory{top:160px}.ops-preview .feature-bili{top:257px}.ops-preview .feature-topics{top:280px}.ops-preview .feature-report{top:374px}.ops-preview .feature-export{top:397px}}
@media(max-width:760px){.ops-preview .pixel-scene{height:460px}.mascot-speech{top:12px;width:256px;max-width:calc(100% - 30px);padding:10px 13px 12px;border-radius:18px 20px 17px 6px}.speech-heading{font-size:9px;margin-bottom:5px}.mascot-speech p{font-size:11px;line-height:1.8}.ops-preview .welcome-character{height:305px;bottom:12px;left:50%}.ops-preview .character-halo{bottom:86px}.ops-preview .feature-assets{top:134px}.ops-preview .feature-memory{top:154px}.ops-preview .feature-bili{top:252px}.ops-preview .feature-topics{top:272px}.ops-preview .feature-report{top:370px}.ops-preview .feature-export{top:390px}.ops-preview .cute-heart{top:120px;right:26%;font-size:17px}.ops-preview .spark-one{top:125px;left:35%;font-size:13px}.ops-preview .cloud-two{top:430px}.ops-preview .cute-shadow{bottom:19px}}
@media(prefers-reduced-motion:reduce){.mascot-speech{animation:none!important}}