:root{--color-burgundy:#8B0000;--color-burgundy-dark:#5C0000;--color-burgundy-light:#6B0000;--color-gold:#D4AF37;--color-gold-light:#F4E4BA;--color-gold-dark:#B8860B;--color-gold-deep:#8B6914;--color-cream:#FDF8F0;--color-cream-dark:#F5EDE0;--color-ivory:#FFFFF0;--color-text-primary:#2C1810;--color-text-secondary:#5C4033;--color-text-muted:#8B7355}.font-serif-cn{font-family:'Noto Serif SC','Playfair Display',serif}.font-sans-cn{font-family:'Noto Sans SC',sans-serif}.font-serif-en{font-family:'Playfair Display',serif}.envelope-container{perspective:1500px}.envelope{position:relative;width:100%;max-width:600px;transform-style:preserve-3d}.envelope.envelope-auth{max-width:480px}.envelope.envelope-thankyou{height:400px}.envelope-back{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,var(--color-burgundy) 0,var(--color-burgundy-dark) 100%);border-radius:8px;box-shadow:0 25px 50px -12px rgba(0,0,0,.4)}.envelope-texture{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);border-radius:8px;pointer-events:none}.envelope-flap{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,var(--color-burgundy-light) 0,var(--color-burgundy) 100%);clip-path:polygon(0 0,50% 100%,100% 0);transform-origin:top center;transition:transform 1s cubic-bezier(.4, 0, .2, 1);z-index:10;border-radius:8px 8px 0 0}.envelope.envelope-thankyou .envelope-flap{height:50%}.envelope.envelope-auth .envelope-flap{height:120px}.envelope-flap::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(212,175,55,.1) 0,transparent 50%);clip-path:polygon(0 0,50% 100%,100% 0)}.envelope.envelope-auth .envelope-flap::after{inset:2px;background:linear-gradient(180deg,#7b0000 0,var(--color-burgundy) 100%);clip-path:polygon(0 0,50% 95%,100% 0)}.envelope.opened .envelope-flap{transform:rotateX(-180deg)}.envelope-inner{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,var(--color-gold-light) 0,var(--color-gold) 100%);clip-path:polygon(0 0,50% 100%,100% 0);z-index:5}.envelope-decoration{background:repeating-linear-gradient(45deg,var(--color-burgundy),var(--color-burgundy) 10px,var(--color-burgundy-dark) 10px,var(--color-burgundy-dark) 20px)}.wax-seal{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer;transition:all .3s ease}.envelope.envelope-thankyou .wax-seal{top:45%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle at 30% 30%,var(--color-gold) 0,var(--color-gold-dark) 50%,var(--color-gold-deep) 100%);box-shadow:0 4px 15px rgba(0,0,0,.4),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.2)}.envelope.envelope-thankyou .wax-seal::before{content:'L';font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:var(--color-burgundy-dark);text-shadow:1px 1px 2px rgba(255,255,255,.3)}.envelope.envelope-auth .wax-seal{top:85px;width:70px;height:70px;background:radial-gradient(circle at 30% 30%,var(--color-gold-dark),var(--color-burgundy) 40%,var(--color-burgundy-dark) 100%);box-shadow:0 4px 15px rgba(139,0,0,.5),inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.3)}.wax-seal:hover{transform:translateX(-50%) scale(1.05)}.envelope.envelope-thankyou .wax-seal:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.5),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.2)}.envelope.envelope-auth .wax-seal:hover{box-shadow:0 6px 20px rgba(139,0,0,.6),inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.3)}.wax-seal:active{transform:translateX(-50%) scale(.95)}.wax-seal-text{color:var(--color-gold-light);font-family:'Playfair Display',serif;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.envelope.opened .wax-seal{opacity:0;transform:translateX(-50%) scale(.5);pointer-events:none}.envelope.envelope-thankyou.opened .wax-seal{transform:translate(-50%,-50%) scale(.5)}.letter-wrapper{position:relative;padding:140px 20px 20px;z-index:1}.letter{background:linear-gradient(to bottom,var(--color-ivory),var(--color-cream));border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.2);overflow:hidden}.envelope.envelope-thankyou .letter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);opacity:0;transition:all 1s cubic-bezier(.4, 0, .2, 1) .5s;z-index:5}.envelope.envelope-thankyou.opened .letter{opacity:1;transform:translate(-50%,-150%)}.envelope.envelope-auth .letter{border:2px solid rgba(212,175,55,.5);padding:32px 28px;transform:translateY(100px);opacity:0;transition:all .6s cubic-bezier(.4, 0, .2, 1) .4s}.envelope.envelope-auth.opened .letter{transform:translateY(0);opacity:1}.letter-border{position:absolute;inset:8px;border:2px solid rgba(212,175,55,.4);border-radius:2px;pointer-events:none}.letter-corner{position:absolute;width:20px;height:20px;border:2px solid var(--color-gold)}.letter-corner.top-left{top:4px;left:4px;border-right:none;border-bottom:none}.letter-corner.top-right{top:4px;right:4px;border-left:none;border-bottom:none}.letter-corner.bottom-left{bottom:4px;left:4px;border-right:none;border-top:none}.letter-corner.bottom-right{bottom:4px;right:4px;border-left:none;border-top:none}.full-letter{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4, 0, .2, 1)}.full-letter.visible{opacity:1;transform:translateY(0)}.stamp-progress{position:relative;width:60px;height:60px;border:3px solid currentColor;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;transition:all .3s ease}.stamp-progress.completed{color:var(--color-gold);background:rgba(212,175,55,.1)}.stamp-progress.current{color:var(--color-burgundy);background:rgba(139,0,0,.1);animation:stamp-press 2s ease-in-out infinite}.stamp-progress.pending{color:var(--color-text-muted);opacity:.4;border-style:dashed}.stamp-line{flex:1;height:2px;background:linear-gradient(90deg,var(--color-gold),var(--color-gold) 50%,var(--color-text-muted) 50%)}.stamp-line.completed{background:var(--color-gold)}.stamp-line.pending{background:var(--color-text-muted);opacity:.3;border-top:2px dashed var(--color-text-muted);height:0}.stamp-decorative{position:absolute;width:60px;height:72px;background:var(--color-cream);border:3px dashed var(--color-gold);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-muted)}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes stamp-press{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.gold-shimmer{background:linear-gradient(90deg,var(--color-gold) 0,var(--color-gold-light) 50%,var(--color-gold) 100%);background-size:200% auto;animation:shimmer 3s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signature{font-family:'Playfair Display',cursive;font-style:italic;color:var(--color-burgundy)}.gold-line{height:2px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.copy-btn{transition:all .3s ease}.copy-btn:hover{background:rgba(212,175,55,.2)}.copy-btn.copied{background:rgba(46,125,50,.2);color:#2e7d32}.tab-btn{position:relative;padding:12px 24px;font-weight:500;transition:all .3s ease}.tab-btn::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-gold);transition:all .3s ease;transform:translateX(-50%)}.tab-btn.active::after{width:80%}.social-envelope{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent}.social-envelope:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.input-field{transition:all .3s ease}.input-field:focus{transform:translateY(-2px)}.meander-border{position:relative}.meander-border::before{content:'';position:absolute;inset:-4px;border:2px solid var(--color-gold);opacity:.3;pointer-events:none}.cloud-decoration{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cpath d='M10 15 Q15 10 20 15 Q25 10 30 15 Q35 10 40 15 Q45 10 50 15 Q55 10 60 15 Q65 10 70 15 Q75 10 80 15 Q85 10 90 15' stroke='%23D4AF37' stroke-width='1' fill='none' opacity='0.3'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:100px 20px;height:20px}.transactional-page-body{font-family:'Noto Sans SC',sans-serif;background:linear-gradient(to bottom,var(--color-cream),var(--color-cream-dark));min-height:100vh}@media (max-width:640px){.envelope.envelope-auth .wax-seal{width:60px;height:60px;top:75px}.envelope.envelope-thankyou .wax-seal{width:60px;height:60px}.envelope.envelope-thankyou .wax-seal::before{font-size:28px}.letter-wrapper{padding:120px 16px 16px}.envelope.envelope-auth .letter{padding:24px 20px}.stamp-progress{width:50px;height:50px;font-size:9px}.social-envelope{width:44px;height:44px}}@media print{.envelope-container,.envelope-flap,.wax-seal{display:none!important}.full-letter{opacity:1!important;transform:none!important}.gold-shimmer{animation:none;-webkit-text-fill-color:var(--color-gold);color:var(--color-gold)}}