.xiaoxiao-mascot{z-index:75;pointer-events:none;color:#22301d;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.xiaoxiao-mascot img{object-fit:contain;filter:drop-shadow(0 10px 18px #40552c26);transform-origin:50% 82%;width:100%;height:auto;display:block}.xiaoxiao-portrait{width:100%;position:relative}.xiaoxiao-mouth{pointer-events:none;background:radial-gradient(at 50% 20%,#f5ead7 0 58%,#eadcc5 78%,#0000 80%);border-radius:50%;width:8.8%;height:7.2%;display:none;position:absolute;top:54.3%;left:49%}.xiaoxiao-mouth:after{content:"";transform-origin:50% 0;background:linear-gradient(#7b2f2d 0 22%,#f07879 70%);border-radius:48% 48% 55% 55%;width:38%;height:45%;animation:.34s steps(2,end) infinite xiaoxiao-talk-mouth;position:absolute;top:39%;left:31%;box-shadow:inset 0 1px 1px #5c201f}.xiaoxiao-portrait.is-talking .xiaoxiao-mouth{display:block}.xiaoxiao-bubble{white-space:pre-line;opacity:0;background:#fff;border:1px solid #dce7cf;border-radius:16px;padding:13px 15px;font-size:13px;line-height:1.55;animation:.35s .2s forwards xiaoxiao-bubble-in;box-shadow:0 12px 32px #25341d1f}.xiaoxiao-close{pointer-events:auto;z-index:2;color:#65705e;cursor:pointer;background:#fff;border:1px solid #dce7cf;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1;position:absolute;top:0;right:0}.xiaoxiao-plans{opacity:0;width:210px;animation:.45s ease-out forwards xiaoxiao-enter;position:absolute;top:120px;right:max(18px,50vw - 560px);transform:translateY(20px)}.xiaoxiao-plans .xiaoxiao-bubble{width:min(310px,100vw - 270px);position:absolute;bottom:54%;right:88%}.xiaoxiao-plans .xiaoxiao-bubble:after{content:"";background:#fff;border-top:1px solid #dce7cf;border-right:1px solid #dce7cf;width:16px;height:16px;position:absolute;bottom:22px;right:-9px;transform:rotate(45deg)}.xiaoxiao-plans img{transform:rotate(-2deg)}.xiaoxiao-workspace{place-self:end center;width:190px;transition:opacity .3s,transform .3s;position:relative}.xiaoxiao-workspace .xiaoxiao-bubble{width:230px;position:absolute;bottom:72%;right:76%}.xiaoxiao-workspace .xiaoxiao-bubble:after{content:"";background:#fff;border-top:1px solid #dce7cf;border-right:1px solid #dce7cf;width:14px;height:14px;position:absolute;bottom:18px;right:-8px;transform:rotate(45deg)}.xiaoxiao-workspace[data-state=recognizing] img{animation:2.8s ease-in-out infinite xiaoxiao-breathe}.xiaoxiao-workspace[data-state=explaining],.xiaoxiao-workspace[data-state=testing]{opacity:.9;z-index:70;width:112px;position:fixed;bottom:92px;right:14px}.xiaoxiao-workspace[data-state=correct],.xiaoxiao-workspace[data-state=incorrect]{z-index:90;width:155px;animation:2.8s forwards xiaoxiao-result;position:fixed;bottom:98px;right:18px}.xiaoxiao-workspace[data-state=correct] .xiaoxiao-bubble,.xiaoxiao-workspace[data-state=incorrect] .xiaoxiao-bubble{width:250px;bottom:55%;right:82%}.xiaoxiao-mascot[data-motion=wave] img{animation:1.1s ease-in-out xiaoxiao-wave}.xiaoxiao-mascot[data-motion=celebrate] img{animation:.5s ease-out xiaoxiao-celebrate}@keyframes xiaoxiao-enter{to{opacity:1;transform:translateY(0)}}@keyframes xiaoxiao-bubble-in{to{opacity:1}}@keyframes xiaoxiao-wave{0%,to{transform:rotate(0)}35%{transform:rotate(-3deg)}70%{transform:rotate(2deg)}}@keyframes xiaoxiao-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes xiaoxiao-celebrate{0%{transform:translateY(8px)scale(.96)}to{transform:translateY(0)scale(1)}}@keyframes xiaoxiao-result{0%,78%{opacity:1}to{opacity:0}}@keyframes xiaoxiao-talk-mouth{0%,to{border-radius:50%;transform:scaleY(.22)}50%{transform:scaleY(1)}}@media (max-width:700px){.xiaoxiao-plans{width:25vw;min-width:82px;max-width:105px;top:92px;left:10px;right:auto}.xiaoxiao-plans .xiaoxiao-bubble{width:min(220px,100vw - 115px);padding:11px 12px;font-size:12px;inset:8px auto auto 82%}.xiaoxiao-plans .xiaoxiao-bubble:after{left:-8px;right:auto;transform:rotate(225deg)}.xiaoxiao-close{width:28px;height:28px;top:-5px;right:-5px}.xiaoxiao-workspace{width:25vw;min-width:78px;max-width:105px;margin:5px 0 3px auto}.xiaoxiao-workspace .xiaoxiao-bubble{width:min(215px,100vw - 120px);font-size:12px;bottom:54%;right:84%}.xiaoxiao-workspace[data-state=explaining],.xiaoxiao-workspace[data-state=testing]{opacity:.72;width:20vw;min-width:64px;max-width:82px;bottom:82px;right:8px}.xiaoxiao-workspace[data-state=correct],.xiaoxiao-workspace[data-state=incorrect]{width:24vw;min-width:82px;max-width:105px;bottom:88px;right:8px}.xiaoxiao-workspace[data-state=correct] .xiaoxiao-bubble,.xiaoxiao-workspace[data-state=incorrect] .xiaoxiao-bubble{width:min(225px,100vw - 120px);bottom:52%;right:82%}}@media (prefers-reduced-motion:reduce){.xiaoxiao-mascot,.xiaoxiao-mascot img,.xiaoxiao-bubble,.xiaoxiao-mouth:after{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}