.love-letter-container[data-v-e14d0ee6]{position:relative;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:30px;perspective:1000px}.envelope[data-v-e14d0ee6]{position:relative;width:100%;max-width:500px;height:350px;cursor:pointer;transition:transform .3s ease}.envelope[data-v-e14d0ee6]:hover{transform:scale(1.05)}.envelope-body[data-v-e14d0ee6]{position:absolute;top:70%;bottom:0;width:100%;height:250px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:0 0 10px 10px;box-shadow:0 10px 30px #0000004d}.envelope-flap[data-v-e14d0ee6]{position:absolute;top:50%;width:100%;height:200px;background:linear-gradient(135deg,#ff8787,#ff6b6b);border-radius:10px 10px 0 0;transform-origin:top;transition:transform .6s ease;z-index:2;box-shadow:0 -5px 20px #0003}.envelope.open .envelope-flap[data-v-e14d0ee6]{transform:rotateX(-180deg);opacity:0;visibility:hidden;transition:transform .6s ease,opacity .6s ease,visibility .6s ease}.letter[data-v-e14d0ee6]{position:absolute;top:10px;left:50%;transform:translate(-50%);width:90%;max-width:450px;background:#fff;border-radius:8px;padding:20px 24px 28px;box-shadow:0 5px 20px #0003;opacity:0;pointer-events:none;transition:all .6s ease .3s;z-index:1;max-height:0;overflow:hidden}.letter.visible[data-v-e14d0ee6]{opacity:1;pointer-events:auto;max-height:min(1000px,calc(100vh - 60px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(-50%) translateY(-20px);animation:letterAppear-e14d0ee6 .8s ease forwards;padding-bottom:max(28px,env(safe-area-inset-bottom,0px));scrollbar-width:none;-ms-overflow-style:none}.letter.visible[data-v-e14d0ee6]::-webkit-scrollbar{display:none}@keyframes letterAppear-e14d0ee6{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(-20px) scale(1)}}.letter-content[data-v-e14d0ee6]{color:#333;line-height:1.8}.letter-header[data-v-e14d0ee6]{text-align:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #ff6b6b}.title[data-v-e14d0ee6]{font-size:2rem;color:#ff6b6b;margin-bottom:6px;font-weight:600}.date[data-v-e14d0ee6]{font-size:.9rem;color:#999}.letter-body P[data-v-e14d0ee6]:nth-child(1){text-indent:0rem}.letter-body P[data-v-e14d0ee6]:nth-child(9){text-indent:0rem}.letter-body[data-v-e14d0ee6]{margin-bottom:30px}.paragraph[data-v-e14d0ee6]{margin-bottom:15px;font-size:1rem;text-indent:2rem;color:#e7546d;opacity:0;animation:fadeInUp-e14d0ee6 .6s ease forwards}@keyframes fadeInUp-e14d0ee6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.letter-footer[data-v-e14d0ee6]{text-align:right;margin-top:40px;padding-top:20px;border-top:1px solid #eee}.signature[data-v-e14d0ee6]{font-size:1.2rem;color:#ff6b6b;font-weight:600;margin-bottom:10px}.heart[data-v-e14d0ee6]{font-size:1.5rem;animation:heartbeat-e14d0ee6 1.5s ease-in-out infinite}@keyframes heartbeat-e14d0ee6{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.title-out[data-v-e14d0ee6]{margin-top:-60px;color:#fee0e0e6;font-size:3rem;animation:pulse-e14d0ee6 2s ease-in-out infinite;z-index:20;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hint[data-v-e14d0ee6]{margin-top:30px;color:#ffffffe6;font-size:1rem;animation:pulse-e14d0ee6 2s ease-in-out infinite;text-shadow:0 2px 10px rgba(0,0,0,.3)}@keyframes pulse-e14d0ee6{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 768px){.envelope[data-v-e14d0ee6]{max-width:90%;height:280px}.envelope-body[data-v-e14d0ee6]{height:200px}.envelope-flap[data-v-e14d0ee6]{height:160px}.letter[data-v-e14d0ee6]{padding:20px;width:95%}.title[data-v-e14d0ee6]{font-size:1.5rem}.paragraph[data-v-e14d0ee6]{font-size:.9rem}.signature[data-v-e14d0ee6]{font-size:1rem}}@media (max-width: 480px){.envelope[data-v-e14d0ee6]{height:250px}.envelope-body[data-v-e14d0ee6]{height:180px}.envelope-flap[data-v-e14d0ee6]{height:140px}.letter[data-v-e14d0ee6]{padding:15px 15px 24px}.letter.visible[data-v-e14d0ee6]{max-height:min(1000px,calc(100vh - 50px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));scrollbar-width:none;-ms-overflow-style:none}.letter.visible[data-v-e14d0ee6]::-webkit-scrollbar{display:none}.title[data-v-e14d0ee6]{font-size:1.3rem}.paragraph[data-v-e14d0ee6]{font-size:.85rem;margin-bottom:12px}.letter-header[data-v-e14d0ee6]{margin-bottom:20px;padding-bottom:15px}.letter-footer[data-v-e14d0ee6]{margin-top:30px;padding-top:15px}.hint[data-v-e14d0ee6]{font-size:.9rem;margin-top:20px}}@media (max-height: 600px) and (orientation: landscape){.love-letter-container[data-v-e14d0ee6]{padding:10px}.envelope[data-v-e14d0ee6]{height:200px}.envelope-body[data-v-e14d0ee6]{height:150px}.envelope-flap[data-v-e14d0ee6]{height:120px}.letter[data-v-e14d0ee6]{padding:15px 15px 24px}.letter.visible[data-v-e14d0ee6]{max-height:min(1000px,calc(100vh - 40px));overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.letter.visible[data-v-e14d0ee6]::-webkit-scrollbar{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden}#app{width:100%;display:flex;justify-content:center;align-items:center;padding:10px 20px}