.suyier-widget{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:38px}.suyier-stage{position:relative;border:0;background:none;width:100%;height:370px;padding:0;cursor:pointer}.suyier-stage img{height:100%;width:auto;max-width:90%;object-fit:contain;filter:drop-shadow(0 20px 16px #62282d20);transform-origin:50% 85%;transition:transform .25s}.suyier-stage:hover img{transform:translateY(-5px) rotate(-2deg)}.suyier-stage:focus-visible{outline:2px solid #b22f34;outline-offset:6px;border-radius:24px}.suyier-greeting{position:absolute;right:-2%;top:35%;width:170px;font-size:12px;line-height:1.7;color:#8e3837;background:#fffaf5;border:1px solid #ead7c8;border-radius:15px 15px 15px 2px;padding:12px 16px;opacity:0;transition:opacity .2s}.suyier-hello .suyier-greeting{opacity:1}.suyier-hello img{animation:suyier-wave .8s ease-in-out 2}.suyier-caption{margin:15px 0 10px;font-size:12px;color:#825c5f}.suyier-chat{font-size:12px;color:#93403d;text-decoration:none;border-bottom:1px solid #c19a71;padding-bottom:4px}.hero-character .character-task{z-index:2;pointer-events:none}.hero-character .task-one{left:-4%;top:230px}.hero-character .task-two{right:-2%;bottom:110px}.hero-character .character-greeting{z-index:2}.assistant-section-heading>img{object-fit:contain}.ip-trigger img{object-fit:contain}@keyframes suyier-wave{0%,100%{transform:rotate(0)}30%{transform:rotate(-4deg) translateY(-4px)}70%{transform:rotate(3deg)}}@media(max-width:650px){.suyier-stage{height:310px}.suyier-widget{padding-top:34px}.hero-character{height:450px}.suyier-greeting{right:0;top:50%;width:140px}.hero-character .task-one{left:0;top:190px}.hero-character .task-two{right:0;bottom:85px}}@media(prefers-reduced-motion:reduce){.suyier-stage img,.suyier-greeting{transition:none}.suyier-hello img{animation:none}}
.hero-character{height:auto;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 8px 18px;box-sizing:border-box}
.hero-character .character-greeting{position:relative;inset:auto;max-width:100%;box-sizing:border-box;align-self:center;text-align:center;border-radius:14px;padding:12px 20px;margin-bottom:12px}
.hero-character .suyier-widget{padding-top:0;width:100%;max-width:400px}
.hero-character .suyier-stage{height:350px;display:flex;align-items:center;justify-content:center}
.hero-character .suyier-stage img{display:block;max-width:100%;max-height:100%}
.hero-character .character-task{position:static;transform:none;display:inline-block;margin:8px 4px 0;padding:8px 13px;font-size:10px}
.hero-character .character-caption{position:static;margin-top:15px;line-height:1.8;letter-spacing:2px}
.hero-character .suyier-caption{margin:10px 0;font-size:11px;text-align:center;line-height:1.8}
.hero-character .character-base{bottom:85px}
.hero-character .suyier-greeting{position:absolute;top:auto;right:auto;left:50%;bottom:0;transform:translateX(-50%);width:max-content;max-width:90%;box-sizing:border-box;text-align:center;padding:7px 12px}
.hero-character .suyier-chat{display:none}
@media(max-width:1000px){.hero-character .suyier-stage{height:310px}.hero-character .character-greeting{font-size:12px}.hero-character .suyier-caption{font-size:10px}}
@media(max-width:650px){.hero-character{height:auto;min-height:0;margin-top:28px;width:100%;padding:0 0 15px}.hero-character .suyier-stage{height:300px}.hero-character .character-greeting{position:relative;inset:auto;width:auto;margin-bottom:12px}.hero-character .character-task{inset:auto;font-size:10px;margin-top:6px}.hero-character .character-caption{font-size:9px}.hero-character .orbit-one{top:100px}.hero-character .orbit-two{top:78px}}

.hero-character .character-task-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-top:8px}.hero-character .character-task{margin:0}.hero-character .character-caption{display:none}.hero-character .suyier-stage{height:330px}@media(max-width:1000px){.hero-character .suyier-stage{height:300px}}