:root{--pink: #ff7eb6;--pink-deep: #ff5d9e;--blue: #6ec3ff;--purple: #8d77ff;--ink: #5a3b46;--cream: #fff7fb;--name-bg: #ff8fbf;--dialog-bg: rgba(255, 252, 254, .94);--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ui-rounded, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{font-family:var(--font);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;background:#bfe6fb}#app,.stage{height:100%}.stage{position:relative;width:100%;overflow:hidden;cursor:pointer;user-select:none}.bg{position:absolute;inset:0;background:url(/bg/sky.svg) center / cover no-repeat;animation:bgFloat 18s ease-in-out infinite alternate}@keyframes bgFloat{0%{transform:scale(1.06) translateY(0)}to{transform:scale(1.12) translateY(-1.4%)}}.stage:before{content:"";position:absolute;inset:0 0 auto;height:220px;background:linear-gradient(to bottom,rgba(255,255,255,.55),transparent);pointer-events:none;z-index:2}.petals{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.petal{position:absolute;top:-6%;width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#fff,var(--pink));border-radius:80% 0;opacity:.85;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(-10vh) rotate(0);opacity:0}10%{opacity:.9}to{transform:translateY(110vh) translate(8vw) rotate(420deg);opacity:.6}}.deco{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.cloud{position:absolute;background:url(/deco/cloud.svg) center / contain no-repeat;animation:drift linear infinite;will-change:transform}.cloud--1{width:230px;height:94px;top:13%;opacity:.95;animation-duration:70s}.cloud--2{width:160px;height:66px;top:28%;opacity:.7;animation-duration:95s;animation-delay:-40s}.cloud--3{width:120px;height:50px;top:46%;opacity:.55;animation-duration:60s;animation-delay:-20s}@keyframes drift{0%{transform:translate(-35vw)}to{transform:translate(135vw)}}.birds{position:absolute;width:120px;height:40px;top:16%;left:0;stroke:#6a7b8a;stroke-width:2.4;fill:none;stroke-linecap:round;opacity:.5;animation:fly 26s linear infinite;animation-delay:-6s}@keyframes fly{0%{transform:translate(-18vw,8vh) scale(.85);opacity:0}8%{opacity:.5}92%{opacity:.5}to{transform:translate(115vw,-3vh) scale(.6);opacity:0}}.branch{position:absolute;top:-16px;right:-8px;width:clamp(180px,24vw,320px);transform:scaleX(-1);transform-origin:top center;animation:sway 7s ease-in-out infinite}@keyframes sway{0%,to{transform:scaleX(-1) rotate(0)}50%{transform:scaleX(-1) rotate(-1.6deg)}}.flowers{position:absolute;left:0;bottom:0;width:100%;height:130px}.flower{position:absolute;bottom:clamp(-4px,1.5vh,16px);width:clamp(26px,4vw,46px);transform-origin:bottom center;animation:nod 3.4s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes nod{0%,to{transform:scale(var(--s, 1)) rotate(-4deg)}50%{transform:scale(var(--s, 1)) rotate(4deg)}}.brand{position:absolute;top:clamp(1rem,3vw,1.8rem);left:clamp(1rem,3vw,2rem);z-index:6;display:inline-flex;align-items:center;gap:.5rem;color:var(--pink-deep);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);letter-spacing:.04em;text-shadow:0 2px 8px rgba(255,255,255,.8)}.brand__mark{width:clamp(26px,4vw,34px);height:clamp(26px,4vw,34px);filter:drop-shadow(0 2px 4px rgba(255,93,158,.3))}.char{position:absolute;bottom:0;left:50%;z-index:4;height:min(82vh,720px);transform:translate(-50%);filter:drop-shadow(0 14px 30px rgba(120,60,90,.25));animation:idle 4.5s ease-in-out infinite}.char__img{height:100%;width:auto;display:block}@keyframes idle{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}}.char--hop{animation:idle 4.5s ease-in-out infinite,hop .45s ease}@keyframes hop{0%{margin-bottom:0}40%{margin-bottom:26px}to{margin-bottom:0}}@media(min-width:760px){.char{left:auto;right:clamp(2%,8vw,12%);transform:none;height:min(86vh,820px)}@keyframes idle{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.char--hop{animation:idle 4.5s ease-in-out infinite,hop .45s ease}}.dialog{position:absolute;left:50%;bottom:clamp(1rem,4vh,2.4rem);z-index:7;width:min(92%,880px);transform:translate(-50%);background:var(--dialog-bg);border:3px solid #fff;border-radius:26px;padding:clamp(1.5rem,3vw,2rem) clamp(1.4rem,3vw,2.2rem) clamp(1.4rem,3vw,1.8rem);box-shadow:0 18px 44px -18px #78325a80,inset 0 0 0 2px #ff9ec440;backdrop-filter:blur(4px);animation:dialogIn .5s ease both}@keyframes dialogIn{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}.dialog__name{position:absolute;top:-1.1rem;left:1.6rem;background:linear-gradient(135deg,var(--name-bg),var(--pink-deep));color:#fff;font-weight:800;font-size:clamp(.95rem,2vw,1.1rem);letter-spacing:.05em;padding:.35rem 1.2rem;border-radius:999px;box-shadow:0 6px 14px -6px var(--pink-deep)}.dialog__text{font-size:clamp(1.05rem,2.4vw,1.4rem);line-height:1.85;min-height:2.4em;color:var(--ink);font-weight:500}.dialog__next{position:absolute;right:1.4rem;bottom:1rem;color:var(--pink-deep);font-size:1rem;opacity:0}.dialog__next.show{animation:bob 1s ease-in-out infinite;opacity:1}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.scrim{position:absolute;inset:0;z-index:6;background:radial-gradient(80% 70% at 50% 42%,#501e3c2e,#46193775);opacity:0;pointer-events:none;transition:opacity .45s ease}.scrim.show{opacity:1}.choices{position:absolute;left:50%;top:44%;z-index:8;width:min(92%,560px);transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1rem}.choices[hidden]{display:none}.choices__q{text-align:center;color:#fff;font-size:clamp(1.2rem,3vw,1.7rem);font-weight:800;text-shadow:0 2px 14px rgba(120,40,80,.6);margin-bottom:.4rem;opacity:0}.choices.show .choices__q{animation:qIn .5s ease both}@keyframes qIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.choice{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:1.1rem 1.5rem;border:none;border-radius:18px;background:#fff;box-shadow:0 10px 26px -12px #78325a8c,inset 0 0 0 2px var(--pink);color:var(--ink);font-family:inherit;text-align:center;cursor:pointer;opacity:0;transform:translate(40px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;overflow:hidden}.choices.show .choice{animation:slideIn .5s cubic-bezier(.2,.9,.3,1.2) both}.choices.show .choice:nth-of-type(1){animation-delay:.12s}.choices.show .choice:nth-of-type(2){animation-delay:.24s}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.choice:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translate(-120%);transition:transform .55s ease;pointer-events:none}.choice:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 16px 32px -12px var(--pink-deep),inset 0 0 0 2px var(--pink-deep);background:#fff}.choice:hover:after{transform:translate(120%)}.choice--pick{animation:pick .42s ease!important}@keyframes pick{40%{transform:scale(.96)}}.choice__label{font-size:clamp(1.1rem,2.6vw,1.35rem);font-weight:800;color:var(--pink-deep)}.choice--soon .choice__label{color:var(--purple)}.choice--soon{box-shadow:0 10px 26px -12px #5a3c8c80,inset 0 0 0 2px var(--purple)}.choice--soon:hover{box-shadow:0 16px 32px -12px var(--purple),inset 0 0 0 2px var(--purple)}.choice__sub{font-size:clamp(.78rem,1.8vw,.92rem);color:var(--ink);opacity:.7}.choice__badge:before{content:"即将上线";position:absolute;top:.7rem;right:.9rem;font-size:.7rem;font-weight:700;color:#fff;background:var(--purple);padding:.18rem .55rem;border-radius:999px}.skip,.replay{position:absolute;top:clamp(1rem,3vw,1.8rem);right:clamp(1rem,3vw,2rem);z-index:9;border:none;background:#ffffffd9;color:var(--pink-deep);font-family:inherit;font-weight:700;font-size:.88rem;padding:.5rem 1rem;border-radius:999px;cursor:pointer;box-shadow:0 6px 16px -8px #78325a80;transition:transform .16s ease,background .18s ease}.skip:hover,.replay:hover{transform:translateY(-2px);background:#fff}.hint{position:absolute;right:clamp(2.2rem,5vw,3.6rem);bottom:clamp(.3rem,2vh,.8rem);z-index:7;font-size:.8rem;color:var(--pink-deep);opacity:.75;animation:bob 1.4s ease-in-out infinite}.player{position:fixed;inset:0;z-index:50;background:#0b0d16;opacity:0;transition:opacity .32s ease}.player.show{opacity:1}.player__frame{width:100%;height:100%;border:0;display:block}.player__back{position:absolute;top:clamp(.8rem,2.5vw,1.4rem);left:clamp(.8rem,2.5vw,1.4rem);z-index:51;border:none;background:#ffffffeb;color:var(--pink-deep);font-family:inherit;font-weight:800;font-size:.92rem;padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px -8px #00000080;transition:transform .16s ease,background .18s ease}.player__back:hover{transform:translateY(-2px);background:#fff}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.choice,.dialog__next.show{opacity:1!important;transform:none!important}}