.gx-loop{--t: 6s;position:relative;width:100%;max-width:400px;aspect-ratio:1 / .92;margin:0 auto;overflow:hidden;border-radius:32px;background:radial-gradient(70% 55% at 50% 30%,#fff,#fff0 70%),linear-gradient(180deg,#bfe7ff,#e6f5ff,#fff2d6);box-shadow:0 34px 60px -40px #142b45a6,inset 0 0 0 3px #ffffffb3;font-family:var(--litsee-font-ui)}.gx-loop__glow{position:absolute;left:50%;top:38%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffd866b3,#ffd86600 65%);transform:translate(-50%,-50%) scale(.2);opacity:0;animation:gx-loop-glow var(--t) ease-in-out infinite}.gx-loop__robot{position:absolute;left:50%;bottom:4%;width:34%;transform:translate(-50%)}.gx-loop__robot .gx-robot{width:100%}.gx-loop__tiles{position:absolute;left:50%;top:36%;display:flex;gap:0;transform:translate(-50%,-50%)}.gx-loop__tile{position:relative;display:grid;place-items:center;width:58px;height:68px;margin:0 7px;padding-bottom:12px;border-radius:16px;font-size:2.1rem;font-weight:600;line-height:1;color:#1d2b52;background:#fffaf0;box-shadow:0 6px #ffd27a;opacity:0;animation:gx-loop-tile var(--t) cubic-bezier(.34,1.56,.64,1) infinite}.gx-loop__tile--1{box-shadow:0 6px #9fd8f6;animation-name:gx-loop-tile-1}.gx-loop__tile--2{box-shadow:0 6px #cbb8ff;animation-name:gx-loop-tile-2}.gx-loop__dot{position:absolute;bottom:9px;width:8px;height:8px;border-radius:50%;background:#1d2b52}.gx-loop__sun{position:absolute;left:50%;top:4%;width:26%;height:auto;opacity:0;transform:translate(-50%) scale(.3);animation:gx-loop-sun var(--t) cubic-bezier(.34,1.56,.64,1) infinite}.gx-loop__jar{position:absolute;right:6%;bottom:6%;width:16%}.gx-loop__jar img{width:100%;height:auto}.gx-loop__star{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffc83d;filter:drop-shadow(0 0 6px #ffe08a);opacity:0;animation:gx-loop-star var(--t) cubic-bezier(.5,0,.3,1) infinite}.gx-loop__ring{position:absolute;left:50%;bottom:17%;width:14%;aspect-ratio:1;border:4px solid #fff;border-radius:50%;box-shadow:0 0 14px 3px #ff8c647f;opacity:0;transform:translate(-50%) scale(.6);animation:gx-loop-ring var(--t) ease-out infinite}.gx-loop__ring--1{animation-delay:.6s}.gx-loop__ring--2{animation-delay:1.2s}.gx-loop--compact{max-width:320px}@keyframes gx-loop-tile{0%,4%{opacity:0;transform:translateY(140px) scale(.3)}9%{opacity:1;transform:translateY(-10px) scale(1.12)}13%,38%{opacity:1;transform:none}44%,86%{opacity:1;transform:translate(7px);background:#fff3c4;border-radius:16px 0 0 16px;box-shadow:0 6px #e9b42f,0 0 26px 4px #ffc83d7f}94%,to{opacity:0;transform:translate(7px)}}@keyframes gx-loop-tile-1{0%,14%{opacity:0;transform:translateY(140px) scale(.3)}19%{opacity:1;transform:translateY(-10px) scale(1.12)}23%,38%{opacity:1;transform:none}44%,86%{opacity:1;transform:none;background:#fff3c4;border-radius:0;box-shadow:0 6px #e9b42f,0 0 26px 4px #ffc83d7f}94%,to{opacity:0}}@keyframes gx-loop-tile-2{0%,24%{opacity:0;transform:translateY(140px) scale(.3)}29%{opacity:1;transform:translateY(-10px) scale(1.12)}33%,38%{opacity:1;transform:none}44%,86%{opacity:1;transform:translate(-7px);background:#fff3c4;border-radius:0 16px 16px 0;box-shadow:0 6px #e9b42f,0 0 26px 4px #ffc83d7f}94%,to{opacity:0;transform:translate(-7px)}}@keyframes gx-loop-sun{0%,48%{opacity:0;transform:translate(-50%) scale(.3) rotate(-30deg)}56%,86%{opacity:1;transform:translate(-50%) scale(1) rotate(0)}94%,to{opacity:0;transform:translate(-50%) scale(.9)}}@keyframes gx-loop-star{0%,58%{opacity:0;transform:translate(-130px,-210px) scale(1.6)}60%{opacity:1;transform:translate(-130px,-210px) scale(1.6)}72%{opacity:1;transform:translate(0) scale(.7)}78%,to{opacity:0;transform:translateY(6px) scale(.5)}}@keyframes gx-loop-ring{0%,4%{opacity:0;transform:translate(-50%) scale(.6)}5%{opacity:.95;transform:translate(-50%) scale(.6)}16%,to{opacity:0;transform:translate(-50%) scale(3)}}@keyframes gx-loop-glow{0%,40%{opacity:0;transform:translate(-50%,-50%) scale(.2)}50%,84%{opacity:1;transform:translate(-50%,-50%) scale(1)}96%,to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}@media(prefers-reduced-motion:reduce){.gx-loop *,.gx-loop .gx-robot *{animation:none!important}.gx-loop__tile,.gx-loop__sun,.gx-loop__glow{opacity:1}.gx-loop__tile{background:#fff3c4}.gx-loop__tile--0{transform:translate(7px);border-radius:16px 0 0 16px}.gx-loop__tile--1{border-radius:0}.gx-loop__tile--2{transform:translate(-7px);border-radius:0 16px 16px 0}.gx-loop__sun{transform:translate(-50%)}.gx-loop__glow{transform:translate(-50%,-50%)}}