:root{--ink: #263033;--ink-soft: #565951;--paper: #f2efe8;--paper-deep: #e5dfd2;--red: #a9392c;--line: #cfc9bd;--max: 1280px;--serif: "Noto Serif CJK SC", "Songti SC", STSong, serif;--sans: "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{color:#fff;background:var(--red)}a{color:inherit;text-underline-offset:6px}a:focus-visible{outline:2px solid var(--red);outline-offset:7px;border-radius:2px}.library-home{width:min(var(--max),calc(100% - 112px));margin:auto}.skip-link{position:fixed;top:12px;left:16px;z-index:10;padding:12px 18px;background:var(--paper);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.library-masthead{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.library-brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:26px;text-decoration:none;white-space:nowrap}.library-mark{display:grid;place-items:center;width:35px;height:37px;color:var(--paper);background:var(--red);font-size:27px;line-height:1}.library-nav{display:flex;gap:36px;font-family:var(--serif);font-size:16px}.library-nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}.library-nav a:hover{color:var(--red)}.library-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);align-items:end;gap:80px;padding:55px 36px 62px}.library-kicker{margin:0 0 19px;color:var(--red);font-size:17px;letter-spacing:.08em;font-family:var(--serif)}.library-hero h1{margin:0;font-family:var(--serif);font-size:clamp(39px,4.12vw,60px);font-weight:500;line-height:1.35;letter-spacing:-.05em}.library-intro{padding-bottom:4px;max-width:375px}.library-intro p{margin:0;color:var(--ink-soft);font-family:var(--serif);font-size:17px;line-height:1.9}.library-hero-link{display:inline-block;padding:12px 0 8px;margin-top:13px;border-bottom:1px solid var(--red);color:var(--red);text-decoration:none;font-family:var(--serif);font-size:18px}.library-shelf{padding:0 22px;scroll-margin-top:28px}.shelf-heading{display:flex;align-items:center;gap:25px;margin:0 4px 31px}.shelf-heading h2{margin:0;font-family:var(--serif);font-size:31px;font-weight:500;white-space:nowrap}.shelf-count{margin:4px 0 0;color:var(--ink-soft);font-family:var(--serif);font-size:16px;white-space:nowrap}.shelf-count span{margin-right:4px;color:var(--red);font-family:Georgia,serif;font-size:20px}.shelf-heading-rule{height:1px;background:var(--line);flex:1}.shelf-row{--book-height: 350px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0 64px;margin-bottom:58px}.reading-book{--book-scale: 1.07;--book-margin: .04;position:relative;min-width:0}.book-display{position:relative;height:var(--book-height);display:flex;justify-content:center;align-items:flex-end;perspective:1100px}.book-object{position:relative;display:block;z-index:2;width:calc(var(--book-height) * var(--book-scale) * .75);height:calc(var(--book-height) * var(--book-scale));flex:none;transform:translateY(calc(var(--book-height) * var(--book-scale) * var(--book-margin)));transform-origin:50% 94%;transition:transform .45s cubic-bezier(.2,.65,.25,1),filter .45s}.book-cover{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(-7px 8px 7px #45342316)}.reading-book--ivory{--book-scale: 1.19;--book-margin: .087;mix-blend-mode:multiply}.reading-book--ivory .book-cover{filter:none}.reading-book--sage{--book-scale: 1.12;--book-margin: .076}.shelf-plank{pointer-events:none;overflow:hidden;position:absolute;z-index:1}.shelf-plank img{display:block;width:107%;max-width:none;height:auto;margin-left:-3.5%;transform:translateY(-39.5%);opacity:.87}.desktop-plank{left:-16px;right:-16px;top:calc(var(--book-height) - 18px);height:102px}.mobile-plank{display:none}.book-caption{position:relative;z-index:2;padding:45px 4px 0}.book-category{display:flex;align-items:baseline;gap:13px;margin:0 0 8px;font-family:var(--serif);color:var(--red);font-size:14px}.book-category span{font-family:Georgia,serif;font-size:12px;letter-spacing:.06em}.book-caption h3{margin:0 0 7px;font-family:var(--serif);font-size:clamp(20px,1.7vw,24px);font-weight:500;line-height:1.45}.book-caption h3 a{text-decoration:none}.book-caption h3 a:hover{color:var(--red)}.book-subtitle{margin:0 0 9px;color:var(--ink-soft);font-size:13px;line-height:1.7}.book-description{margin:0;color:var(--ink-soft);font-family:var(--serif);font-size:14px;line-height:1.85}.book-read-link{display:inline-block;min-height:44px;margin-top:10px;padding:10px 0 7px;color:var(--red);text-decoration-thickness:1px;font-size:14px;font-family:var(--serif)}.book-object:focus-visible{transform:translateY(calc(var(--book-height) * var(--book-scale) * var(--book-margin) - 12px)) rotateY(-7deg)}@media(hover:hover)and (pointer:fine){.reading-book:hover .book-object{transform:translateY(calc(var(--book-height) * var(--book-scale) * var(--book-margin) - 12px)) rotateY(-7deg);filter:drop-shadow(8px 10px 7px #45342315)}.reading-book:hover .book-read-link{text-decoration-thickness:2px}.reading-book--ivory:hover .book-object{filter:none}}.library-footer{border-top:1px solid var(--line);padding:27px 0 26px;text-align:center;scroll-margin-top:32px}.library-footer-thought{margin:0 0 12px;color:var(--ink-soft);font-family:var(--serif);font-size:16px}.library-method{margin:0 0 20px;color:var(--ink-soft);font-size:12px;letter-spacing:.12em}.library-method span{padding:0 9px;color:var(--red)}.library-colophon{display:flex;justify-content:center;align-items:center;gap:18px;color:var(--ink-soft);font-size:11px;letter-spacing:.05em}.library-seal{width:20px;height:22px;display:grid;place-items:center;border:1px solid var(--red);font-family:var(--serif);color:var(--red);font-size:15px}@media(max-width:1100px){.library-home{width:calc(100% - 64px)}.library-hero{padding:55px 6px;gap:44px;grid-template-columns:1.5fr 1fr}.library-hero h1{font-size:clamp(35px,4.4vw,48px)}.library-intro p{font-size:15px}.library-shelf{padding:0 5px}.shelf-row{--book-height: 300px;padding:0 24px;gap:26px}.book-caption h3{font-size:21px}}@media(max-width:800px){.library-brand{font-size:22px}.library-hero{grid-template-columns:1fr;gap:27px;padding:42px 6px}.library-hero h1{font-size:clamp(34px,6.2vw,46px)}.library-intro{max-width:520px}.library-intro p{font-size:16px}.library-hero-link{margin-top:6px;font-size:16px}.shelf-heading{gap:16px;margin-bottom:24px}.shelf-heading h2{font-size:26px}.shelf-row{--book-height: 265px;padding:0 8px;gap:22px}.book-caption{padding-top:33px}.book-caption h3{font-size:19px}.book-subtitle{font-size:12px}.book-description{font-size:13px}.desktop-plank{top:calc(var(--book-height) - 12px);height:66px}}@media(max-width:600px){.library-home{width:calc(100% - 40px)}.library-masthead{min-height:76px}.library-brand{gap:9px;font-size:21px}.library-mark{width:29px;height:32px;font-size:23px}.library-nav{gap:17px;font-size:13px}.library-nav a:last-child{display:none}.library-hero{padding:40px 0 37px;gap:25px}.library-kicker{font-size:14px;margin-bottom:17px}.library-hero h1{font-size:clamp(29px,7.95vw,43px);line-height:1.4;letter-spacing:-.06em}.library-intro p{font-size:15px;line-height:1.9}.library-shelf{padding:0}.shelf-heading{gap:17px;margin:0 0 22px}.shelf-heading h2{font-size:25px}.shelf-count{font-size:13px}.shelf-count span{font-size:17px}.shelf-row{--book-height: 318px;grid-template-columns:1fr;padding:0;gap:44px;margin-bottom:44px}.book-display{width:100%;max-width:400px;margin:auto}.desktop-plank{display:none}.mobile-plank{display:block;left:-8px;right:-8px;top:calc(var(--book-height) - 17px);height:66px}.book-caption{max-width:400px;margin:auto;padding:31px 16px 0}.book-caption h3{font-size:24px}.book-category{font-size:14px}.book-subtitle{font-size:13px}.book-description{font-size:15px}.book-read-link{font-size:15px;margin-top:7px}.library-footer{padding:25px 0}.library-footer-thought{font-size:14px}.library-method{font-size:11px;letter-spacing:.04em}.library-colophon{gap:12px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reading-book:hover .book-object,.book-object:focus-visible{transform:translateY(calc(var(--book-height) * var(--book-scale) * var(--book-margin)))}}
