@charset "UTF-8";
:root{color-scheme:dark;--ink:#f0e8dd;--muted:#a29aa9;--lilac:#ccbbdf;--paper:#e7e1db;--page-ink:#504251;font-family:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 48%,#3b3044 0,#241d2b 43%,#17141b 85%);color:var(--ink);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ae8bbd;outline-offset:5px}button:disabled{opacity:.25;cursor:default}.masthead{max-width:1440px;margin:auto;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #d9c4ef13}.brand{display:flex;gap:13px;align-items:center;font-family:"Songti SC",serif;font-size:18px;letter-spacing:4px}.brand small{display:block;font:8px Georgia;letter-spacing:2.3px;color:#b4a5bb;margin-top:7px}.monogram{display:grid;place-items:center;width:38px;height:43px;border:1px solid #b9a3bc8c;color:var(--lilac);font-size:27px;transform:rotate(-5deg);border-radius:2px}.header-note{font-family:"STKaiti",serif;font-size:12px;color:#9e90a5;letter-spacing:3px}.quiet-button{color:#d0c3d5;font-size:11px;letter-spacing:1px}.quiet-button span{padding-left:10px}main{max-width:1180px;margin:auto;padding:0 50px}.introduction{display:flex;justify-content:space-between;align-items:flex-end;padding:44px 0 32px}.eyebrow{font:9px Georgia;letter-spacing:3px;color:#ae9ab9;margin:0 0 17px}h1{font-family:"Songti SC","STSong",serif;font-size:36px;font-weight:400;letter-spacing:4px;margin:0}h1 em{font-style:normal;color:#d2bfdc}.intro-note{font-size:11px;line-height:2.1;letter-spacing:1.5px;color:#aaa0ae;margin:0 0 2px}.album-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 8px 17px;font-size:10px;letter-spacing:2px;color:#bfb0c7}.album-toolbar b{font:11px Georgia;color:#eee0ee;margin-left:10px}.status-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c9acd9;margin:0 9px 2px 0}.toolbar-hint{color:#9b8aa5;font-size:10px}.album{position:relative;margin:0 0 22px;isolation:isolate;perspective:1800px}.book-base{position:absolute;inset:-10px -13px -14px;background:linear-gradient(90deg,#47394e,#211927 49%,#56425d);border-radius:12px 15px 15px 12px;box-shadow:0 35px 55px #0008,0 3px 6px #000b,inset 0 0 0 2px #8a729742,inset 0 0 0 5px #241a2c}.book-base:after{content:"";position:absolute;inset:9px 4px -6px 5px;background:repeating-linear-gradient(0deg,#ad9ead 0px,#d5cbd2 1px,#c9bdc7 2px);border-radius:8px;z-index:-1}.spread{display:grid;grid-template-columns:1fr 1fr;position:relative;border-radius:5px;overflow:hidden}.page{position:relative;padding:25px 47px 20px;color:var(--page-ink);background-color:var(--paper);background-image:radial-gradient(#66545d13 .6px,transparent .7px);background-size:4px 4px}.page-left{background-color:#e4ded8;box-shadow:inset -22px 0 28px -21px #473742b3,inset 2px 0 3px #fff8;border-radius:6px 0 0 6px}.page-right{background-color:#eee8e2;box-shadow:inset 22px 0 28px -21px #473742b3,inset -2px 0 3px #fff8;border-radius:0 6px 6px 0}.page-top,.page-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#887987}.page-top{margin:0 -11px 23px}.page-top span:last-child{font:7px Georgia;letter-spacing:1.7px}.sleeve{position:relative;padding:17px 19px 21px;background:linear-gradient(115deg,#ffffff52,#ffffff0a 37%,#c3b5c522 75%,#fff4);border:1px solid #ffffffe0;border-radius:5px;box-shadow:1px 3px 5px #77637328,inset 1px 0 3px #fff8;max-width:350px;margin:auto}.sleeve:before{content:"";position:absolute;inset:5px;border:1px solid #a795a628;border-radius:2px;pointer-events:none}.sleeve:after{content:"";position:absolute;left:8px;right:8px;top:9px;height:1px;background:#b6a8b366;box-shadow:0 1px #fff8;pointer-events:none}.sleeve-seam{position:absolute;left:7px;right:7px;bottom:7px;height:3px;border-top:1px dashed #a59aa855;pointer-events:none}.card{display:block;position:relative;border-radius:7px;box-shadow:0 7px 11px #45324460,0 0 0 1px #5541575c;transform:rotate(-2deg);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;isolation:isolate}.card-day{transform:rotate(1.5deg)}.art{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:7px;background:#453648}.art>img{position:absolute;width:100%;height:100%;object-fit:cover;display:block}.card-moon .portrait{object-position:center;transform:scale(1.02)}.card-day img{object-position:50% 32%}.card-sheen{position:absolute;inset:0;background:linear-gradient(118deg,transparent 20%,#adf8ee17 33%,#e3c9ff35 41%,#fff7 44%,#fadfff1a 47%,transparent 53%);mix-blend-mode:screen;opacity:.55;background-size:230% 100%;background-position:85% 0;transition:background-position .8s;pointer-events:none}.print-frame{position:absolute;inset:7px;border:1px solid #eee0be99;border-radius:4px;pointer-events:none}.card-caption{position:absolute;bottom:0;left:0;right:0;padding:38px 19px 19px;background:linear-gradient(transparent,#20152bc9);color:#fbf0e3}.card-caption small{font:7px Georgia;letter-spacing:3px}.card-caption strong{display:block;font-family:"Songti SC",serif;font-weight:400;font-size:24px;letter-spacing:4px;margin:7px 0}.card-caption i{font:6px Georgia;letter-spacing:1.8px;color:#c4b3cc}.take-card{position:absolute;left:50%;top:47%;transform:translate(-50%,8px);white-space:nowrap;background:#201626d9;backdrop-filter:blur(12px);border:1px solid #eddefe69;color:#eee3f4;padding:12px 18px;border-radius:30px;font-size:10px;letter-spacing:2px;opacity:0;transition:.3s}.take-card span{margin-left:10px}.card:hover,.card:focus-visible{transform:translateY(-9px) rotate(0);box-shadow:0 20px 24px #45324470}.card:hover .take-card,.card:focus-visible .take-card{opacity:1;transform:translate(-50%,0)}.card:hover .card-sheen{background-position:0 0}.card-note{display:flex;align-items:center;justify-content:space-between;max-width:350px;margin:20px auto 20px;padding:0 5px}.catalog-number{font:8px Georgia;letter-spacing:2px;color:#968596}.card-note h2{font-family:"Songti SC",serif;font-size:21px;font-weight:400;letter-spacing:4px;margin:7px 0}.card-note p{font-family:"STKaiti","KaiTi",serif;color:#89738b;font-size:12px;letter-spacing:2px;margin:6px 0 0}.favorite{color:#9a859e;font:27px Georgia;min-width:40px;min-height:44px}.favorite[aria-pressed=true]{color:#895987}.page-foot{border-top:1px solid #ac9baa44;padding-top:15px;font-size:8px;letter-spacing:1px}.page-foot span:last-child{font:11px Georgia}.binding{position:absolute;z-index:3;top:0;bottom:0;width:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:space-evenly;pointer-events:none}.binding:before{content:"";position:absolute;inset:0 15px;background:linear-gradient(90deg,#a994a0,#544351,#b8a6b1);box-shadow:0 0 10px #69546255;z-index:-1}.binding i{height:13px;border-radius:7px;background:linear-gradient(#d0cbd2,#fbf8ff 20%,#8a8092 40%,#e7e1ea 54%,#77707c 79%,#c1b8c7);box-shadow:0 3px 3px #3d293f80,1px 0 2px #0008;position:relative}.binding i:before,.binding i:after{content:"";position:absolute;top:-2px;bottom:-2px;width:8px;background:#4a3c4e;border-radius:50%;z-index:-1}.binding i:before{left:-2px}.binding i:after{right:-2px}.ribbon{position:absolute;right:65px;bottom:-41px;width:29px;height:59px;background:linear-gradient(90deg,#655071,#957c9f 45%,#6f587a);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);z-index:-1}.page-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin:38px 0 12px;font:11px Georgia;color:#c3b2cc;letter-spacing:3px}.page-navigation button{display:none;min-width:40px;height:40px;font-size:20px}.page-navigation i{font-style:normal;color:#75667f;margin:0 15px}.album-caption{text-align:center;color:#9c8ba6;font-family:"STKaiti",serif;font-size:12px;letter-spacing:2px;margin:15px 0 35px}.album-caption span{color:#d1badb;margin-right:8px}footer{display:flex;justify-content:space-between;gap:12px;max-width:1080px;padding:23px 0;margin:0 auto;border-top:1px solid #d9c4ef15;font-size:9px;color:#928299;letter-spacing:1px}footer span:nth-child(2){font:8px Georgia;letter-spacing:2px}.cover{min-height:670px;background:radial-gradient(ellipse at 35% 20%,#56415c,#382b42 55%,#2a2033);padding:25px;border-radius:6px;color:#d6bfd9;box-shadow:inset 10px 0 14px #0004,inset 0 0 0 1px #d4b8dd40;position:relative}.cover-border{border:1px solid #b89cbd66;outline:1px solid #b89cbd26;outline-offset:7px;min-height:620px;display:flex;align-items:center;justify-content:center;flex-direction:column}.cover p{font:9px Georgia;letter-spacing:4px}.cover-ornament{height:146px;width:146px;margin:52px 0 25px;border:1px solid #c1a2c77d;transform:rotate(45deg);outline:1px solid #bca0c144;outline-offset:8px;display:grid;place-items:center}.cover-ornament span{font:74px "STKaiti",serif;transform:rotate(-45deg);text-shadow:0 1px #f3e0fb,0 -1px #1d1228}.cover h2{font-family:"Songti SC",serif;font-weight:400;font-size:30px;letter-spacing:6px;margin:35px 0 15px}.cover-quote{font-family:"STKaiti",serif;font-size:13px;letter-spacing:4px;color:#ac93b8}.cover button{border:1px solid #bea2c677;padding:13px 25px;font-size:11px;letter-spacing:2px;margin:38px 0}.cover button span{margin-left:30px}.cover small{font:7px Georgia;letter-spacing:2px;color:#947d9e;margin-bottom:25px}[hidden]{display:none!important}.album.is-closed{max-width:630px;margin-left:auto;margin-right:auto}.album.is-closed .ribbon{right:30px}.album.open .spread{animation:unfold .5s ease both}@keyframes unfold{from{opacity:.2;transform:rotateX(8deg) scale(.98)}to{opacity:1;transform:none}}
dialog{padding:0;border:1px solid #baa1c33d;border-radius:13px;background:#000;color:var(--ink);width:min(1000px,94vw);height:min(920px,94dvh);max-width:94vw;max-height:94dvh;overflow:hidden;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#100b17c9;backdrop-filter:blur(14px)}.viewer-header{height:79px;padding:18px 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbc4e822;background:#1b1522}.viewer-header small{font:8px Georgia;letter-spacing:2px;color:#a58daf}.viewer-header h2{font-family:"Songti SC",serif;font-weight:400;letter-spacing:3px;font-size:21px;margin:5px 0 0}.viewer-actions{display:flex;gap:10px;align-items:center}.viewer-actions button{font-size:18px;min-width:38px;min-height:42px}.viewer-actions #close-viewer{font-size:11px;color:#c9b3d4;margin-left:14px}.viewer-actions #close-viewer span{margin-left:18px;font-size:22px}#viewer-content{height:calc(100% - 79px)}#viewer-content iframe{border:0;width:100%;height:100%;display:block;background:#000}body.has-viewer{overflow:hidden}
@media(max-width:1000px){main{padding:0 32px}.page{padding:24px 34px 19px}.sleeve{padding:15px 13px 20px}.introduction{padding-top:35px}h1{font-size:30px}footer{margin:0 35px}.intro-note{font-size:10px}.card-caption strong{font-size:21px}.card-note p{font-size:11px}}
@media(max-width:620px){.masthead{height:76px;padding:0 6%}.header-note{display:none}.brand{font-size:15px}.brand small{font-size:6px}.monogram{width:31px;height:36px;font-size:23px}.quiet-button{font-size:10px}main{padding:0 24px}.introduction{display:block;padding:30px 0 25px}.eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:13px}h1{font-size:27px;letter-spacing:2px}.intro-note{margin-top:15px;line-height:1.8}.intro-note br{display:none}.album-toolbar{font-size:9px;letter-spacing:1px;padding-bottom:18px}.toolbar-hint{font-size:8px;letter-spacing:0}.spread{display:block}.page{padding:23px 32px 20px 40px;min-height:540px}.page:not(.mobile-active){display:none}.page-left,.page-right{border-radius:5px;background-color:#e9e2dc;box-shadow:inset 18px 0 22px -16px #60455980}.binding{left:3px;width:25px;transform:none}.binding:before{inset:0 10px}.binding i{height:11px}.sleeve{max-width:300px;padding:15px 15px 19px}.page-top{margin-left:0;margin-right:0;font-size:8px}.page-top span:last-child{font-size:6px}.card-note{margin-top:19px}.card-note h2{font-size:20px}.card-note p{font-size:11px}.page-foot{font-size:7px}.take-card{opacity:1;top:auto;bottom:18px;left:auto;right:9px;transform:none;padding:7px 8px;font-size:8px;letter-spacing:0;backdrop-filter:none}.take-card span{margin-left:3px}.card-caption{padding:34px 15px 46px}.card-caption strong{font-size:23px}.card-caption i{display:none}.page-navigation{margin-top:24px;gap:23px}.page-navigation button{display:block}.album-caption{font-size:11px;letter-spacing:1px;margin-bottom:25px}.ribbon{right:35px;bottom:-28px;height:45px;width:24px}footer{margin:0 24px;padding:19px 0;line-height:1.7;font-size:8px}footer span:nth-child(2){display:none}.cover{padding:20px;min-height:560px}.cover-border{min-height:520px}.cover-ornament{width:110px;height:110px;margin:35px 0 23px}.cover-ornament span{font-size:61px}.cover h2{font-size:23px;letter-spacing:3px}.cover p{font-size:7px;letter-spacing:2px}.cover small{font-size:5px;letter-spacing:1.5px}.cover button{margin:30px 0}.cover-quote{font-size:11px;letter-spacing:2px}dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}.viewer-header{padding:13px 17px;height:73px}.viewer-header h2{font-size:18px}.viewer-actions{gap:1px}.viewer-actions #close-viewer{margin-left:4px;font-size:10px}.viewer-actions #close-viewer span{margin-left:8px}#viewer-content{height:calc(100% - 73px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


.card-kitchen img{object-position:50% 28%}.card-kitchen .card-caption{background:linear-gradient(transparent,#252b19d9)}

.art>canvas.hair-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;pointer-events:none}.card-kitchen canvas.hair-preview{object-position:50% 28%}