*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{font-family:"Noto Serif SC",Songti SC,STSong,serif;background-color:#f5efe3;background-image:url("data:image/png;base64,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");background-repeat:repeat;background-size:64px 64px;color:#4a4036;overflow:hidden;touch-action:none}img{display:block}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInL{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInR{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.anim,.anim-left,.anim-right{opacity:0}.page.active .anim{animation:fadeUp .8s cubic-bezier(.22,.61,.36,1) both}.page.active .anim-left{animation:fadeInL .8s cubic-bezier(.22,.61,.36,1) both}.page.active .anim-right{animation:fadeInR .8s cubic-bezier(.22,.61,.36,1) both}.page.active .d1{animation-delay:.12s}.page.active .d2{animation-delay:.32s}.page.active .d3{animation-delay:.52s}.page.active .d4{animation-delay:.72s}.page.active .d5{animation-delay:.92s}.music-btn{position:fixed;top:18px;right:16px;z-index:90;width:38px;height:38px;border-radius:50%;background:rgba(90,70,50,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.12);color:#f5efe3}.music-btn.playing{animation:musicSpin 4s linear infinite}.music-svg{display:block}@keyframes musicSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.envelope-overlay{position:fixed;inset:0;z-index:500;background:linear-gradient(160deg,#efe8d8,#e0d5be);display:flex;align-items:center;justify-content:center}.envelope-overlay.opening{animation:envFade .5s ease 1.05s both}@keyframes envFade{to{opacity:0;visibility:hidden}}.envelope-scene{text-align:center}.envelope{position:relative;width:min(340px,86vw);height:240px;perspective:900px;animation:envBreathe 3.2s ease-in-out infinite}@keyframes envBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.env-body{position:absolute;inset:0;background:linear-gradient(160deg,#fdf8ee,#f0e5cf);border-radius:6px;box-shadow:0 20px 50px rgba(90,70,40,.25)}.env-card{position:absolute;left:14px;right:14px;top:10px;bottom:30px;background:#fffdf7;border:1px solid #e0d2b2;border-radius:4px;box-shadow:0 4px 14px rgba(90,70,40,.15);z-index:2;transition:transform 1s cubic-bezier(.22,.61,.36,1) .45s}.opening .env-card{transform:translateY(-150px)}.env-card-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px}.env-hi{font-size:26px;color:#7a2e2e}.env-hi,.env-names{font-weight:600;letter-spacing:2px}.env-names{font-size:20px;color:#4a4036}.env-names span{font-family:Great Vibes,cursive;color:#7a2e2e;font-size:22px}.env-invite{font-size:12px;letter-spacing:2px;color:#8a7d68}.env-date{font-size:11px;letter-spacing:1px;color:#a08b6b}.env-pocket{position:absolute;inset:0;z-index:3;border-radius:6px;overflow:hidden}.env-pocket:after,.env-pocket:before{content:"";position:absolute;inset:0}.env-pocket:before{background:linear-gradient(105deg,#f3e9d3,#eadfc3);-webkit-clip-path:polygon(0 0,50% 52%,0 100%);clip-path:polygon(0 0,50% 52%,0 100%)}.env-pocket:after{background:linear-gradient(-105deg,#f3e9d3,#eadfc3);-webkit-clip-path:polygon(100% 0,50% 52%,100% 100%);clip-path:polygon(100% 0,50% 52%,100% 100%)}.env-flap{position:absolute;left:0;right:0;top:0;height:55%;background:linear-gradient(180deg,#fbf3e1,#eee0c2);-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;z-index:4;transition:transform .8s cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 3px 4px rgba(90,70,40,.2))}.opening .env-flap{transform:rotateX(180deg);z-index:1}.env-seal{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);z-index:5;transition:opacity .3s,transform .3s}.opening .env-seal{opacity:0;transform:translate(-50%,-50%) scale(1.6)}.seal-ring{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b84545,#8a2a2a 70%);box-shadow:0 4px 14px rgba(138,42,42,.4),inset 0 2px 4px rgba(255,255,255,.3);border:2px solid rgba(255,220,180,.4);animation:sealPulse 1.8s ease-in-out infinite}@keyframes sealPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.seal-text{font-size:24px;color:#ffe9c9;font-weight:700}.env-hint{margin-top:34px;color:rgba(90,70,50,.55);font-size:13px;letter-spacing:4px;animation:hintBlink 1.8s ease-in-out infinite}@keyframes hintBlink{0%,to{opacity:.4}50%{opacity:1}}.pages-wrapper{position:fixed;inset:0;overflow:hidden;max-width:520px;margin:0 auto;background:#f5efe3}@media (min-width:560px){.pages-wrapper{box-shadow:0 0 60px rgba(90,70,40,.15)}}.pages-track{height:100%;transition:transform .8s cubic-bezier(.65,.05,.36,1);will-change:transform}.page{height:100vh;height:100dvh;position:relative;overflow:hidden;align-items:center;justify-content:center;padding:40px 28px}.page,.page-dots{display:flex;flex-direction:column}.page-dots{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:80;gap:8px}.dot{width:5px;height:5px;border-radius:50%;background:rgba(140,115,80,.3);transition:all .3s}.dot.on{background:#7a2e2e;transform:scale(1.6)}.photo-frame{border:1.5px solid #2a2a2a;padding:6px;background:#fffdf7;box-shadow:3px 3px 0 rgba(42,42,42,.08)}.photo-frame img{width:100%;height:100%;object-fit:cover}.cover-page{justify-content:flex-start;padding-top:56px;text-align:left}.cover-hi{font-size:36px;font-weight:700;color:#7a2e2e;letter-spacing:1px;margin-bottom:28px;align-self:flex-start}.cover-poem{align-self:flex-start;margin-bottom:32px}.cover-poem p{font-size:15px;line-height:2.2;color:#5a4f42;letter-spacing:1px}.cover-photo-frame{width:100%;max-width:400px;margin:0 auto 20px;border:1.5px solid #2a2a2a;padding:8px;background:#fffdf7;box-shadow:4px 4px 0 rgba(42,42,42,.08)}.cover-photo-frame img{width:100%;aspect-ratio:3/4;object-fit:cover}.cover-names{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:24px}.cn-role{font-size:10px;letter-spacing:3px;color:#7a2e2e;text-transform:uppercase}.cn-name{font-size:22px;font-weight:600;letter-spacing:2px;color:#4a4036}.cn-amp{font-family:Great Vibes,cursive;font-size:28px;color:#7a2e2e}.cover-people{width:100%;max-width:320px;margin:0 auto}.hand-drawn{width:100%;height:auto;color:#4a4036;opacity:.75}.welcome-page{justify-content:center;align-items:flex-end;padding-right:60px}.vertical-en{position:absolute;left:24px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;font-family:Great Vibes,cursive;font-size:34px;color:#7a2e2e;letter-spacing:2px;opacity:.85}.welcome-poem{text-align:right;margin-bottom:32px}.welcome-poem p{font-size:15px;line-height:2.4;color:#5a4f42;letter-spacing:1px}.welcome-photo-frame{width:100%;max-width:380px;border:1.5px solid #2a2a2a;padding:8px;background:#fffdf7;box-shadow:4px 4px 0 rgba(42,42,42,.08)}.welcome-photo-frame img{width:100%;aspect-ratio:4/3;object-fit:cover}.welcome-quote{margin-top:20px;font-size:13px;color:#8a7d68;letter-spacing:1px}.moment-page{padding:0;justify-content:flex-end}.moment-photo-wrap{position:absolute;inset:0}.moment-photo-wrap img{width:100%;height:100%;object-fit:cover}.moment-photo-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,24,16,.15) 0,rgba(30,24,16,.05) 40%,rgba(30,24,16,.65))}.moment-text{position:relative;z-index:2;padding:0 32px 72px;max-width:420px}.moment-dot{display:block;width:6px;height:6px;border-radius:50%;background:#c9a96e;margin-bottom:18px}.moment-text p{font-size:18px;line-height:2.4;color:rgba(253,246,232,.92);letter-spacing:2px;text-shadow:0 1px 8px rgba(0,0,0,.3)}.date-page{text-align:center}.date-label{font-size:11px;letter-spacing:6px;color:#a08b6b;text-transform:uppercase;margin-bottom:12px}.date-big{font-size:56px;font-weight:700;color:#4a4036;letter-spacing:4px;line-height:1}.date-num{font-size:32px;font-weight:300;color:#7a2e2e;letter-spacing:8px;margin-top:8px}.date-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0}.date-divider i{width:48px;height:1px;background:linear-gradient(90deg,transparent,#a08b6b,transparent)}.date-divider span{font-size:10px;color:#a08b6b}.date-lunar{font-size:14px;color:#8a7d68;letter-spacing:2px}.date-countdown{margin:28px 0 12px}.date-hint{font-size:12px;color:#a08b6b;letter-spacing:2px}.venue-page{justify-content:flex-start;padding-top:64px}.venue-label{font-size:11px;letter-spacing:6px;color:#a08b6b;text-transform:uppercase;margin-bottom:8px}.venue-name{font-size:26px;font-weight:600;letter-spacing:6px;color:#4a4036}.venue-addr{font-size:13px;color:#8a7d68;margin:8px 0 24px;letter-spacing:1px}.venue-frame{width:100%;max-width:400px;border:1.5px solid #2a2a2a;padding:6px;background:#fffdf7;box-shadow:3px 3px 0 rgba(42,42,42,.08);margin-bottom:24px}.venue-frame img{width:100%;height:180px;object-fit:cover}.venue-schedule{width:100%;max-width:320px;margin-bottom:24px}.vs-item{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px dashed rgba(140,115,80,.2);font-size:14px;color:#6b5f4e}.vs-item:last-child{border-bottom:none}.vs-item span{color:#7a2e2e;font-weight:600;min-width:52px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 28px;border:1.5px solid #7a2e2e;border-radius:2px;color:#7a2e2e;font-size:14px;letter-spacing:2px;text-decoration:none;transition:all .3s}.nav-btn:active{background:#7a2e2e;color:#f5efe3}.rsvp-page{justify-content:flex-start;padding-top:64px}.rsvp-label{font-size:11px;letter-spacing:6px;color:#a08b6b;text-transform:uppercase}.rsvp-title{font-size:26px;font-weight:600;letter-spacing:6px;color:#4a4036;margin:4px 0}.rsvp-sub{font-size:13px;color:#8a7d68;letter-spacing:1px;margin-bottom:24px}.rsvp-wrap{width:100%;max-width:400px}.rsvp-form{text-align:left}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:#8a7d68;margin-bottom:7px;letter-spacing:1px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:#fffdf7;border:1px solid rgba(140,115,80,.3);border-radius:2px;color:#4a4036;font-size:15px;outline:none;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7a2e2e}.form-group ::placeholder{color:rgba(140,115,80,.4)}.form-group textarea{resize:none;min-height:72px}.attend-btns{display:flex;gap:12px}.attend-btn{flex:1 1;padding:13px;border:1px solid rgba(140,115,80,.3);border-radius:2px;color:#8a7d68;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;background:#fffdf7}.attend-btn.active.yes{border-color:#7a2e2e;background:rgba(122,46,46,.06);color:#7a2e2e}.attend-btn.active.no{border-color:#a09090;color:#9a7a7a;background:rgba(160,140,140,.06)}.submit-btn{width:100%;padding:14px;background:#7a2e2e;color:#f5efe3;font-size:15px;font-weight:600;letter-spacing:6px;border-radius:2px;transition:opacity .3s}.submit-btn:active{opacity:.85}.rsvp-success{text-align:center;padding:30px 10px}.success-icon{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;border:1.5px solid #7a2e2e;color:#7a2e2e;display:flex;align-items:center;justify-content:center;font-size:24px}.rsvp-success h3{font-size:18px;color:#4a4036;margin-bottom:8px;letter-spacing:2px}.rsvp-success p{font-size:14px;color:#8a7d68}.end-page{justify-content:flex-start;padding-top:56px}.end-photo-frame{width:100%;max-width:400px;border:1.5px solid #2a2a2a;padding:8px;background:#fffdf7;box-shadow:4px 4px 0 rgba(42,42,42,.08);margin-bottom:24px}.end-photo-frame img{width:100%;aspect-ratio:3/2;object-fit:cover}.end-thanks{font-family:Great Vibes,cursive;font-size:42px;color:#7a2e2e}.end-line{font-size:15px;letter-spacing:3px;color:#5a4f42;margin-top:8px}.end-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}.end-divider i{width:48px;height:1px;background:linear-gradient(90deg,transparent,#a08b6b,transparent)}.end-divider span{font-size:14px;color:#a08b6b}.end-names{font-size:22px;font-weight:600;letter-spacing:4px;color:#4a4036}.end-date{font-size:13px;color:#8a7d68;letter-spacing:2px;margin-top:8px}.end-people{width:100%;max-width:280px;margin-top:28px}.lightbox{position:fixed;inset:0;z-index:600;background:rgba(15,12,8,.96)}.lightbox,.lightbox-close{display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:16px;right:16px;z-index:601;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:18px}.lightbox-counter{position:absolute;top:24px;left:50%;transform:translateX(-50%);z-index:601;font-size:13px;color:rgba(255,255,255,.6);letter-spacing:2px}.lightbox-content img{max-width:92vw;max-height:84vh;object-fit:contain}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:601;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}