*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#4b2c2c;background:#ffe6ee}.page{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(24px) scale(.98);pointer-events:none;transition:opacity .65s ease,transform .65s ease;background:radial-gradient(circle at top,#fff7fb 0%,#ffdce8 42%,#ffc8db 100%)}.page.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.card,.paper,.end-box{width:min(86vw,390px);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 20px 60px rgba(167,74,102,.22);backdrop-filter:blur(12px)}.cover-card{padding:36px 26px;text-align:center;border:2px solid rgba(255,255,255,.9)}.tag{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;color:#d2557c;font-size:13px;margin-bottom:22px}h1{font-size:42px;line-height:1.1;margin:0 0 16px;letter-spacing:2px}h1 span{font-size:50px;color:#d83d73;text-shadow:0 4px 0 rgba(255,255,255,.9)}h2{font-size:30px;margin:0 0 18px;color:#d83d73}.cover-card p,.page-photo p,.end-box p{font-size:17px;line-height:1.8;margin:0}.flower{font-size:30px;margin-top:28px;animation:float 2.8s ease-in-out infinite}.hint{position:absolute;bottom:24px;font-size:13px;opacity:.65;animation:updown 1.4s infinite}.paper{padding:34px 28px;min-height:360px;background:linear-gradient(135deg,#fff 0%,#fff8ee 100%);position:relative}.paper:before{content:"";position:absolute;left:26px;right:26px;top:76px;height:1px;background:repeating-linear-gradient(90deg,#f2c9b4 0 12px,transparent 12px 20px);opacity:.7}.paper p{font-size:20px;line-height:2;margin:22px 0}.photo-stack{width:265px;height:280px;position:relative;margin-bottom:40px}.photo{position:absolute;width:210px;height:245px;border:10px solid #fff;border-bottom-width:34px;border-radius:8px;background:linear-gradient(135deg,#ffb6d0,#fff0aa);box-shadow:0 16px 34px rgba(106,50,70,.22);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.p1{left:20px;top:18px;transform:rotate(-9deg)}.p2{left:38px;top:4px;transform:rotate(8deg);background:linear-gradient(135deg,#a7d8ff,#ffd2e2)}.p3{left:28px;top:28px;transform:rotate(0);background:linear-gradient(135deg,#ffc5a8,#d6b7ff)}.chat{width:min(86vw,390px);display:flex;flex-direction:column;gap:18px}.bubble{max-width:82%;padding:15px 18px;border-radius:20px;font-size:18px;line-height:1.6;box-shadow:0 12px 24px rgba(117,56,75,.15);animation:pop .65s ease both}.left{align-self:flex-start;background:#fff}.right{align-self:flex-end;background:#ff5f91;color:#fff}.end-box{text-align:center;padding:42px 28px}.small{margin-top:24px!important;font-size:15px!important;opacity:.76}#musicBtn{position:fixed;right:16px;top:16px;z-index:20;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.78);color:#d83d73;font-size:23px;box-shadow:0 8px 24px rgba(111,38,61,.18)}#musicBtn.playing{animation:spin 3s linear infinite}.sparkles:before,.sparkles:after{content:"✦";position:absolute;color:#fff;font-size:28px;animation:float 3s ease-in-out infinite}.sparkles:before{left:12%;top:18%}.sparkles:after{right:14%;bottom:24%;animation-delay:.8s}@keyframes float{50%{transform:translateY(-12px)}}@keyframes updown{50%{transform:translateY(-8px);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}