:root{font-family:"Microsoft YaHei",sans-serif;color:#294d41;background:#e9eee6;font-synthesis:none;--red:#b94046;--green:#294d41;--paper:#fffef8}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #b94046;outline-offset:4px}button{border:0}svg{width:19px;height:19px;stroke-width:1.6;flex-shrink:0}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%;cursor:grab}.masthead{position:fixed;z-index:5;left:42px;right:42px;top:28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--green);font:600 27px "Noto Serif SC","SimSun",serif}.brand-mark{border:1px solid #55765b;border-radius:50%;height:42px;width:42px;display:grid;place-items:center}.brand-mark svg{width:25px;height:25px}.brand small{display:block;font:9px/1.9 Arial,sans-serif;letter-spacing:0}.edition{font:10px Arial,sans-serif;color:#647065;display:flex;gap:22px}.edition span{color:#b94046}.quiet-button{display:flex;gap:9px;align-items:center;background:#ffffff80;padding:12px 17px;border:1px solid #b9cbbb;border-radius:5px;font-size:12px}.cover-notes{position:absolute;left:7vw;top:41%;transition:opacity .4s;pointer-events:none}.tiny-label{font:10px Arial,sans-serif;color:#8b8272}.cover-notes p{font:500 26px/1.7 "Noto Serif SC","SimSun",serif;margin:18px 0}.handwritten{font:italic 13px Georgia,serif;color:#7b8d75}.cover-action{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:12px;transition:opacity .3s}.open-button{background:#b94046;border-radius:5px;color:#fffdf4;min-width:180px;display:flex;justify-content:center;align-items:center;gap:30px;padding:16px 21px;box-shadow:0 7px 16px #772f3422;font-size:14px}.open-button:hover{background:#9f3039;transform:translateY(-2px)}.cover-action>span{font-size:11px;color:#7c8b7c}.cover-stamp{position:absolute;right:8%;bottom:28%;font:italic 24px/1.05 Georgia,serif;transform:rotate(8deg);color:#a64345;transition:opacity .3s}.cover-stamp span{font-size:38px}.desktop-footer{position:fixed;bottom:22px;left:42px;right:42px;display:flex;justify-content:space-between;font-size:9px;color:#7e887b}.journal{position:absolute;inset:108px max(48px,calc((100vw - 1270px)/2)) 63px;display:grid;grid-template-columns:35% 65%;background:var(--paper);border-radius:6px;box-shadow:0 20px 45px #28433422,0 0 0 8px #49715a;opacity:0;visibility:hidden;transform:translateY(25px) scale(.93);transition:opacity .55s,transform .7s,visibility .7s;z-index:3}.is-open .journal{opacity:1;visibility:visible;transform:none;transition-delay:.65s}.is-open .cover-notes,.is-open .cover-action,.is-open .cover-stamp{opacity:0;pointer-events:none}.paper-stack{position:absolute;inset:4px -4px -9px;z-index:-1;border-radius:5px;background:repeating-linear-gradient(#eeeade 0 1px,#fffdf4 1px 3px);box-shadow:0 5px 0 #b34445}.left-page{padding:28px 35px 18px;position:relative;background:linear-gradient(90deg,transparent 95%,#e2dfcf70 100%);display:flex;flex-direction:column;min-height:0;overflow:hidden}.page-kicker{display:flex;justify-content:space-between;align-items:center;color:#8f9d80;font:9px Arial,sans-serif}.page-kicker svg{color:#b84546;width:27px;height:27px}.left-page h1{font:600 31px/1.65 "Noto Serif SC","SimSun",serif;margin:20px 0 16px}.left-page h1 span{color:var(--red)}.date-heading{display:flex;gap:10px;align-items:center;border-top:1px solid #dadfce;padding-top:10px}.date-heading strong{font:52px Georgia,serif;color:var(--red)}.date-heading div{display:flex;flex-direction:column;gap:4px;font-size:11px}.date-heading small{font:italic 13px Georgia,serif;color:#929781}.date-heading>svg{margin-left:auto;color:#cda044;width:34px;height:34px}.month-list{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:8px 0 18px}.month-list button{background:none;font-size:10px;padding:8px 1px;border-radius:50%;aspect-ratio:1.25;color:#858b7a}.month-list button.active{background:#bd4949;color:white}.month-list button:disabled{opacity:.3;cursor:default}.memory-photo{position:relative;margin:6px 8px 12px;transform:rotate(-4deg);background:#fff;padding:8px 8px 1px;box-shadow:0 3px 8px #463c2022;flex:1;min-height:80px;max-height:215px;display:flex;flex-direction:column}.memory-photo img{width:100%;height:calc(100% - 32px);object-fit:cover;min-height:0;flex:1}.memory-photo figcaption{font:11px/32px "SimSun",serif;text-align:center}.tape{position:absolute;width:70px;height:24px;top:-10px;left:34%;background:#c9d7a5b0;transform:rotate(9deg);z-index:1}.little-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#819175;margin:10px 0}.little-note svg{color:var(--red);width:13px}.paper-foot{display:flex;justify-content:space-between;color:#909784;font:8px Arial;margin-top:auto;padding-top:8px}.binding{position:absolute;z-index:5;left:calc(35% - 16px);top:12%;bottom:12%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.binding b{width:31px;height:15px;border:4px solid #aab3a2;border-right-color:#e5e5d5;border-bottom-color:#627466;border-radius:12px;box-shadow:0 2px 3px #253e342f;background:#ffffff44}.right-page{padding:25px 30px 12px 34px;display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(90deg,#d6d8c230,transparent 4%);border-left:1px solid #d9d9cc}.page-top{display:flex;justify-content:space-between;align-items:center;min-height:60px}.page-top h2{font:600 25px "Noto Serif SC","SimSun",serif;margin:7px 0 0}.apple-seal{width:52px;height:48px;border:1px dashed #b94443;border-radius:43% 44% 49% 49%;font:italic 11px Georgia;text-align:center;display:grid;place-content:center;color:#b94443;transform:rotate(12deg);position:relative}.apple-seal:before{content:"";position:absolute;background:#8da36b;width:13px;height:6px;border-radius:80% 0;top:-7px;left:30px;transform:rotate(-30deg)}.bookmarks{display:flex;gap:7px;margin:17px 0 13px;border-bottom:1px solid #cdd6bd}.bookmarks button{padding:10px 17px;display:flex;align-items:center;gap:7px;background:#eef0df;border-radius:4px 4px 0 0;font-size:12px;transform:translateY(1px);border:1px solid #d6dcc9}.bookmarks button[aria-selected=true]{background:#477b64;color:#fff;border-color:#477b64}.bookmarks button:nth-child(2){background:#f4e2d5}.bookmarks button:nth-child(2)[aria-selected=true]{background:#b44c49}.bookmarks button:nth-child(3){background:#e7dca5}.bookmarks button:nth-child(3)[aria-selected=true]{background:#9b8234}.filters{display:flex;align-items:center;gap:9px;border-bottom:1px dashed #d6d9ca;padding:0 0 12px}.filters select{background:transparent;border:0;color:#596957;font-size:11px;max-width:95px;padding:5px 0}.search{display:flex;gap:6px;align-items:center;margin-left:auto;max-width:170px}.search svg{width:15px;color:#9ba18f}.search input{width:100%;font-size:11px;border:0;background:transparent;outline:none;color:var(--green)}.content-scroll{overflow:auto;flex:1;min-height:0;padding:15px 5px 16px 0;scrollbar-width:thin;scrollbar-color:#bdc5ad transparent}.day-title{display:flex;align-items:baseline;gap:8px;margin:4px 0 10px;color:#b84546}.day-title strong{font:24px Georgia}.day-title span{font-size:10px;color:#8b947e}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;margin-bottom:24px;align-items:start}.entry{min-width:0;background:#fff;padding:6px;box-shadow:0 2px 5px #44553213;border:1px solid #e7e8dc;position:relative}.entry:nth-child(3n+1){transform:rotate(-1deg)}.entry:nth-child(3n+2){transform:rotate(1deg)}.media-btn{padding:0;position:relative;width:100%;display:block;background:#edf0e4;aspect-ratio:4/5;overflow:hidden}.media-btn img{width:100%;height:100%;object-fit:contain;display:block}.play-mark{position:absolute;bottom:6px;right:6px;background:#ffffffe8;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;color:#b94046}.play-mark svg{width:13px;height:13px;fill:#b94046}.media-count{position:absolute;left:6px;bottom:6px;background:#ffffffe0;font-size:9px;padding:3px 5px;border-radius:3px}.entry-caption{font-size:11px;line-height:1.7;color:#596752;margin:7px 2px 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.entry-meta{font-size:9px;color:#a1a489;margin:6px 2px 1px}.text-entry{padding:14px;background:#f6f1df;min-height:130px}.text-entry .entry-caption{-webkit-line-clamp:6;margin:0;line-height:1.9}.wall .entry{transform:none}.wall .entry-grid{gap:10px}.page-pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e4d6;padding-top:6px;height:40px;flex-shrink:0}.page-pagination>span{font:10px Georgia;color:#92987e}.icon-button{background:transparent;display:grid;place-items:center;width:32px;height:32px;border-radius:50%}.icon-button:hover{background:#dbe5d6}.empty{font:15px/2 "Noto Serif SC",serif;text-align:center;color:#8e9b84;padding:60px 0}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday{text-align:center;font-size:9px;color:#97a187;padding:8px 0}.calendar-day{border:1px solid #e1e4d7;min-height:83px;background:#f9faef;padding:5px;text-align:left;position:relative}.calendar-day b{font:12px Georgia}.calendar-day img{width:100%;height:44px;object-fit:cover;display:block;margin-top:3px}.calendar-day small{position:absolute;bottom:4px;right:4px;background:#fff8;padding:2px;font-size:8px;color:#b44c49}.calendar-day:disabled{cursor:default;opacity:.45}.calendar-back{display:flex;align-items:center;gap:5px;background:none;font-size:11px;margin-bottom:12px;color:#b94046}dialog{border:0;border-radius:8px;width:min(1020px,calc(100% - 28px));max-height:90dvh;padding:16px 22px;background:#fffef8;color:var(--green);box-shadow:0 25px 100px #10231f55}dialog::backdrop{background:#173c3599;backdrop-filter:blur(6px)}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin-bottom:12px}.viewer-modes{display:flex;gap:4px}.viewer-modes button{font-size:11px;padding:7px 12px;background:#e8eedf;border-radius:4px}.viewer-modes button.active{background:#477b64;color:white}#viewerMedia{height:min(62dvh,650px);display:flex;align-items:center;justify-content:center;background:#edf0e7}#viewerMedia img,#viewerMedia video{width:100%;height:100%;object-fit:contain}#viewerMedia iframe{width:100%;height:100%;border:0}.viewer-bottom{display:flex;justify-content:center;align-items:center;gap:16px;font-size:11px;margin-top:5px}#viewerCaption{font-size:12px;line-height:1.9;white-space:pre-wrap;margin:10px 3px;max-height:18vh;overflow:auto}.is-open #scene canvas{cursor:default}
@media(min-width:1700px){.journal{top:120px;bottom:90px}.left-page{padding:35px 45px}.memory-photo{max-height:290px}.left-page h1{margin:25px 0}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-scroll{padding-top:22px}}
@media(max-height:750px) and (min-width:761px){.journal{top:92px;bottom:48px}.left-page h1{font-size:25px;margin:8px 0}.left-page{padding-top:20px}.month-list{margin-bottom:7px}.memory-photo{max-height:150px}.little-note{display:none}.right-page{padding-top:15px}.bookmarks{margin:10px 0}.page-top{min-height:50px}}
@media(max-width:1050px){.cover-notes{left:5%;top:34%}.cover-notes p{font-size:21px}.cover-stamp{right:5%;font-size:19px}.cover-stamp span{font-size:30px}.edition{display:none}.journal{left:24px;right:24px;grid-template-columns:30% 70%}.binding{left:calc(30% - 15px)}.left-page{padding:25px 20px}.left-page h1{font-size:25px}.right-page{padding-left:25px;padding-right:20px}.entry-grid{gap:12px 9px}.month-list{grid-template-columns:repeat(4,1fr)}.little-note{display:none}}
@media(max-width:760px){.masthead{top:20px;left:20px;right:20px}.brand{font-size:22px;gap:8px}.brand-mark{width:34px;height:34px}.brand small{font-size:8px}.quiet-button{padding:10px;font-size:11px}.cover-notes{top:auto;bottom:23%;left:25px}.cover-notes .tiny-label,.handwritten{display:none}.cover-notes p{font-size:17px;line-height:1.65;margin:0}.cover-stamp{right:25px;bottom:23%;font-size:15px}.cover-stamp span{font-size:24px}.cover-action{bottom:9.5%;gap:10px}.open-button{min-width:180px;padding:14px 20px}.desktop-footer{bottom:17px;left:20px;right:20px;font-size:7px}.desktop-footer span:last-child{display:none}.journal{top:98px;bottom:49px;left:18px;right:18px;display:block;box-shadow:0 15px 30px #28433422,0 0 0 6px #49715a}.left-page,.binding{display:none}.right-page{height:100%;padding:18px 14px 8px;border:0;background:none}.page-top h2{font-size:23px}.page-top .tiny-label{font-size:8px}.apple-seal{width:43px;height:40px;font-size:10px}.bookmarks{gap:5px;margin:13px 0 10px}.bookmarks button{padding:9px 12px;font-size:11px;gap:5px}.bookmarks svg{width:15px;height:15px}.filters{gap:6px;flex-wrap:wrap;padding-bottom:9px}.filters select{font-size:10px;max-width:86px}.search{max-width:100%;width:100%;margin:3px 0 0;background:#f1f3e8;padding:7px 9px;border-radius:4px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.entry-caption{font-size:10px}.media-btn{aspect-ratio:4/5}.content-scroll{padding-top:12px}.calendar-day{min-height:65px;padding:3px}.calendar-day img{height:32px}.calendar-day small{font-size:7px}.calendar{gap:2px}.weekday{font-size:8px}dialog{padding:12px;max-height:92dvh}#viewerMedia{height:56dvh}#viewerCaption{font-size:11px}.viewer-toolbar{font-size:10px}.viewer-modes button{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.paper-stack{inset:auto -4px -9px;height:10px}.doodle-strip{display:block;width:160px;height:85px;object-fit:contain;align-self:center;mix-blend-mode:multiply;opacity:.85;flex-shrink:0;margin:8px 0}.left-page,.right-page{background-color:var(--paper)}
@media(max-height:850px){.doodle-strip{display:none}}
:root{background:#f4e5e5;color:#744b50;--green:#744b50;--red:#b94046;--paper:#fffafa}.brand-mark{border-color:#c38d93}.quiet-button{border-color:#d9b2b6}.edition,.desktop-footer{color:#9c797c}.handwritten,.cover-action>span{color:#a2797d}.journal{box-shadow:0 20px 45px #7e384622,0 0 0 8px #c98c94}.paper-stack{background:repeating-linear-gradient(#e6cfd0 0 1px,#fffafa 1px 3px)}.left-page,.right-page{background-color:var(--paper)}.right-page{border-left-color:#ead8d8}.page-kicker,.paper-foot,.little-note{color:#a17f83}.date-heading{border-color:#ead7d8}.date-heading small{color:#ab8d91}.month-list button{color:#a9878b}.month-list button.active{color:white}.tape{background:#e7b8bab5}.bookmarks{border-color:#e5c8cc}.bookmarks button{background:#f3dadd;border-color:#e4bfc4}.bookmarks button[aria-selected=true]{background:#bc737e;border-color:#bc737e}.filters{border-color:#e5ced2}.filters select,.search input{color:#8b6269}.search svg{color:#b18c94}.content-scroll{scrollbar-color:#d1a4aa transparent}.day-title span{color:#a28a8b}.entry{border-color:#f0dfe0}.entry-caption{color:#77575b}.entry-meta{color:#aa8d91}.media-btn{background:#f6eeee}.text-entry{background:#f9e8e5}.page-pagination{border-color:#eadbdd}.page-pagination>span{color:#ab8f93}.icon-button:hover{background:#f2d9dd}.calendar-day{background:#fff4f3;border-color:#edd9dc}.weekday{color:#ad9197}.empty{color:#aa8d92}.viewer-modes button{background:#f4dfe3}.viewer-modes button.active{background:#ba7581}.binding b{border-color:#c6abb0;border-right-color:#f5e6e7;border-bottom-color:#a27c84}.header-tools{display:flex;align-items:center;gap:8px}.music-button[aria-pressed=true]{background:#b94046;color:#fff;border-color:#b94046}.music-button[aria-pressed=true] svg{animation:music-sway 2s ease-in-out infinite}@keyframes music-sway{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
@media(max-width:760px){.journal{box-shadow:0 15px 30px #7e384622,0 0 0 6px #c98c94}.search{background:#f7eaea}.music-button span{display:none}.header-tools{gap:6px}.music-button{width:37px;justify-content:center;padding:9px}}
.brand{font-family:YouYuan,"Microsoft YaHei",sans-serif;font-weight:700}.cover-stamp{display:none}.left-page .together-quote{font-family:YouYuan,"Microsoft YaHei",sans-serif;font-size:23px;line-height:1.65;margin:15px 0}.hub-nav{position:fixed;z-index:12;right:25px;bottom:15px;display:flex;align-items:center;gap:8px;background:#fff9f6ed;padding:6px 9px;border:1px solid #e5bfc4;border-radius:40px;box-shadow:0 5px 20px #8f534119}.hub-nav>span{font-size:10px;padding:0 9px;color:#a75564}.hub-nav a{padding:10px 14px;color:#775058;text-decoration:none;font-size:13px;font-weight:700;border-radius:30px}.hub-nav a.active{background:#bb6576;color:white}.page-vines{position:absolute;inset:-8px;pointer-events:none;border-left:3px solid #778952;border-right:3px solid #778952;border-radius:18px;z-index:4}.page-vines i{position:absolute;top:calc(var(--n) * 4.5%);left:-10px;width:24px;height:11px;border-radius:90% 0 90% 0;background:#80935b;transform:rotate(var(--turn));box-shadow:0 2px 3px #34421d22}.page-vines i:nth-child(even){left:auto;right:-10px;background:#a3ad77}.journal{bottom:82px}.desktop-footer{bottom:25px}.cover-notes{color:#754b4e}.masthead{z-index:10}.is-open .hub-nav{z-index:12}.cover-action{bottom:7%}.open-button{gap:0}@media(max-width:760px){.hub-nav{bottom:10px;left:18px;right:18px;justify-content:center}.hub-nav>span{display:none}.hub-nav a{font-size:12px;padding:9px 18px}.journal{bottom:77px}.desktop-footer{display:none}.cover-action{bottom:7%}.page-vines i{width:17px;height:8px;left:-7px}.page-vines i:nth-child(even){right:-7px}}