:root{--ink:#14231d;--paper:#f6f4ed;--moss:#315a4b;--lime:#c7d66e;--line:rgba(20,35,29,.18);--serif:"Noto Serif SC",Georgia,serif;--sans:"DM Sans","PingFang SC","Microsoft YaHei",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}.book-header{width:min(1320px,calc(100% - 64px));height:86px;margin:auto;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);display:flex;align-items:baseline;gap:9px;text-decoration:none}.brand span{font:700 25px var(--serif)}.brand i{font:9px var(--mono);font-style:normal;letter-spacing:.14em}.header-link{color:var(--ink);font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.header-link span{margin-left:10px}.book-layout{width:min(1240px,calc(100% - 64px));margin:0 auto;min-height:calc(100vh - 86px);display:grid;grid-template-columns:310px 1fr;gap:84px;align-items:center;padding:70px 0}.eyebrow{font:11px var(--mono);letter-spacing:.12em;color:var(--moss);margin:0 0 21px}.book-intro h1{font:500 clamp(37px,4vw,56px)/1.16 var(--serif);letter-spacing:-.055em;margin:0}.book-intro h1 em{font-style:normal;color:var(--moss)}.book-intro>p:not(.eyebrow):not(.page-note){font-size:15px;color:#34433c;margin:25px 0 28px}.intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.download{color:var(--ink);font-size:14px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.download span{margin-left:11px}.page-note{font-size:11px;color:#6b776f;margin:46px 0 0;max-width:230px}.reader{min-width:0}.reader-topbar{display:flex;justify-content:space-between;align-items:center;margin:0 auto 14px;max-width:600px;font:11px var(--mono);letter-spacing:.06em;color:#5f6b64}.reader-topbar button{border:0;background:transparent;padding:0;color:var(--ink);font:11px var(--mono);letter-spacing:.03em;cursor:pointer;border-bottom:1px solid var(--ink)}.book-stage{position:relative;display:grid;place-items:center;min-height:min(72vh,750px);padding:18px}.book-page{width:min(100%,500px);max-height:70vh;aspect-ratio:595.5/842.25;margin:0;position:relative;perspective:1300px;filter:drop-shadow(0 18px 19px rgba(14,26,20,.16))}.book-page:before{content:"";position:absolute;z-index:-1;inset:8px -9px -8px 8px;background:#d9d6ca;transform:skewY(.9deg)}.book-page img{width:100%;height:100%;object-fit:contain;display:block;background:#263242;transform-origin:left center}.book-page.is-turning-next img{animation:turnNext .44s cubic-bezier(.39,.05,.14,.98)}.book-page.is-turning-previous img{animation:turnPrevious .44s cubic-bezier(.39,.05,.14,.98)}@keyframes turnNext{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(-77deg);opacity:.38}100%{transform:rotateY(0);opacity:1}}@keyframes turnPrevious{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(77deg);opacity:.38}100%{transform:rotateY(0);opacity:1}}.page-hit{position:absolute;top:0;bottom:0;width:18%;border:0;background:transparent;cursor:pointer}.page-hit-left{left:0}.page-hit-right{right:0}.page-hit:focus-visible,.page-button:focus-visible,.reader-topbar button:focus-visible{outline:2px solid var(--moss);outline-offset:3px}.reader-controls{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:16px;max-width:600px;margin:16px auto 0}.page-button{background:transparent;border:0;color:var(--ink);font:12px var(--sans);padding:8px 0;cursor:pointer}.page-button:last-child{text-align:right}.page-button:disabled{opacity:.3;cursor:not-allowed}.progress{height:1px;background:var(--line);position:relative}.progress i{position:absolute;left:0;top:0;height:1px;background:var(--moss);width:5%;transition:width .3s}.thumbnail-section{width:min(1240px,calc(100% - 64px));margin:0 auto;padding:40px 0 92px;border-top:1px solid var(--line)}.thumbnail-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}.thumbnail-heading h2{font:500 28px var(--serif);margin:0}.thumbnails{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.thumbnail{border:0;padding:0;background:#d7d7cf;aspect-ratio:595.5/842.25;cursor:pointer;position:relative}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail span{position:absolute;bottom:4px;right:5px;background:rgba(20,35,29,.76);color:#fff;font:9px var(--mono);line-height:1;padding:3px}.thumbnail.active{outline:2px solid var(--moss);outline-offset:3px}footer{width:min(1320px,calc(100% - 64px));margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 0 27px;font:10px var(--mono);letter-spacing:.07em;color:#647068}footer a{color:var(--moss);text-decoration:none}@media(max-width:760px){.book-header,.book-layout,.thumbnail-section,footer{width:calc(100% - 36px)}.book-header{height:70px}.book-layout{grid-template-columns:1fr;gap:35px;padding:48px 0}.book-intro{max-width:520px}.book-intro h1{font-size:42px}.page-note{margin-top:25px}.reader-topbar{margin-top:4px}.book-stage{min-height:auto;padding:10px 0}.book-page{width:min(84vw,430px);max-height:none}.page-hit{width:12%}.reader-controls{grid-template-columns:85px 1fr 85px}.page-button span{display:none}.thumbnail-section{padding:48px 0 65px}.thumbnails{grid-template-columns:repeat(5,1fr);gap:13px}.thumbnail-heading h2{font-size:25px}footer{font-size:9px;gap:20px}}