:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#e5dfd2;background:#171917;font-synthesis:none;color-scheme:dark;--gold:#c4ac83;--muted:#898c81;--line:#ffffff12}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:6px}button{border:0;background:none}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#app{height:100dvh;min-height:580px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#30332a88,transparent 65%)}.ambient{position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E")}.masthead{height:108px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid var(--line);margin:0 2%}.wordmark{display:flex;gap:14px;align-items:center}.wordmark>svg{color:var(--gold);width:26px;height:35px}.wordmark>span{font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-size:18px;letter-spacing:4px}.wordmark small{display:block;font-family:Arial,sans-serif;font-size:8px;color:var(--muted);letter-spacing:2.4px;margin-top:8px}.header-actions{display:flex;gap:13px;align-items:center}.edition{font-size:11px;color:#a5a697;letter-spacing:2px;margin-right:24px;display:flex;align-items:center;gap:15px}.edition i{width:3px;height:3px;background:var(--gold);border-radius:50%}.icon-button{display:grid;place-items:center;width:38px;height:38px;color:#afaf9f;border-radius:50%;transition:background .2s}.icon-button:hover{background:#ffffff09;color:#e9ddc5}main{position:absolute;inset:108px 0 65px}.cover-heading{text-align:center;position:relative;z-index:1}.eyebrow{color:var(--gold);font:9px/1.6 Arial,sans-serif;letter-spacing:3.5px;display:flex;gap:20px;align-items:center;justify-content:center}.eyebrow span{display:block;width:25px;height:1px;background:#b8a17455}h1{font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-weight:400;font-size:48px;letter-spacing:13px;margin:18px 0 14px;padding-left:13px}.intro{font-family:Songti SC,SimSun,serif;font-size:13px;letter-spacing:3px;color:#a6a797;margin:0}#cover-scene{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:18px 0 10px;gap:10px;position:relative}.cover-display{width:100%;display:flex;justify-content:center;align-items:center;position:relative;flex:1;min-height:220px;max-height:440px}.cover-display:before{content:"";position:absolute;width:530px;height:530px;border:1px solid #c2ac7810;border-radius:50%;pointer-events:none}.cover-display:after{content:"";position:absolute;width:635px;height:635px;border:1px solid #c2ac7808;border-radius:50%;pointer-events:none}#cover-book{position:relative;width:clamp(310px,35vw,540px);padding:0;perspective:1200px;z-index:2;outline-offset:20px}.book-object{display:block;position:relative;width:100%;transform:rotateY(-9deg) rotateX(7deg) rotate(-4deg);transition:transform .75s cubic-bezier(.2,.8,.2,1);box-shadow:0 36px 45px -22px #000c,0 0 0 1px #b9a6823d;isolation:isolate}.book-object img{display:block;width:100%;height:auto;user-select:none;border-radius:2px 3px 3px 2px}.book-object:before{content:"";position:absolute;inset:3px -7px -6px 8px;background:repeating-linear-gradient(0deg,#b1a38a,#d3c5a9,#b1a38a 2px);transform:translateZ(-6px);z-index:-1;border-radius:1px 3px 6px 1px;box-shadow:5px 5px #28271f}.book-object:after{content:"";position:absolute;top:0;bottom:0;left:0;width:20px;background:linear-gradient(90deg,#0009,transparent 45%,#c5b69314 65%,#0003 73%,transparent)}.cover-sheen{position:absolute;inset:0;background:linear-gradient(118deg,#faf7e512,transparent 45%,#0002);border:1px solid #a093751a;border-radius:2px}.book-ground{position:absolute;width:85%;height:20px;bottom:-34px;left:11%;background:#0005;filter:blur(20px);border-radius:50%;z-index:-2}#cover-book:hover .book-object{transform:rotateY(-3deg) rotateX(3deg) rotate(-2deg) translateY(-7px)}.margin-note{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:28px;flex-direction:column;color:#a29e896e}.left-note{left:17%}.right-note{right:17%}.note-number{font:9px Arial,sans-serif;letter-spacing:2px;color:#afa48c}.vertical-note{writing-mode:vertical-rl;letter-spacing:6px;font:12px/2 Songti SC,SimSun,serif;color:#aaa694}.note-line{height:30px;width:1px;background:#b49b6a44}.tiny-star{font-size:30px;color:#ad936766}.cover-bottom{z-index:2;text-align:center;margin-top:10px}.open-button{display:flex;gap:42px;align-items:center;margin:auto;padding:13px 24px;border:1px solid #a18f6359;background:#b9a17708;border-radius:2px;color:#e3d1ad;transition:background .2s,border-color .2s}.open-button:hover{background:#b9a17717;border-color:#b9a17799}.open-button span{font-size:12px;letter-spacing:4px}.open-button svg{width:18px}.cover-bottom>p{font-size:10px;letter-spacing:2px;color:#858778;margin:14px 0 2px}.colophon{position:absolute;bottom:0;left:6.2%;right:6.2%;height:65px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#969788}.footer-separator{display:inline-block;margin:0 18px;color:#585e50}.footer-right{font-size:10px;letter-spacing:1px}.footer-right span{margin:0 13px;color:#70634c}#reading-scene{height:100%;position:relative}.reader-topline{position:absolute;top:22px;left:6.2%;right:6.2%;display:flex;justify-content:space-between;color:#a6a38f;font-size:10px;letter-spacing:2px;transition:opacity .3s}.reader-topline b{font-weight:400;color:#665e4c;margin:0 13px}#canvas-wrap{position:absolute;inset:62px 3.5% 110px}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;filter:drop-shadow(0 18px 30px #0005)}canvas:active{cursor:grabbing}.side-nav{position:absolute;top:45%;width:36px;height:52px;display:grid;place-items:center;color:#b4a282;transition:opacity .3s}.side-nav:hover{color:#f0d7a6;background:#ffffff06}.prev{left:1.2%}.next{right:1.2%}#reader-bottom{position:absolute;left:0;right:0;bottom:15px;display:flex;align-items:center;flex-direction:column;gap:16px;transition:opacity .3s,transform .3s}.reading-hint{display:flex;align-items:center;gap:8px;color:#949684;font-size:10px;letter-spacing:1px}.small-dot{width:3px;height:3px;border-radius:50%;background:var(--gold)}.toolbar{display:flex;align-items:center;padding:7px 12px;background:#242720dd;border:1px solid #afa07e26;box-shadow:0 8px 20px #0002;border-radius:5px;gap:2px;backdrop-filter:blur(10px)}.toolbar button{height:34px;min-width:34px;display:flex;justify-content:center;align-items:center;color:#bcb7a4;border-radius:3px}.toolbar button:hover:not(:disabled){color:#e6d2a9;background:#c1aa790d}.toolbar svg{width:17px;height:17px}.divider{height:18px;width:1px;background:#ffffff15;margin:0 12px}#page-counter{min-width:73px;text-align:center;font:11px Arial,sans-serif;letter-spacing:2px}#page-counter strong{font-weight:400;color:#e5d3b1}#page-counter span{color:#808674}.toolbar .zoom-value{font:10px Arial,sans-serif;min-width:44px}.toolbar .close-button{font-size:11px;gap:9px;padding:0 10px}.progress-track{height:1px;width:130px;background:#a393692e}.progress-track>div{height:1px;background:var(--gold);transition:width .5s ease}.quiet #reader-bottom,.quiet .reader-topline,.quiet .side-nav{opacity:0;pointer-events:none}.quiet #reader-bottom{transform:translateY(10px)}.is-reading .colophon{border-color:transparent}.is-reading .footer-right{opacity:.6}.is-zoomed canvas{cursor:move}.orientation{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:12;display:flex;gap:13px;align-items:center;width:max-content;max-width:calc(100% - 30px);background:#31342cec;box-shadow:0 8px 30px #0005;border:1px solid #b59e7040;padding:16px 15px 16px 20px;border-radius:6px;backdrop-filter:blur(10px)}.orientation>svg{color:var(--gold);width:27px;height:27px}.orientation strong{font-size:12px;font-weight:400;display:block;letter-spacing:1px}.orientation span{font-size:10px;display:block;color:#9d9f8d;margin-top:5px}.orientation button{padding:6px;color:#b0b2a1;margin-left:5px}#status,#error{position:fixed;left:50%;transform:translate(-50%);top:calc(50% + 40px);z-index:20;background:#22251eeb;border:1px solid #b59e7040;padding:15px 20px;border-radius:5px;display:flex;align-items:center;gap:12px;font-size:12px;box-shadow:0 10px 40px #0005;max-width:90vw}#error{top:auto;bottom:130px;color:#e4cbae}#error button{color:var(--gold);white-space:nowrap;border-bottom:1px solid #b59e7066;padding:3px}.spinner{height:15px;width:15px;border:1px solid #b59e7030;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:460px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);padding:40px;background:#23261f;color:#dfd9cb;border:1px solid #aa97704f;border-radius:6px;box-shadow:0 35px 100px #0008}dialog::backdrop{background:#080d0bc4;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:10px;top:10px}dialog .eyebrow{justify-content:flex-start;font-size:8px}dialog h2{font-family:SimSun,serif;font-weight:400;font-size:29px;letter-spacing:3px;margin:19px 0 13px}.dialog-intro{font-size:11px;color:#a2a391;line-height:1.9;margin-bottom:25px}.guide-row{display:flex;gap:22px;padding:17px 0;border-top:1px solid #ffffff10}.guide-row>span{font:10px/1.9 Georgia,serif;color:var(--gold)}.guide-row h3{font-size:12px;letter-spacing:1px;font-weight:400;margin:0 0 8px}.guide-row p{font-size:11px;line-height:1.9;color:#a2a391;margin:0}.guide-done{margin-top:12px;padding:13px 0;width:100%;display:flex;justify-content:space-between;border-top:1px solid #b59e7040;font-size:12px;color:#d5c09a}@media(min-height:1000px){#cover-scene{gap:25px}.cover-display{max-height:510px}h1{font-size:54px}}@media(max-height:760px)and (min-width:901px){.masthead{height:80px}main{top:80px;bottom:50px}.colophon{height:50px}h1{font-size:36px;margin:12px 0 10px}.intro{font-size:11px}.cover-display{max-height:300px}#cover-book{width:min(31vw,400px)}.cover-heading .eyebrow{font-size:8px}.cover-bottom>p{margin-top:10px}.cover-display:before{width:430px;height:430px}.cover-display:after{width:530px;height:530px}}@media(max-width:900px){.masthead{height:84px;padding:0 5%;margin:0}.wordmark>span{font-size:16px}.edition{display:none}.header-actions{gap:5px}main{top:84px;bottom:50px}.colophon{height:50px;left:6%;right:6%;font-size:8px;letter-spacing:1px}.footer-right{display:none}#cover-scene{padding:25px 0 20px;gap:22px;justify-content:center}.cover-heading .eyebrow{font-size:7px;letter-spacing:1.5px;gap:10px}.eyebrow span{width:15px}h1{font-size:38px;letter-spacing:9px;padding-left:9px;margin:19px 0 17px}.intro{font-size:11px;letter-spacing:1px}.cover-display{flex:0 1 350px;min-height:200px}.margin-note{display:none}#cover-book{width:68vw;max-width:470px;min-width:240px}.cover-display:before{width:350px;height:350px}.cover-display:after{width:445px;height:445px}.cover-bottom{margin-top:4px}.reader-topline{font-size:9px;top:20px}.reader-topline>span+span{display:none}#canvas-wrap{inset:45px 0 115px}.side-nav{display:none}.toolbar{padding:6px;gap:0}.toolbar .divider{margin:0 5px}.toolbar .close-button{padding:0 7px}.toolbar .close-button span{display:none}#page-counter{min-width:65px}#reader-bottom{bottom:28px}.is-reading .colophon{opacity:.5}}@media(max-height:520px)and (orientation:landscape){#app{min-height:0}.masthead{height:53px;padding:0 max(25px,env(safe-area-inset-left));margin:0}.wordmark>svg{height:24px;width:20px}.wordmark>span{font-size:14px;letter-spacing:2px}.wordmark small,.edition{display:none}.header-actions{gap:3px}.icon-button{height:32px;width:32px}main{inset:53px 0 17px}.colophon{height:17px;font-size:7px;border:0;left:4%;right:4%}.footer-right{display:none}#cover-scene{display:grid;grid-template-columns:1fr 1.25fr;grid-template-rows:1fr 1fr;padding:12px 7%;gap:0}.cover-heading{align-self:end;padding-bottom:10px}.cover-heading .eyebrow{font-size:6px;letter-spacing:1px}.cover-heading .eyebrow span{display:none}h1{font-size:29px;letter-spacing:7px;margin:12px 0}.intro{font-size:9px}.cover-display{grid-column:2;grid-row:1/3;height:100%;min-height:0;max-height:none}#cover-book{width:min(34vw,49vh);min-width:0}.cover-display:before,.cover-display:after,.margin-note{display:none}.cover-bottom{grid-column:1;grid-row:2;align-self:start;margin-top:10px}.open-button{padding:9px 18px;gap:20px}.open-button span{font-size:10px;letter-spacing:2px}.cover-bottom>p{font-size:8px;margin-top:8px}.reader-topline{display:none}#canvas-wrap{inset:0 3% 51px}#reader-bottom{bottom:0;gap:5px}.reading-hint{display:none}.toolbar{padding:2px 8px;border-radius:4px}.toolbar button{height:29px}.progress-track{width:100px}.side-nav{display:grid;width:25px;height:32px;top:42%}.prev{left:1%}.next{right:1%}.toolbar .divider{margin:0 8px}.toolbar .close-button span{display:inline}.is-reading .colophon{display:none}#error{bottom:62px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.spinner{animation-duration:2s}}.cover-display{container-type:size}#cover-book{width:min(clamp(310px,35vw,540px),calc((100cqh - 45px)*1.419))}@media(max-width:900px)and (orientation:portrait){#cover-book{width:min(68vw,calc((100cqh - 35px)*1.419),470px);min-width:0}}@media(max-height:760px)and (min-width:901px){#cover-book{width:min(31vw,calc((100cqh - 40px)*1.419),400px)}}@media(max-height:520px)and (orientation:landscape){#cover-book{width:min(34vw,49vh)}}.is-reading .orientation{top:145px;bottom:auto}