/* Independent transparent layers; only transform and opacity animate. */
.dream-scene{position:relative;display:block;width:100%;height:100%;isolation:isolate;contain:layout style}
.dream-scene img{position:absolute;display:block;object-fit:contain;pointer-events:none;user-select:none}
.dream-scene .dream-cloud{z-index:1;width:92%;height:44%;left:4%;top:52%;animation:dream-cloud-drift 7s linear infinite}
.dream-scene .dream-painter{z-index:2;width:86%;height:75%;left:5%;top:4%;animation:dream-painter-drift 7s linear infinite}
.dream-scene .dream-sky{z-index:0;width:68%;height:42%;right:-2%;top:-4%;animation:dream-sky-drift 9s linear infinite}
.dream-scene .dream-wisp{z-index:3;width:23%;height:16%;right:-1%;bottom:0;opacity:.66;animation:dream-wisp-drift 8s linear infinite}
.dream-star{position:absolute;color:#b99cdb;font-size:24px;line-height:1;animation:dream-star-glow 4s linear infinite}
.dream-star-one{left:1%;top:25%}.dream-star-two{right:8%;top:25%;font-size:14px;color:#e5c787;animation-delay:-2s}
.anyun-mascot.dream-scene{width:210px;height:150px;margin-inline:auto}
.anyun-mascot.dream-scene:hover img{animation-play-state:running}
@keyframes dream-cloud-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@keyframes dream-painter-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes dream-sky-drift{0%,100%{transform:translate(0,0);opacity:.7}50%{transform:translate(6px,-4px);opacity:1}}
@keyframes dream-wisp-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,-4px)}}
@keyframes dream-star-glow{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:.95;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.dream-scene img,.dream-scene .dream-star{animation:none!important}}