*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:Songti SC,STSong,SimSun,"Noto Serif SC",serif;background:#000;color:#3a2d1d;display:flex;justify-content:center;align-items:center;min-height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stage{width:100%;max-width:420px;animation:fadeIn .4s ease both}.card{position:relative;width:100%;line-height:0;border-radius:12px;overflow:hidden}.card .bg{display:block;width:100%;height:auto}.ov{position:absolute;background:transparent;border:none;outline:none;font-family:inherit;color:#3a2d1d;line-height:1.7;box-sizing:border-box}.ov::placeholder{color:#8a7350;opacity:1}.home-card{overflow:hidden}.home-write-btn{position:absolute;top:62%;left:12%;right:12%;height:10%;background:transparent;border:none;cursor:pointer}.home-treehole-btn{position:absolute;top:74%;left:10%;right:10%;height:8%;background:transparent;border:none;cursor:pointer}.home-count{position:absolute;top:77.7%;left:56%;font-size:12px;color:#8a3d22;letter-spacing:.03em;pointer-events:none}.home-bottom-btn{position:absolute;bottom:4%;left:10%;right:10%;height:6%;background:transparent;border:none;cursor:pointer}.ov-to{left:15%;width:64%;top:33.4%;transform:translateY(-50%);height:30px;font-size:15px;line-height:30px}.ov-rel{left:22%;width:56%;top:43.9%;transform:translateY(-50%);height:40px;cursor:pointer;display:flex;align-items:center}.ov-rel .sel-text{flex:1;font-size:15px;color:#8a7350;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em;line-height:30px}.ov-rel.chosen .sel-text{color:#3a2d1d}.sel-menu{position:absolute;left:16%;top:46.8%;width:52%;z-index:20;max-height:230px;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;background:url(../assets/dropdown-bg.jpg) center/cover,#f4e7c9;border:1.5px solid #9c7b4a;border-radius:10px;box-shadow:0 6px 16px #3c281447,0 16px 40px #3c281452,0 2px 4px #3c281440}.sel-menu .opt{padding:13px 18px;font-size:15px;color:#5a4528;cursor:pointer;border-bottom:1px solid rgba(156,123,74,.3);letter-spacing:.03em;transition:background .15s,color .15s}.sel-menu::-webkit-scrollbar{display:none}.sel-menu .opt:last-child{border-bottom:none}.sel-menu .opt:hover,.sel-menu .opt.on{background:#9e3b2ce6;color:#f6ecd6}.ov-words{left:14%;top:53%;width:70%;height:14.5%;font-size:15px;resize:none}.ov-count{position:absolute;right:16%;top:67.5%;font-size:11px;color:#786240b3}.ov-styles{left:8%;top:74%;width:84%;height:8.5%;display:flex;align-items:center}.ov-styles .hot{flex:1;height:100%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .18s ease}.ov-styles .hot:before{content:"";width:58px;height:58px;border-radius:50%;transition:box-shadow .2s,transform .12s}.ov-styles .hot:active{transform:scale(.94)}.ov-styles .hot:after{content:"";position:absolute;top:50%;left:50%;width:46px;height:49px;background:url(../assets/check.png) center/contain no-repeat;opacity:0;transform:translate(8%,18%) scale(.4) rotate(-8deg);transition:opacity .22s,transform .28s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.ov-styles .hot.active:after{opacity:1;transform:translate(8%,18%) scale(1) rotate(-8deg)}.submit{display:block;width:62%;margin:-95px auto 0;position:relative;z-index:5;aspect-ratio:500 / 130;background:url(../assets/btn.png) center/contain no-repeat;border:none;cursor:pointer;font-size:0;color:transparent;transition:transform .12s,opacity .2s,filter .2s}.submit:active{transform:translateY(2px) scale(.99)}.submit:disabled{opacity:.55;filter:grayscale(.3)}.result-card{overflow:hidden}.letter-back-btn{position:absolute;top:1.5%;left:7%;z-index:10;background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease,opacity .2s ease}.letter-back-btn:hover{transform:translate(-3px);opacity:.7}.letter-back-btn img{width:66px;height:auto;opacity:.85}.read-btns{position:absolute;bottom:3%;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:10}.read-btns .ink-btn{width:40%;font-size:13px;margin:0}.falling-leaves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.leaf{position:absolute;top:-20px;width:16px;height:16px;opacity:.6;animation:leaf-fall linear infinite}.leaf-0{left:10%;animation-duration:10s;animation-delay:0s;background:radial-gradient(ellipse at 30% 40%,#c8a44e,#8b6914 70%,transparent 72%);border-radius:50% 2px;transform:rotate(15deg);width:14px;height:10px}.leaf-1{left:35%;animation-duration:13s;animation-delay:2s;background:radial-gradient(ellipse at 40% 30%,#6b8c42,#3d5a1e 70%,transparent 72%);border-radius:2px 50%;transform:rotate(-20deg);width:18px;height:6px}.leaf-2{left:60%;animation-duration:11s;animation-delay:4s;background:radial-gradient(ellipse at 30% 40%,#d4a534,#9c7b1a 70%,transparent 72%);border-radius:50% 2px;transform:rotate(35deg);width:12px;height:9px}.leaf-3{left:82%;animation-duration:14s;animation-delay:1s;background:radial-gradient(ellipse at 40% 30%,#5a7a3a,#2d4a12 70%,transparent 72%);border-radius:2px 50%;transform:rotate(-10deg);width:16px;height:5px}.leaf:nth-child(5){left:22%;animation-duration:12s;animation-delay:5s}.leaf:nth-child(6){left:48%;animation-duration:9s;animation-delay:3s}.leaf:nth-child(7){left:72%;animation-duration:15s;animation-delay:6s}.leaf:nth-child(8){left:90%;animation-duration:11s;animation-delay:7s}@keyframes leaf-fall{0%{top:-5%;opacity:0;transform:rotate(0) translate(0)}10%{opacity:.3}50%{transform:rotate(180deg) translate(20px);opacity:.25}80%{opacity:.2}to{top:95%;opacity:0;transform:rotate(360deg) translate(-10px)}}.result-content{position:absolute;top:11%;left:12%;right:15%;bottom:26%;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.result-content::-webkit-scrollbar{display:none}.result-title{font-family:MaShanZheng,serif;font-size:20px;font-weight:400;color:#3a2d1d;margin-bottom:16px;letter-spacing:.08em}.result-letter{flex:1;font-family:MaShanZheng,serif;font-size:16px;line-height:2.2;color:#3a2d1d;white-space:pre-wrap;letter-spacing:.04em}.result-signature{position:absolute;bottom:19.5%;right:24%;font-family:MaShanZheng,serif;text-align:right}.signature-name{font-size:15px;color:#3a2d1d;letter-spacing:.05em}.signature-date{font-size:13px;color:#6f5c40;margin-top:24px}.cursor-blink{animation:blink 1s steps(2) infinite}@keyframes blink{0%{opacity:1}to{opacity:0}}.result-mood{position:absolute;left:12%;right:12%;bottom:8%;display:flex;align-items:center;gap:8px;font-size:12px;color:#6f5c40;opacity:.8}.result-mood .note{font-size:15px;color:#9e3b2c}.result-actions{display:flex;gap:12px;justify-content:center;padding:20px 0 36px}.action-btn{padding:10px 22px;border-radius:8px;border:1.5px solid #9c7b4a;background:url(../assets/dropdown-bg.jpg) center/cover,#f4e7c9;font-family:inherit;font-size:14px;color:#3a2d1d;cursor:pointer;letter-spacing:.05em;transition:transform .12s,box-shadow .2s}.action-btn:active{transform:scale(.96)}.back-btn{background:#9e3b2c1f;border-color:#9e3b2c;color:#9e3b2c}.music{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;background:#9e3b2c1a;border:1px dashed rgba(120,92,52,.4);border-radius:6px;font-size:13.5px;color:#6f5c40}.music .note{font-size:17px;color:#9e3b2c}.dots:after{animation:dots 1.4s infinite steps(4,end);content:""}@keyframes dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%{content:"···"}to{content:""}}.player{display:flex;align-items:center;gap:12px;margin-top:12px;padding:11px 14px;border-radius:8px;background:#9e3b2c1a;border:1px solid rgba(120,92,52,.4)}.play-btn{flex:none;width:42px;height:42px;border-radius:50%;border:1.5px solid #9e3b2c;background:#f6ecd699;color:#9e3b2c;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .12s}.play-btn:active{transform:scale(.92)}.play-btn.playing{background:#9e3b2c;color:#f5e6c8}.wave{flex:1;display:flex;align-items:flex-end;gap:3px;height:30px}.wave i{flex:1;background:#9e3b2c;border-radius:2px;opacity:.4;height:35%;transform-origin:center bottom}.wave.playing i{animation:wv 1s ease-in-out infinite;opacity:.8}.wave.playing i:nth-child(2n){animation-duration:.8s}.wave.playing i:nth-child(3n){animation-duration:1.25s}.wave.playing i:nth-child(4n){animation-duration:.62s}@keyframes wv{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.result-send-btn{position:absolute;bottom:2%;left:50%;transform:translate(-50%);z-index:10}.send-card{overflow:hidden}.send-url-input{position:absolute;top:39.5%;left:26%;width:45%;height:4%;border:none;outline:none;background:transparent;font-family:inherit;font-size:26px;color:#3a2d1d;letter-spacing:.01em;padding:0 6px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.send-copy-btn{position:absolute;top:38%;right:11%;width:13%;height:8%;background:transparent;border:none;cursor:pointer}.send-treehole-btn{position:absolute;top:53%;left:5%;right:5%;height:17%;background:transparent;border:none;cursor:pointer}.send-treehole-btn:disabled{cursor:default;opacity:.6}.send-view-btn{position:absolute;top:70%;left:5%;right:5%;height:14%;background:transparent;border:none;cursor:pointer}.send-done-btn{position:absolute;bottom:3%;left:50%;transform:translate(-50%);width:25%;height:12%;background:transparent;border:none;cursor:pointer}.treehole-card{overflow:hidden}.treehole-count{position:absolute;top:16%;left:0;right:0;text-align:center;pointer-events:none;font-size:11px;color:#6f5c40;letter-spacing:.05em}.treehole-back-btn{position:absolute;top:9%;left:3%;width:20%;height:5%;background:transparent;border:none;cursor:pointer;z-index:5}.treehole-list{position:absolute;top:18%;left:6%;right:6%;bottom:5%;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;flex-direction:column;gap:14px;padding:4px 0;scroll-snap-type:y mandatory}.treehole-list::-webkit-scrollbar{display:none}.treehole-loading,.treehole-end{text-align:center;font-size:12px;color:#6f5c4099;padding:12px 0;letter-spacing:.05em}.about-card{overflow:hidden}.about-github-btn{position:absolute;top:63.5%;left:20%;width:30%;height:6%;background:transparent;border:none;cursor:pointer}.about-home-btn{position:absolute;top:63.5%;right:18%;width:30%;height:6%;background:transparent;border:none;cursor:pointer}.about-cloud-btn{position:absolute;bottom:3%;left:10%;right:10%;height:25%;background:transparent;border:none;cursor:pointer}.ink-btn{display:flex;align-items:center;justify-content:center;width:55%;max-width:260px;aspect-ratio:300 / 88;background:url(../assets/btn-send.png) center/contain no-repeat;border:none;cursor:pointer;font-family:inherit;font-size:15px;color:#f4e7c9d9;letter-spacing:.1em;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:opacity .2s;opacity:.85}.ink-btn:disabled{opacity:.5;cursor:not-allowed}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1f1a12;display:flex;justify-content:center;align-items:center;min-height:100%}.loading-stage{display:flex;flex-direction:column}.loading-breathe{animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.loading-footer{position:absolute;left:0;right:0;bottom:12%;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.loading-tip{font-family:MaShanZheng,serif;font-size:16px;color:#3a2d1db3;letter-spacing:.12em;animation:tip-fade 2.8s ease infinite}@keyframes tip-fade{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.loading-dots{display:flex;align-items:center;gap:10px}.loading-ink-dot{width:6px;height:6px;border-radius:50%;background:#3a2d1d33;transition:all .3s ease}.loading-ink-dot.active{background:#3a2d1da6;transform:scale(1.5);box-shadow:0 0 6px #3a2d1d40}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#1f1a1299;display:flex;align-items:center;justify-content:center;animation:fade-in .3s ease}.modal-content{position:relative;width:82%;max-width:320px;padding:24px 20px;text-align:center;background:url(../assets/dropdown-bg.jpg) center/cover,#f4e7c9;border:1.5px solid #9c7b4a;border-radius:12px;box-shadow:0 8px 32px #3c281466}.modal-close{position:absolute;top:10px;right:14px;background:none;border:none;cursor:pointer;font-size:18px;color:#6f5c40;line-height:1;padding:4px 8px;border-radius:4px;transition:color .2s}.modal-close:hover{color:#3a2d1d}.modal-icon{font-size:36px;margin-bottom:8px}.modal-text{font-family:MaShanZheng,serif;font-size:18px;color:#3a2d1d;letter-spacing:.08em}.modal-sub{font-size:12px;color:#6f5c40;margin-top:6px;word-break:break-all}.modal-btn{margin-top:16px;padding:8px 24px;border:1.5px solid #9c7b4a;border-radius:8px;background:#9e3b2c1a;color:#9e3b2c;font-family:inherit;font-size:15px;letter-spacing:.08em;cursor:pointer}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.toast-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.toast{padding:16px 28px;background:url(../assets/dropdown-bg.jpg) center/cover,#f4e7c9;border:1.5px solid #9c7b4a;border-radius:10px;box-shadow:0 6px 16px #3c281447,0 16px 40px #3c281452;font-size:15px;color:#3a2d1d;letter-spacing:.05em;animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.envelope{position:relative;cursor:pointer;transition:transform .15s;animation:cardSlideIn .35s ease both;scroll-snap-align:end;scroll-snap-stop:always}.envelope:hover{transform:scale(1.02)}.envelope:active{transform:scale(.98)}.envelope-bg{display:block;width:100%;height:auto;border-radius:4px}.envelope-content{position:absolute;top:0;right:0;bottom:0;left:0}.env-1 .env-title{position:absolute;top:35%;left:20%;right:10%;font-family:MaShanZheng,serif;font-size:20px;color:#3a2d1d;letter-spacing:.05em}.env-1 .env-preview{position:absolute;top:50%;left:20%;right:30%;font-size:11px;color:#5a4528;line-height:1.6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.env-1 .env-from{position:absolute;bottom:18%;left:20%;font-size:11px;color:#1a1a1a}.env-1 .env-date{position:absolute;bottom:18%;right:30%;font-size:10px;color:#1a1a1a}.env-2 .envelope-content{transform:rotate(-2deg);transform-origin:center center}.env-2 .env-title{position:absolute;top:30%;left:16%;right:30%;font-family:MaShanZheng,serif;font-size:20px;color:#3a2d1d;letter-spacing:.05em}.env-2 .env-preview{position:absolute;top:50%;left:16%;right:12%;font-size:11px;color:#5a4528;line-height:1.6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.env-2 .env-from{position:absolute;bottom:20%;left:16%;font-size:11px;color:#1a1a1a}.env-2 .env-date{position:absolute;bottom:20%;right:12%;font-size:10px;color:#1a1a1a}.env-3 .env-title{position:absolute;top:30%;left:17%;right:30%;font-family:MaShanZheng,serif;font-size:20px;color:#3a2d1d;letter-spacing:.05em}.env-3 .env-preview{position:absolute;top:45%;left:17%;right:12%;font-size:11px;color:#5a4528;line-height:1.6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.env-3 .env-from{position:absolute;bottom:17%;left:12%;font-size:11px;color:#1a1a1a}.env-3 .env-date{position:absolute;bottom:17%;right:12%;font-size:10px;color:#1a1a1a}