@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Noto+Serif+SC:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,300;1,600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0;overflow:hidden;background-color:#fcecef}.gallery-container[data-v-23e4dd54]{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;margin:0;padding:0;background:radial-gradient(circle at center,#fff 30%,#fcecef 90%);cursor:default}.texture-overlay[data-v-23e4dd54]{position:absolute;inset:0;z-index:0;opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E")}.sakura-canvas[data-v-23e4dd54]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:block}.main-card[data-v-23e4dd54]{position:absolute;top:50%;left:35%;z-index:1;display:block;max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.1) brightness(1.05) saturate(1.1);box-shadow:none;border:none;transform-origin:50% 90%}.tree-sway[data-v-23e4dd54]{animation:wind-sway-23e4dd54 6s ease-in-out infinite alternate}@keyframes wind-sway-23e4dd54{0%{transform:translate(-50%,-50%) rotate(-1.5deg) skew(.5deg) scale(1);filter:contrast(1.1) brightness(1.05) saturate(1.1)}to{transform:translate(-50%,-50%) rotate(1.5deg) skew(-.5deg) scale(1.02);filter:contrast(1.08) brightness(1.08) saturate(1.15)}}.text-layout[data-v-23e4dd54]{position:absolute;top:20%;right:15%;z-index:5;display:flex;flex-direction:column;align-items:flex-end;color:#5d4037;font-family:"Noto Serif SC",serif}.english-script[data-v-23e4dd54]{font-family:Great Vibes,cursive;font-size:3.5rem;margin-bottom:2rem;opacity:.8;color:#8d6e63;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.chinese-verse[data-v-23e4dd54]{display:flex;gap:1.5rem;margin-bottom:3rem}.chinese-verse .line[data-v-23e4dd54]{writing-mode:vertical-rl;font-size:1.6rem;letter-spacing:.4rem;font-weight:500;line-height:1.5;text-shadow:0 0 1px rgba(93,64,55,.2);border-left:1px solid rgba(93,64,55,.1);padding-left:.8rem}.date-section[data-v-23e4dd54]{display:flex;flex-direction:column;align-items:flex-end;border-top:1px solid rgba(93,64,55,.3);padding-top:1rem;margin-right:.5rem}.date-stamp[data-v-23e4dd54]{font-family:"Noto Serif SC",serif;font-size:1.1rem;letter-spacing:.1em;opacity:.9;margin-bottom:.5rem}.countdown[data-v-23e4dd54]{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.9rem;color:#8d6e63;opacity:.8}.countdown .days[data-v-23e4dd54]{font-size:1.2rem;font-weight:700;color:#5d4037;margin:0 .2rem}.bottom-nav[data-v-23e4dd54]{position:absolute;bottom:8%;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:20px}.nav-btn[data-v-23e4dd54]{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.6);border-radius:50px;color:#5d4037;font-family:"Noto Serif SC",serif;font-size:1rem;letter-spacing:.1em;transition:all .3s ease;box-shadow:0 4px 15px #5d40370d;cursor:pointer}.nav-btn[data-v-23e4dd54]:hover{background:#ffffffb3;transform:translateY(-2px);box-shadow:0 6px 20px #5d40371a}.nav-btn .icon[data-v-23e4dd54]{color:#d4af37;font-size:.9rem}.memorial-overlay[data-v-23e4dd54],.fortune-overlay[data-v-23e4dd54]{position:fixed;top:0;left:0;width:100%;height:100%;background:#fceceff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:30;display:flex;flex-direction:column;padding:60px 20px 20px;box-sizing:border-box}.overlay-fade-enter-active[data-v-23e4dd54],.overlay-fade-leave-active[data-v-23e4dd54]{transition:opacity .5s ease,transform .5s ease}.overlay-fade-enter-from[data-v-23e4dd54],.overlay-fade-leave-to[data-v-23e4dd54]{opacity:0;transform:translateY(30px)}.memorial-header[data-v-23e4dd54]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;z-index:5;width:100%;max-width:600px;margin-left:auto;margin-right:auto}.back-btn[data-v-23e4dd54]{background:none;border:none;cursor:pointer;color:#5d4037;padding:8px;border-radius:50%;transition:background .3s}.back-btn[data-v-23e4dd54]:hover{background:#5d40371a}.header-title[data-v-23e4dd54]{text-align:center}.header-title .en[data-v-23e4dd54]{font-family:Great Vibes,cursive;font-size:2rem;color:#8d6e63;line-height:1}.header-title .cn[data-v-23e4dd54]{font-family:"Noto Serif SC",serif;font-size:1rem;color:#5d4037;letter-spacing:.2em;margin-top:5px}.placeholder[data-v-23e4dd54]{width:40px}.scroll-container[data-v-23e4dd54]{flex:1;overflow-y:auto;padding-bottom:50px;scrollbar-width:none;-ms-overflow-style:none;width:100%;display:flex;flex-direction:column;align-items:center}.scroll-container[data-v-23e4dd54]::-webkit-scrollbar{display:none}.memorial-card[data-v-23e4dd54]{width:100%;max-width:500px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #5d40370d;transition:transform .3s;position:relative;overflow:hidden}.memorial-card[data-v-23e4dd54]:hover{transform:translateY(-2px);background:#fffc}.card-image-box[data-v-23e4dd54]{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0000000d}.card-image-box img[data-v-23e4dd54]{width:100%;height:100%;object-fit:cover}.card-content[data-v-23e4dd54]{flex:1;display:flex;justify-content:space-between;align-items:center}.card-content .info .title[data-v-23e4dd54]{font-family:"Noto Serif SC",serif;font-size:1.1rem;color:#5d4037;font-weight:700;margin-bottom:5px}.card-content .info .date[data-v-23e4dd54]{font-family:Cormorant Garamond,serif;font-size:.9rem;color:#8d6e63;font-style:italic}.card-content .counter[data-v-23e4dd54]{text-align:right}.card-content .counter .label[data-v-23e4dd54]{font-size:.7rem;color:#a1887f;margin-bottom:0}.card-content .counter .number[data-v-23e4dd54]{font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:700;color:#d4af37;line-height:1}.card-content .counter .unit[data-v-23e4dd54]{font-size:.8rem;color:#8d6e63}.card-decoration[data-v-23e4dd54]{position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(to bottom,#fcecef,#d4af37,#fcecef);opacity:.3}.add-card[data-v-23e4dd54]{justify-content:center;cursor:pointer;border:1px dashed #bcaaa4;background:#ffffff4d}.add-card[data-v-23e4dd54]:hover{border-color:#8d6e63;background:#ffffff80}.add-card .add-icon[data-v-23e4dd54]{font-size:1.5rem;color:#8d6e63;margin-right:10px}.add-card .add-text[data-v-23e4dd54]{color:#8d6e63;font-family:"Noto Serif SC",serif}.gesture-hint[data-v-23e4dd54]{text-align:center;color:#8d6e63;font-family:"Noto Serif SC",serif;margin-bottom:20px;font-size:.9rem;z-index:5}.camera-preview[data-v-23e4dd54]{position:absolute;top:10px;left:10px;width:80px;height:60px;border-radius:8px;opacity:.3;pointer-events:none;z-index:40;border:1px solid #d4af37}.card-roller[data-v-23e4dd54]{flex:1;width:100%;overflow:hidden;position:relative;display:flex;align-items:center;perspective:1000px;cursor:grabbing}.roller-track[data-v-23e4dd54]{display:flex;padding-left:0;gap:2vw;will-change:transform;width:max-content}.fortune-card-back[data-v-23e4dd54]{width:18vw;height:28vw;background:linear-gradient(135deg,#bcaaa4,#8d6e63);border-radius:8px;flex-shrink:0;border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #00000026;position:relative}.fortune-card-back[data-v-23e4dd54]:before{content:"";position:absolute;inset:6px;border:1px dashed rgba(255,255,255,.2);border-radius:4px}.card-pattern[data-v-23e4dd54]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.card-center-icon[data-v-23e4dd54]{font-size:3vw;color:#ffffffb3;opacity:.8}.selector-arrow[data-v-23e4dd54]{position:absolute;top:15%;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #d4af37;z-index:10;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.result-modal-overlay[data-v-23e4dd54]{position:fixed;inset:0;z-index:60;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.pop-scale-enter-active[data-v-23e4dd54]{animation:popScale-23e4dd54 .6s cubic-bezier(.175,.885,.32,1.275)}.pop-scale-leave-active[data-v-23e4dd54]{transition:opacity .3s}.pop-scale-enter-from[data-v-23e4dd54]{opacity:0;transform:scale(.5)}.pop-scale-leave-to[data-v-23e4dd54]{opacity:0}@keyframes popScale-23e4dd54{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.result-card[data-v-23e4dd54]{width:280px;height:400px;background:#fffcf5;border-radius:16px;border:4px solid #d4af37;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 40px #0003;position:relative;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h2v2H1V1zm4 4h2v2H5V5zm4 4h2v2H9V9zm4 4h2v2h-2v-2zm4 4h2v2h-2v-2z' fill='%23d4af37' fill-opacity='0.1'/%3E%3C/svg%3E")}.result-level[data-v-23e4dd54]{font-family:"Noto Serif SC",serif;font-size:2rem;color:#d4af37;font-weight:700;margin-bottom:10px;letter-spacing:.1em}.result-title[data-v-23e4dd54]{font-family:"Noto Serif SC",serif;font-size:1.5rem;color:#5d4037;margin-bottom:20px}.result-divider[data-v-23e4dd54]{width:40px;height:2px;background:#d7ccc8;margin-bottom:20px}.result-desc[data-v-23e4dd54]{font-family:"Noto Serif SC",serif;font-size:1rem;color:#8d6e63;text-align:center;line-height:1.6;margin-bottom:30px}.retry-btn[data-v-23e4dd54]{padding:10px 30px;background:#d4af37;color:#fff;border:none;border-radius:50px;font-family:"Noto Serif SC",serif;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #d4af374d;transition:transform .2s}.retry-btn[data-v-23e4dd54]:hover{transform:scale(1.05);background:#c5a028}.modal-overlay[data-v-23e4dd54]{position:fixed;inset:0;z-index:50;background:#5d403733;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center}.modal-content[data-v-23e4dd54]{width:90%;max-width:400px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 40px #5d403726;display:flex;flex-direction:column;gap:20px;border:1px solid rgba(212,175,55,.2)}.modal-title[data-v-23e4dd54]{font-family:Great Vibes,cursive;font-size:2rem;color:#5d4037;text-align:center;margin:0}.input-group[data-v-23e4dd54]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-23e4dd54]{font-size:.9rem;color:#8d6e63;font-family:"Noto Serif SC",serif}.input-group input[data-v-23e4dd54]{padding:10px;border:none;border-bottom:1px solid #d7ccc8;font-family:"Noto Serif SC",serif;font-size:1rem;color:#5d4037;background:transparent;outline:none;transition:border .3s}.input-group input[data-v-23e4dd54]:focus{border-bottom-color:#d4af37}.upload-area[data-v-23e4dd54]{height:120px;border:1px dashed #d7ccc8;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#fafafa;overflow:hidden;transition:all .3s}.upload-area[data-v-23e4dd54]:hover{border-color:#d4af37;background:#fffcf5}.upload-placeholder[data-v-23e4dd54]{color:#a1887f;font-size:.9rem}.preview-img[data-v-23e4dd54]{width:100%;height:100%;object-fit:cover}.confirm-btn[data-v-23e4dd54]{padding:12px;background:#5d4037;color:#fff;border:none;border-radius:8px;font-family:"Noto Serif SC",serif;font-size:1rem;cursor:pointer;transition:background .3s}.confirm-btn[data-v-23e4dd54]:hover{background:#4e342e}.music-control[data-v-23e4dd54]{position:absolute;top:40px;right:40px;z-index:20;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 10px #0000000d;transition:transform .3s ease}.music-control[data-v-23e4dd54]:hover{transform:scale(1.1)}.vinyl-disc[data-v-23e4dd54]{width:24px;height:24px;border-radius:50%;background:#333;position:relative;background:repeating-radial-gradient(#333 0 2px,#444 3px,#333 4px)}.vinyl-inner[data-v-23e4dd54]{position:absolute;top:50%;left:50%;width:8px;height:8px;background:#d4af37;border-radius:50%;transform:translate(-50%,-50%)}.spinning[data-v-23e4dd54]{animation:spin-23e4dd54 3s linear infinite}@keyframes spin-23e4dd54{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-note[data-v-23e4dd54]{position:absolute;top:-10px;right:-5px;font-size:12px;color:#8d6e63;animation:floatNote-23e4dd54 2s ease-in-out infinite;opacity:0}@keyframes floatNote-23e4dd54{0%{transform:translateY(0) rotate(0);opacity:0}50%{opacity:1}to{transform:translateY(-15px) rotate(20deg);opacity:0}}.ripple-container[data-v-23e4dd54]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15;overflow:hidden}.ripple[data-v-23e4dd54]{position:absolute;width:20px;height:20px;background:#fff6;border:1px solid rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%) scale(1);animation:rippleAnim-23e4dd54 1s ease-out forwards}@keyframes rippleAnim-23e4dd54{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(5);opacity:0}}.fade-in-delay-1[data-v-23e4dd54]{animation:textFadeIn-23e4dd54 1.5s ease-out forwards;animation-delay:.5s;opacity:0}.fade-in-delay-2[data-v-23e4dd54]{animation:textFadeIn-23e4dd54 1.5s ease-out forwards;animation-delay:1s;opacity:0}.fade-in-delay-3[data-v-23e4dd54]{animation:textFadeIn-23e4dd54 1.5s ease-out forwards;animation-delay:1.5s;opacity:0}@keyframes textFadeIn-23e4dd54{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}