/* Four-layer birthday opening */
.opening-lock{overflow:hidden}#birthdayOpening{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 30%,#74435d 0,#352237 48%,#191624 100%);color:#fff1df;overflow:hidden;box-shadow:none}#birthdayOpening[open]{animation:openingFade .6s both}#birthdayOpening::backdrop{background:#191624}.opening-universe{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 70%,#e697af28,transparent 45%),radial-gradient(ellipse at 90% 20%,#dfb77425,transparent 40%)}.opening-universe span{position:absolute;font-size:var(--size);color:#f8cf9c;animation:openingTwinkle 3s var(--d) infinite alternate}.opening-skip{position:absolute;z-index:10;right:28px;top:25px;color:#fff0d9;background:#ffffff0c;border:1px solid #ffffff35;border-radius:40px;padding:12px 18px}.opening-stage{position:absolute;inset:80px 15px 115px;perspective:1200px;display:grid;place-items:center}.opening-layer{position:absolute;width:min(640px,90vw);text-align:center;opacity:0;visibility:hidden;transform:translateY(80px) translateZ(-400px) rotateX(18deg) scale(.6);transition:opacity .7s,transform 1.1s cubic-bezier(.16,1,.3,1),visibility .7s;pointer-events:none}.opening-layer h2{font-family:'Noto Serif SC','SimSun',serif;font-size:clamp(38px,7vw,72px);line-height:1.35;margin:14px 0}.opening-layer p{font-size:clamp(13px,2.5vw,17px);letter-spacing:2px;line-height:1.8}.opening-kicker{font-size:10px;letter-spacing:4px;color:#e9c89f}.letter-layer{padding:40px 24px;border:1px solid #ecc9a86b;border-radius:25px;background:linear-gradient(140deg,#ffffff18,#e8bca707);box-shadow:0 35px 100px #0005,inset 0 0 70px #ffe3c40b;backdrop-filter:blur(12px)}.opening-envelope{font-size:105px;margin:20px;filter:drop-shadow(0 15px 35px #f5a7b354);animation:openingFloat 3s ease-in-out infinite}.letter-layer small{color:#d1b2bd}.wish-layer{height:330px}.wish-slip{position:absolute;left:50%;top:50%;width:min(370px,76vw);padding:35px 12px;border-radius:16px;border:1px solid #ffe5b7;background:linear-gradient(120deg,#fff7e8,#f6dbe7);color:#754358;font-family:'SimSun',serif;font-size:clamp(17px,3vw,25px);box-shadow:0 20px 65px #12091866;opacity:0;transform:translate(-50%,150px) scale(.3);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .6s}.birthday-layer em{font-style:normal;background:linear-gradient(90deg,#f9d6a4,#fff4d8,#f4b7cc);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 70px #e6b79044}.opening-cake{font-size:75px;filter:drop-shadow(0 0 40px #ffb68c80)}.birthday-layer:before{content:'';position:absolute;inset:-70px 0;border:1px solid #f6d7a34d;border-radius:50%;box-shadow:0 0 65px #efb88a20,inset 0 0 65px #efb88a15;z-index:-1;animation:openingHalo 5s linear infinite}.finale-layer{width:min(1000px,94vw);height:100%;display:grid;place-items:center}.finale-card{position:relative;z-index:2;border:1px solid #f3d5b478;border-radius:28px;padding:30px 35px;background:linear-gradient(145deg,#65435df2,#312536f5);box-shadow:0 30px 90px #0007;width:min(420px,83vw)}.finale-card h2{font-size:clamp(34px,5vw,52px)}.finale-card p{font-size:12px;letter-spacing:1px}.opening-gift{display:block;font-size:58px;margin-top:17px}.opening-enter{border:1px solid #ffefca;background:linear-gradient(110deg,#f8ddb6,#f1b9c9);color:#63364d;padding:16px 22px;border-radius:40px;font-weight:bold;margin-top:12px;box-shadow:0 7px 30px #edb48f33}.opening-photos{position:absolute;inset:0;pointer-events:none}.opening-photos img{position:absolute;left:50%;top:50%;width:145px;height:170px;object-fit:contain;background:#fff9f0;border:8px solid #fff9f0;border-bottom-width:25px;border-radius:6px;box-shadow:0 20px 45px #0005;opacity:0;transform:translate(-50%,-50%) scale(.2);transition:transform 1.3s cubic-bezier(.16,1,.3,1),opacity .7s;transition-delay:calc(var(--n)*.12s)}.opening-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:14px}.opening-step{font-size:11px;letter-spacing:3px;color:#e1bfcc}.opening-progress{display:flex;gap:8px}.opening-progress i{width:35px;height:3px;border-radius:5px;background:#ffffff26;transition:background .5s}.opening-progress i.active{background:#f6d29c;box-shadow:0 0 12px #f8cf9c77}.opening-next{background:none;border:0;color:#f7dfc3;padding:6px;font-size:12px}.opening-replay{border:1px solid #dcb7c5;color:#a95070;background:#fff6;border-radius:30px;padding:12px 16px;font-size:11px;white-space:nowrap}.hero-bottom{flex-wrap:wrap}.hero:after{content:'';position:absolute;inset:-100%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fff6 50%,transparent 60%);animation:heroShine 9s ease-in-out infinite}.hero-decoration{box-shadow:0 0 70px #f1b8cc44}#birthdayOpening[data-step="0"] .letter-layer,#birthdayOpening[data-step="1"] .wish-layer,#birthdayOpening[data-step="2"] .birthday-layer,#birthdayOpening[data-step="3"] .finale-layer{opacity:1;visibility:visible;transform:translateY(0) translateZ(0) rotateX(0) scale(1);pointer-events:auto}#birthdayOpening[data-step="1"] .slip-one{opacity:1;transform:translate(-56%,-145px) rotate(-10deg);transition-delay:.1s}#birthdayOpening[data-step="1"] .slip-two{opacity:1;transform:translate(-45%,-35px) rotate(7deg);transition-delay:.5s}#birthdayOpening[data-step="1"] .slip-three{opacity:1;transform:translate(-53%,75px) rotate(-5deg);transition-delay:.9s}#birthdayOpening[data-step="3"] .opening-photos img{opacity:1;transform:translate(calc(-50% + cos(var(--n)*60deg)*355px),calc(-50% + sin(var(--n)*60deg)*200px)) rotate(calc(var(--n)*5deg - 13deg))}#birthdayOpening[data-step="3"] .opening-photos{animation:openingFloat 6s ease-in-out infinite}@keyframes openingFade{from{opacity:0}to{opacity:1}}@keyframes openingFloat{50%{translate:0 -12px}}@keyframes openingTwinkle{from{opacity:.15;scale:.7}to{opacity:.85;scale:1.15}}@keyframes openingHalo{50%{transform:rotate(12deg) scale(1.1);opacity:.4}}@keyframes heroShine{0%,65%{transform:translateX(-70%) rotate(-12deg)}100%{transform:translateX(70%) rotate(-12deg)}}@media(max-width:600px){.opening-skip{right:16px;top:16px;font-size:11px}.opening-stage{inset:76px 8px 125px}.opening-kicker{font-size:8px;letter-spacing:2px}.opening-photos img{width:95px;height:115px;border-width:5px;border-bottom-width:18px}#birthdayOpening[data-step="3"] .opening-photos img{transform:translate(calc(-50% + cos(var(--n)*60deg)*145px),calc(-50% + sin(var(--n)*60deg)*210px)) rotate(calc(var(--n)*7deg - 18deg))}.finale-card{padding:22px 17px;width:76vw}.finale-card .opening-kicker{font-size:7px}.opening-enter{font-size:12px;padding:14px 16px}.opening-bottom{bottom:22px}.birthday-layer:before{inset:-40px 10px}.opening-replay{padding:10px 14px}}@media(prefers-reduced-motion:reduce){.opening-layer,.wish-slip,.opening-photos img{transition:none!important}.hero:after{display:none}}