:root{color-scheme:dark;background:#050b18;--literary-font:"LXGW WenKai 109","LXGW WenKai 111","LXGW WenKai 113","LXGW WenKai 114","LXGW WenKai 115","LXGW WenKai 116","LXGW WenKai 117","LXGW WenKai 118","LXGW WenKai 119","Kaiti SC",STKaiti,KaiTi,serif}*,::after,::before{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;background:#050b18;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--literary-font);overscroll-behavior:none}.preloader{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(46,86,151,.2),transparent 24%),radial-gradient(ellipse at 50% 110%,rgba(20,49,96,.38),transparent 55%),#030817;color:#f4efe6;opacity:1;visibility:visible;transition:opacity 1.15s cubic-bezier(.22, .61, .36, 1),visibility 0s linear 1.15s}.preloader::after{content:"";position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(116deg,transparent 43%,rgba(75,121,196,.1) 49%,rgba(181,207,255,.09) 51%,transparent 57%);filter:blur(20px);transform:rotate(-7deg)}.preloader-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.preloader-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(220,235,255,var(--o));box-shadow:0 0 calc(var(--s) * 4) rgba(126,176,255,.72);animation:preloader-particle var(--d) ease-in-out var(--delay) infinite;will-change:transform,opacity}.preloader-particles i:nth-child(3n){background:rgba(255,248,226,var(--o));box-shadow:0 0 calc(var(--s) * 5) rgba(255,225,170,.48)}.preloader-particles i:nth-child(4n){filter:blur(.35px)}.preloader-content{position:relative;z-index:1;width:min(76vw,420px);text-align:center;transition:transform 1s cubic-bezier(.22, .61, .36, 1),opacity .8s,filter .8s}.preloader-orbit{position:relative;width:82px;height:82px;margin:0 auto 28px;border:1px solid rgba(175,204,255,.22);border-radius:50%;transform:rotate(-18deg)}.preloader-moon{position:absolute;inset:17px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fffaf0 0,#dbe6f6 34%,#819bbf 76%,#33476b 100%);box-shadow:0 0 25px rgba(180,210,255,.3),inset -7px -5px 9px rgba(20,35,67,.45)}.preloader-satellite{position:absolute;top:6px;left:11px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px rgba(160,202,255,.75);animation:2.4s linear infinite preloader-orbit;transform-origin:30px 35px}.preloader-eyebrow{margin:0 0 13px;color:rgba(186,207,239,.64);font:10px/1.4 ui-serif,Georgia,serif;letter-spacing:.3em}.preloader h1{margin:0;font-family:"Xingkai SC",STXingkai,"华文行楷","Kaiti SC",STKaiti,cursive;font-size:clamp(32px, 8vw, 48px);font-weight:400;letter-spacing:.08em;line-height:1.35;color:#edf4ff;background:linear-gradient(115deg,#c5d9f5 5%,#fff9e9 45%,#a8c9f5 78%,#e9f2ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 11px rgba(127, 174, 241, .28))}.preloader-progress{height:1px;margin:34px auto 12px;overflow:visible;background:rgba(174,200,238,.18)}.preloader-progress span{position:relative;display:block;width:0;height:100%;background:linear-gradient(90deg,#618ac5,#e8f2ff);box-shadow:0 0 8px rgba(159,201,255,.7);transition:width .35s ease-out}.preloader-progress span::after{content:"";position:absolute;top:-2px;right:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px #80b5ff}.preloader-status{margin:0;color:rgba(204,220,243,.66);font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.preloader-icp{position:absolute;z-index:2;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;color:#fff;font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;white-space:nowrap;transform:translateX(-50%)}.preloader-percent-sign{margin-left:2px;opacity:.62}.preloader.is-leaving{opacity:0;pointer-events:none}.preloader.is-leaving .preloader-content{opacity:0;filter:blur(5px);transform:scale(1.055) translateY(-8px)}@keyframes preloader-particle{0%,100%{opacity:.16;transform:translate3d(0,10px,0) scale(.65)}38%{opacity:var(--o)}62%{opacity:calc(var(--o) * .72);transform:translate3d(var(--dx),var(--dy),0) scale(1.2)}82%{opacity:.12}}@keyframes preloader-orbit{to{transform:rotate(360deg)}}.password-gate{position:fixed;z-index:24;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 43%,rgba(44,81,139,.22),transparent 28%),rgba(3,8,23,.96);opacity:0;visibility:hidden;transition:opacity .55s,visibility 0s linear .55s}.password-gate.is-open{opacity:1;visibility:visible;transition-delay:0s}.password-card{width:min(88vw,500px);color:#f3eee5;text-align:center;transform:translateY(12px) scale(.975);transition:transform .55s cubic-bezier(.22, .8, .3, 1),opacity .4s}.password-gate.is-open .password-card{transform:translateY(0) scale(1)}.password-kicker{margin:0 0 25px;color:rgba(177,201,236,.62);font:10px/1.5 Georgia,serif;letter-spacing:.28em}.password-prompt{display:block;margin:0 auto 26px;font:400 clamp(20px, 4.8vw, 27px)/1.75 var(--literary-font);letter-spacing:.035em;text-wrap:balance;text-shadow:0 2px 18px rgba(175,207,255,.18)}.password-input{display:block;width:min(76vw,260px);margin:0 auto;padding:11px 18px 12px;border:0;border-bottom:1px solid rgba(204,222,250,.42);border-radius:0;outline:0;background:0 0;color:#fff9ee;font:400 22px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.28em;text-align:center;appearance:none;transition:border-color .2s,box-shadow .2s}.password-input:focus{border-color:rgba(220,233,253,.82);box-shadow:0 8px 18px -12px rgba(128,181,255,.8)}.password-input.is-invalid{border-color:rgba(232,151,151,.8);animation:.28s password-shake}.password-error{min-height:22px;margin:10px 0 13px;color:rgba(245,184,184,.9);font:14px/1.5 var(--literary-font)}.password-submit{min-width:136px}@keyframes password-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.gift-gate{position:fixed;z-index:25;inset:0;display:grid;place-items:center;padding:24px;background:0 0;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s linear .5s}.gift-gate.is-open{opacity:1;visibility:visible;transition-delay:0s}.gift-card{position:relative;width:min(88vw,500px);padding:36px 24px;color:#f3eee5;text-align:center;filter:drop-shadow(0 3px 14px rgba(0, 0, 0, .8));transform:translateY(12px) scale(.975);transition:transform .55s cubic-bezier(.22, .8, .3, 1)}.gift-gate.is-open .gift-card{transform:translateY(0) scale(1)}.gift-card-star{display:none}.gift-card-star-one{top:21px;right:27px;font-size:14px}.gift-card-star-two{bottom:23px;left:28px;font-size:11px}.gift-kicker{margin:0 0 25px;color:rgba(177,201,236,.62);font:10px/1.5 Georgia,serif;letter-spacing:.28em}.gift-prompt{min-height:70px;margin:0;font:400 clamp(20px, 4.8vw, 27px)/1.75 var(--literary-font);letter-spacing:.035em;text-wrap:balance;text-shadow:0 2px 18px rgba(175,207,255,.18);opacity:1;transform:translateY(0);transition:opacity .2s,transform .2s}.gift-card.is-changing .gift-actions,.gift-card.is-changing .gift-prompt{opacity:0;transform:translateY(5px)}.gift-actions{display:flex;justify-content:center;gap:14px;margin-top:32px;opacity:1;transform:translateY(0);transition:opacity .2s,transform .2s}.gift-button{min-width:112px;padding:11px 22px 12px;border:1px solid rgba(204,222,250,.38);border-radius:999px;background:rgba(120,158,215,.09);color:#f5f0e8;font:400 17px/1.4 var(--literary-font);letter-spacing:.08em;cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.gift-button:focus-visible,.gift-button:hover{border-color:rgba(220,233,253,.72);background:rgba(130,173,234,.2);box-shadow:0 0 22px rgba(115,165,236,.13);outline:0;transform:translateY(-1px)}.gift-button:active{transform:translateY(1px)}.gift-button-primary{background:linear-gradient(135deg,rgba(112,153,213,.3),rgba(75,111,166,.2))}@media (max-width:520px){.gift-card{padding:32px 10px}.gift-actions{gap:10px}.gift-button{min-width:104px;padding-inline:17px}}@media (prefers-reduced-motion:reduce){.preloader-particles i,.preloader-satellite{animation:none}.gift-card,.gift-gate,.password-card,.password-gate,.preloader,.preloader-content{transition-duration:.35s}}.book-shell,.book-stage,.scene,.viewer{position:fixed;inset:0;width:100vw;height:100vh;margin:0;padding:0}.book-shell{touch-action:none;user-select:none;cursor:grab}.book-shell.is-dragging{cursor:grabbing}.book-shell.is-book-item{cursor:pointer}.book-canvas{position:fixed;inset:0;display:block;width:100vw;height:100vh;outline:0;touch-action:none}.image-lightbox{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:rgba(2,6,16,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .24s,visibility 0s linear .24s}.image-lightbox.is-open{opacity:1;visibility:visible;transition-delay:0s}.image-lightbox img{display:block;width:auto;height:auto;max-width:calc(100vw - max(36px,env(safe-area-inset-left) + env(safe-area-inset-right)));max-height:calc(100dvh - max(44px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));object-fit:contain;border-radius:4px;box-shadow:0 18px 65px rgba(0,0,0,.65);transform:scale(.965);transition:transform .24s}.image-lightbox.is-open img{transform:scale(1)}.image-lightbox-close{position:absolute;z-index:1;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(12,18,30,.52);color:transparent;font-size:0;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.image-lightbox-close::after,.image-lightbox-close::before{content:"";position:absolute;top:50%;left:50%;width:16px;height:1.5px;border-radius:999px;background:rgba(255,255,255,.88)}.image-lightbox-close::before{transform:translate(-50%,-50%) rotate(45deg)}.image-lightbox-close::after{transform:translate(-50%,-50%) rotate(-45deg)}.image-lightbox-close:hover{border-color:rgba(255,255,255,.32);background:rgba(30,39,57,.76);box-shadow:0 8px 28px rgba(0,0,0,.3)}.image-lightbox-close:active{transform:scale(.94);background:rgba(42,52,72,.82)}.image-lightbox-close:focus{outline:0}.image-lightbox-close:focus-visible{outline:rgba(255,255,255,.78) solid 2px;outline-offset:3px}.letter-lightbox{position:fixed;z-index:31;inset:0;display:grid;place-items:center;padding:max(38px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(38px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:rgba(3,7,17,.82);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.letter-lightbox.is-open{opacity:1;visibility:visible;transition-delay:0s}.letter-paper{position:relative;width:min(560px,88vw);height:min(780px,84vh);box-sizing:border-box;padding:clamp(46px,8vw,76px) clamp(34px,8vw,68px);overflow:hidden;color:#3b2d25;background:linear-gradient(90deg,transparent 0 9%,rgba(132,83,53,.08) 9.2%,transparent 9.5%),repeating-linear-gradient(0deg,rgba(91,64,47,.055) 0 1px,transparent 1px 31px),linear-gradient(145deg,#f5ead6,#ead8bb);box-shadow:0 25px 80px rgba(0,0,0,.55),inset 0 0 45px rgba(117,75,42,.1);transform:translateY(28px) rotate(-1.5deg) scale(.94);transition:transform .42s cubic-bezier(.2, .8, .2, 1);font-family:"Songti SC",STSong,"Noto Serif CJK SC","Noto Serif SC",serif;font-synthesis:none}.letter-lightbox.is-open .letter-paper{transform:translateY(0) rotate(-.45deg) scale(1)}.letter-paper::after{content:"";position:absolute;inset:10px;border:1px solid rgba(113,75,48,.18);pointer-events:none}.letter-paper-pin{position:absolute;top:25px;left:50%;color:rgba(116,67,40,.55);transform:translateX(-50%)}.letter-date{margin:0 0 24px;color:rgba(59,45,37,.6);text-align:right;font-size:16px}.letter-paper h2{margin:0 0 22px;font-size:20px;line-height:1.78;font-weight:400;font-family:inherit;-webkit-text-size-adjust:none;text-size-adjust:none}.letter-content{height:calc(100% - 144px);overflow:hidden;font-size:20px;line-height:1.78;white-space:pre-wrap;font-weight:400;font-family:inherit;-webkit-text-size-adjust:none;text-size-adjust:none}.letter-content p{margin:0 0 .85em}.letter-signature{position:absolute;right:12%;bottom:64px;margin:0;text-align:right;font-size:22px}.letter-pagination{position:absolute;z-index:2;left:50%;bottom:22px;display:flex;align-items:center;gap:16px;transform:translateX(-50%)}.letter-page-button{width:36px;height:30px;padding:0;border:1px solid rgba(92,59,39,.26);border-radius:999px;background:rgba(255,249,235,.36);color:rgba(59,45,37,.78);font:24px/25px Georgia,serif;cursor:pointer}.letter-page-button:disabled{opacity:.24;cursor:default}.letter-page-count{min-width:52px;color:rgba(59,45,37,.52);text-align:center;font-size:14px;letter-spacing:.08em}@media (max-width:600px),(max-height:720px){.letter-paper{padding-right:30px;padding-left:30px}.letter-content,.letter-paper h2{font-size:17px;line-height:1.72}}.letter-lightbox-close{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(8,16,32,.72);color:#fff;font:300 31px/40px system-ui,sans-serif;cursor:pointer}.no-script{position:fixed;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);padding:12px 18px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(5,11,24,.92);color:#f4eee6}