@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;background-color:#020617;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#app{width:100%;height:100%}.hero[data-v-3c07eda4]{text-align:center;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;mix-blend-mode:screen;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-container[data-v-3c07eda4]{perspective:500px}h1[data-v-3c07eda4]{color:#fff;letter-spacing:.1em;white-space:nowrap;text-shadow:0 0 10px #ffd70080,0 0 20px #ffd7004d,0 0 40px #ff64644d,0 0 80px #ff00004d;margin:0;font-family:Ma Shan Zheng,Noto Serif SC,serif;font-size:clamp(3rem,12vw,8rem);font-weight:700;line-height:1.2;animation:6s ease-in-out infinite float-3c07eda4,3s ease-in-out infinite alternate glow-3c07eda4}.glow-text[data-v-3c07eda4]{background:linear-gradient(#fff5d6 0%,#ffc482 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #ffc86499);-webkit-background-clip:text;position:relative}.subtitle[data-v-3c07eda4]{color:#ffffffe6;letter-spacing:4px;text-transform:uppercase;text-shadow:0 2px 4px #000c;opacity:.8;margin-top:30px;font-family:Noto Serif SC,serif;font-size:clamp(1rem,2vw,1.5rem);animation:2s ease-out fadeIn-3c07eda4}@keyframes float-3c07eda4{0%,to{transform:translateY(0)rotateX(0)}50%{transform:translateY(-15px)rotateX(5deg)}}@keyframes glow-3c07eda4{0%{filter:drop-shadow(0 0 10px #ffc86466)}to{filter:drop-shadow(0 0 25px #ffc864e6)}}@keyframes fadeIn-3c07eda4{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(0)}}.envelope-container[data-v-3c07eda4]{pointer-events:auto;justify-content:center;margin-top:60px;display:flex}.envelope-btn[data-v-3c07eda4]{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffd70066;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:3s infinite pulse-3c07eda4;display:flex}.envelope-btn[data-v-3c07eda4]:hover{background:#ffd70033;transform:scale(1.15)rotate(5deg);box-shadow:0 0 20px #ffd70066}.icon[data-v-3c07eda4]{filter:drop-shadow(0 2px 4px #00000080)}@keyframes pulse-3c07eda4{0%{box-shadow:0 0 #ffd70066}70%{box-shadow:0 0 0 15px #ffd70000}to{box-shadow:0 0 #ffd70000}}.letter-overlay[data-v-3c07eda4]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;pointer-events:auto;background:#000000b3;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding-top:4vh;display:flex;position:fixed;top:0;left:0}.letter-paper[data-v-3c07eda4]{color:#5d4037;text-align:left;transform-origin:top;background:linear-gradient(to bottom right,#fffdf5,#f5e6d3);border:1px solid #eecfa1;border-radius:8px;flex-direction:column;width:420px;max-width:90%;max-height:85vh;padding:50px 40px;font-family:Ma Shan Zheng,cursive;display:flex;position:relative;overflow-y:auto;box-shadow:0 1px 1px #00000026,0 10px 0 -5px #eee,0 10px 1px -4px #00000026,0 20px 0 -10px #eee,0 20px 1px -9px #00000026,0 30px 50px #000000b3}.letter-paper[data-v-3c07eda4]::-webkit-scrollbar{width:6px}.letter-paper[data-v-3c07eda4]::-webkit-scrollbar-track{background:0 0}.letter-paper[data-v-3c07eda4]::-webkit-scrollbar-thumb{background:#5d403733;border-radius:3px}.close-btn[data-v-3c07eda4]{float:right;z-index:10;cursor:pointer;color:#8d6e63;background:0 0;border:none;margin-top:-35px;margin-right:-20px;padding:10px;font-size:32px;line-height:1;transition:color .3s;position:sticky;top:0}.close-btn[data-v-3c07eda4]:hover{color:#3e2723;transform:scale(1.1)}.letter-content[data-v-3c07eda4]{margin-top:10px}.letter-content h2[data-v-3c07eda4]{text-align:center;color:#3e2723;margin:0 0 15px;font-size:2rem}.divider[data-v-3c07eda4]{background:radial-gradient(circle,#d7ccc8 0%,#0000 100%);height:2px;margin-bottom:25px}.letter-content p[data-v-3c07eda4]{margin-bottom:1.5rem;font-size:1.3rem;line-height:2}.signature[data-v-3c07eda4]{text-align:right;margin-top:40px;font-size:1.2rem;font-weight:700}@media (max-width:768px){.letter-paper[data-v-3c07eda4]{width:85%;max-height:80vh;padding:30px 20px}.letter-content h2[data-v-3c07eda4]{font-size:1.6rem}.letter-content p[data-v-3c07eda4]{font-size:1.1rem;line-height:1.8}.close-btn[data-v-3c07eda4]{margin-top:-20px;margin-right:-10px;font-size:28px}.signature[data-v-3c07eda4]{margin-top:20px;font-size:1.1rem}}.fade-enter-active[data-v-3c07eda4],.fade-leave-active[data-v-3c07eda4]{transition:all .6s cubic-bezier(.22,1,.36,1)}.fade-enter-from[data-v-3c07eda4],.fade-leave-to[data-v-3c07eda4]{opacity:0}.fade-enter-from .letter-paper[data-v-3c07eda4],.fade-leave-to .letter-paper[data-v-3c07eda4]{transform:translateY(50px)scale(.9)rotateX(-20deg)}.fade-enter-active .letter-paper[data-v-3c07eda4],.fade-leave-active .letter-paper[data-v-3c07eda4]{transition:all .6s cubic-bezier(.22,1,.36,1)}.settings[data-v-be039114]{z-index:100;color:#fff;width:300px;font-family:Segoe UI,sans-serif;transition:right .3s cubic-bezier(.4,0,.2,1);position:fixed;top:20px;right:-300px}.settings.open[data-v-be039114]{right:0}.toggle-btn[data-v-be039114]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:8px 0 0 8px;width:50px;height:50px;font-size:24px;transition:background .2s;position:absolute;top:0;left:-50px}.toggle-btn[data-v-be039114]:hover{background:#fff3}.panel[data-v-be039114]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border-left:1px solid #ffffff1a;border-radius:0 0 0 8px;height:90vh;padding:20px;overflow-y:auto;box-shadow:-10px 10px 30px #0000004d}h3[data-v-be039114]{border-bottom:1px solid #ffffff1a;margin:0 0 20px;padding-bottom:10px;font-size:18px}.control-group[data-v-be039114]{margin-bottom:15px}.control-group.row[data-v-be039114]{justify-content:space-between;align-items:center;display:flex}label[data-v-be039114]{color:#94a3b8;margin-bottom:5px;font-size:14px;display:block}input[type=range][data-v-be039114]{accent-color:#60a5fa;width:100%}input[type=checkbox][data-v-be039114]{accent-color:#60a5fa;width:18px;height:18px}.text-input[data-v-be039114]{color:#fff;box-sizing:border-box;background:#0000004d;border:1px solid #fff3;border-radius:4px;width:100%;padding:8px;font-size:14px}.text-input[data-v-be039114]:focus{background:#00000080;border-color:#60a5fa;outline:none}body{background:#020617;margin:0;overflow:hidden}canvas{width:100%;height:100%;display:block}.app-container{width:100vw;height:100vh;position:relative}