@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Caveat:wght@400;500;700&family=Ma+Shan+Zheng&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,ul,ol,li,button,input,textarea{margin:0;padding:0;border:none}b,strong{font-weight:700;display:inline-block}a,a:visited,a:active,button{color:inherit;text-decoration:none;display:inline-block;touch-action:manipulation}button,select{text-transform:none;cursor:pointer;background:none}button:focus,input:focus{outline:none}img,video{max-width:100%;vertical-align:middle;border-style:none}ol,ul{list-style:none}:root{--col-numb: 15;--grid-val: calc(100 / var(--col-numb));--color-bg: #fafafa;--color-loader: #d45054;--color-primary: #68142b;--color-dark: #2c2e2c;--color-accent: #f0ffa4;--color-navigator: #fe7589;--color-shadow: #2c2e2c40}@media screen and (min-width:48em){:root{--col-numb: 32}}html,body{width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:hidden}body{color:var(--color-dark);background:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:max(12px,3.2vw);line-height:1.25}@media screen and (min-width:640px){body{font-size:max(22px,.952381vw)}}@media screen and (min-width:768px){body{font-size:max(12px,.833333vw)}}h1,h2,h3,h4,h5,h6{font-family:Libre Baskerville,Georgia,serif;color:var(--color-primary)}#root{width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:clip scroll}.font-display{font-family:Libre Baskerville,Georgia,serif}.font-body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.fs-xl{font-size:max(12px,9.33333vw);line-height:1}@media screen and (min-width:640px){.fs-xl{font-size:max(22px,7.02381vw)}}@media screen and (min-width:768px){.fs-xl{font-size:max(12px,6.14583vw)}}.fs-lg{font-size:max(12px,6.4vw);line-height:1.2}@media screen and (min-width:640px){.fs-lg{font-size:max(22px,2.38095vw)}}@media screen and (min-width:768px){.fs-lg{font-size:max(12px,2.08333vw)}}.fs-md{font-size:max(12px,4.8vw);line-height:1.44}@media screen and (min-width:640px){.fs-md{font-size:max(22px,1.78571vw)}}@media screen and (min-width:768px){.fs-md{font-size:max(12px,1.5625vw)}}.fs-sm{font-size:max(12px,3.2vw);line-height:1.5}@media screen and (min-width:640px){.fs-sm{font-size:max(22px,1.19048vw)}}@media screen and (min-width:768px){.fs-sm{font-size:max(12px,1.04167vw)}}.fs-xs{font-size:max(12px,3.73333vw);line-height:1.28571}@media screen and (min-width:640px){.fs-xs{font-size:max(22px,1.07143vw)}}@media screen and (min-width:768px){.fs-xs{font-size:max(12px,.9375vw)}}.mm-shadow{filter:drop-shadow(4px 4px var(--color-shadow));transition:filter .5s cubic-bezier(.215,.61,.355,1)}.mm-shadow:hover{filter:drop-shadow(0 0 transparent)}.audio-hint-bubble{min-width:176px;max-width:220px;padding:8px 12px;border:1px solid rgba(104,20,43,.12);background:#faf9f7ad;color:#68142bd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #2c2e2c14;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .32s ease}.audio-hint-bubble--centered{transform:translateY(-50%) translate(6px)}.audio-hint-bubble--bottom{transform:translate(6px)}.audio-hint-bubble.is-visible{opacity:1}.audio-hint-bubble__text{display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;line-height:1.45;letter-spacing:.02em}@keyframes audio-hint-float-centered{0%{transform:translateY(-50%) translate(6px)}50%{transform:translateY(calc(-50% - 3px)) translate(0)}to{transform:translateY(-50%) translate(6px)}}@keyframes audio-hint-float-bottom{0%{transform:translate(6px) translateY(0)}50%{transform:translate(0) translateY(-3px)}to{transform:translate(6px) translateY(0)}}.audio-hint-bubble--centered.is-visible{animation:audio-hint-float-centered 2.1s ease-in-out infinite}.audio-hint-bubble--bottom.is-visible{animation:audio-hint-float-bottom 2.1s ease-in-out infinite}.audio-wave-icon__wave{opacity:.9;transition:opacity .22s ease,filter .22s ease}.audio-wave-icon.is-active .audio-wave-icon__wave{opacity:1;filter:drop-shadow(0 0 1.6px rgba(104,20,43,.18))}.rotate{display:none;position:fixed;top:0;left:0;width:100vw;height:100svh;background:var(--color-loader);z-index:200;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--color-primary);padding:0 calc(var(--grid-val) * .5vw)}@media screen and (max-width:47.99em)and (orientation:landscape){.rotate{display:flex}}.fade-enter{opacity:0}.fade-enter-active{transition:opacity .5s cubic-bezier(.645,.045,.355,1)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .5s cubic-bezier(.645,.045,.355,1)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#68142b40;border-radius:2px}.blog-content,.write-editor{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.85;color:#2c2e2c}.blog-content p,.write-editor p{margin-bottom:1.25em}.blog-content h1,.write-editor h1{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(22px,2.8vw,32px);font-style:italic;font-weight:700;color:#68142b;line-height:1.2;margin:2em 0 .75em}.blog-content h2,.write-editor h2{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(18px,2.2vw,26px);font-style:italic;font-weight:700;color:#68142b;line-height:1.25;margin:1.75em 0 .65em}.blog-content h3,.write-editor h3{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(15px,1.6vw,20px);font-weight:700;color:#2c2e2c;margin:1.5em 0 .5em}.blog-content blockquote,.write-editor blockquote{border-left:3px solid rgba(104,20,43,.3);margin:1.5em 0;padding:.25em 0 .25em 1.25em;font-style:italic;color:#2c2e2cb3}.blog-content ul,.write-editor ul{list-style:disc;padding-left:1.5em;margin-bottom:1.25em}.blog-content ol,.write-editor ol{list-style:decimal;padding-left:1.5em;margin-bottom:1.25em}.blog-content li,.write-editor li{margin-bottom:.4em}.blog-content img,.write-editor img{max-width:100%;margin:1.5em 0;display:block}.blog-content img[data-lazy-blog-image=true]{opacity:0;transition:opacity .35s ease;background:#68142b0f}.blog-content img[data-lazy-blog-image=true].is-loaded{opacity:1}.blog-content hr,.write-editor hr{border:none;border-top:1px solid rgba(44,46,44,.12);margin:2.5em 0}.blog-content a{color:#68142b;text-decoration:underline}.write-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#2c2e2c4d;pointer-events:none;float:left;height:0}.scrapbook-paper{background-color:#f6efde;background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(50,96,85,.12) 31px,rgba(50,96,85,.12) 32px),radial-gradient(circle at 20% 30%,rgba(212,80,84,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(50,96,85,.04) 0%,transparent 50%)}.scrapbook-paper:before{content:"";position:absolute;left:56px;top:0;bottom:0;width:1px;background:#d4505459;pointer-events:none}@media(max-width:640px){.scrapbook-paper:before{left:28px}}.handwriting-cn{font-family:Ma Shan Zheng,Caveat,cursive}.handwriting-en,.handwriting{font-family:Caveat,Ma Shan Zheng,cursive}.scrapbook-entry{position:relative;padding:56px 24px 80px;margin:0 auto;max-width:720px}.scrapbook-photo{position:relative;display:block;background:#fdfbf4;padding:12px 12px 44px;box-shadow:0 2px 4px #2c2e2c14,0 8px 24px #2c2e2c1f;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.scrapbook-photo:hover{transform:rotate(0) scale(1.02)!important;box-shadow:0 4px 8px #2c2e2c1a,0 16px 36px #2c2e2c2e;z-index:2}.scrapbook-photo img{display:block;width:100%;height:100%;object-fit:cover;background:#3260550f}.scrapbook-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-2deg);width:72px;height:22px;background:#d4505452;box-shadow:inset 0 0 0 1px #ffffff40;clip-path:polygon(4% 30%,96% 10%,100% 80%,0% 90%);pointer-events:none}.scrapbook-tape--alt{background:#32605552;transform:translate(-50%) rotate(3deg);width:64px;height:20px}.scrapbook-caption{font-family:Caveat,Ma Shan Zheng,cursive;font-size:22px;line-height:1.5;color:#326055;white-space:pre-wrap;word-break:break-word}.scrapbook-date{font-family:Caveat,cursive;font-size:16px;color:#32605599;letter-spacing:.04em}.scrapbook-fab{position:fixed;right:28px;bottom:84px;z-index:30;width:52px;height:52px;border-radius:50%;background:#326055;color:#f6efde;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 6px 18px #2c2e2c40;transition:transform .25s ease,box-shadow .25s ease}.scrapbook-fab:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2c2e2c52}.scrapbook-up-arrow{position:fixed;top:50%;left:24px;z-index:30;width:38px;height:38px;border-radius:50%;background:#326055d9;color:#f6efde;border:none;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit;box-shadow:0 6px 18px #2c2e2c38;animation:scrapbook-up-float 2s ease-in-out infinite;transition:background .25s ease,box-shadow .25s ease}.scrapbook-up-arrow:hover{background:#326055;box-shadow:0 10px 24px #2c2e2c52}@keyframes scrapbook-up-float{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}@media(max-width:640px){.scrapbook-up-arrow{left:14px;width:34px;height:34px;font-size:18px}}