:root{color-scheme:light;--fs-xs: 12px;--fs-sm: 13px;--fs-ui: 14px;--fs-ui-l: 15px;--fs-body: 16px;--fs-lead: 18px;--fs-h4: 21px;--fs-h3: 24px;--fs-h2: 30px;--fs-h1: 40px;--fs-display: 52px;--sp-0-5: 2px;--sp-1: 4px;--sp-1-5: 6px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-14: 56px;--sp-16: 64px;--r-cover: 2px;--r-ctl: 4px;--r-card: 6px;--r-round: 999px;--lh-tight: 1.2;--lh-snug: 1.4;--lh-ui: 1.6;--lh-read: 1.8;--bg: #f7f4ee;--surface: #fffdf8;--surface-2: #efe9df;--surface-3: #e7e0d3;--text: #1f1b16;--text-2: #4d463d;--muted: #776e62;--faint: #ada395;--border: #e2dacb;--rule: #1f1b16;--divider: #e7e0d4;--accent: #c2410c;--logo-b1: #25211c;--logo-b2: #c2410c;--logo-b3: #cdb68c;--logo-shelf: #25211c;--logo-ink: #25211c;--logo-red: #c2410c;--accent-hover: #a33508;--accent-ink: #ffffff;--accent-soft: #f8e4d8;--focus: #c2410c;--mark: #f8e4d8;--st-r: #3b7a57;--st-n: #d3cabb;--st-c: #a5562f;--tr-1: #1f1b16;--tr-2: #c2410c;--tr-3: #3b7a57;--tr-4: #5b5fa8;--tr-5: #a0466a;--shadow-sm: 0 1px 2px rgba(48, 36, 20, .08);--shadow-book: 0 1px 1px rgba(48, 36, 20, .1), 0 4px 10px -2px rgba(48, 36, 20, .16), 0 14px 28px -12px rgba(48, 36, 20, .28);--shadow-book-hover: 0 2px 3px rgba(48, 36, 20, .12), 0 10px 20px -4px rgba(48, 36, 20, .22), 0 22px 40px -14px rgba(48, 36, 20, .34);--shadow-pop: 0 10px 40px -10px rgba(30, 20, 10, .35);--radius: 6px;--radius-sm: 4px;--topbar-h: 62px;--tabbar-h: 0px;--side-w: 236px;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;--serif: "Book Serif", "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--latin: "Newsreader", "Book Serif", "Noto Serif SC", "Songti SC", Georgia, serif;--ease: cubic-bezier(.23, 1, .32, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #15130f;--surface: #1c1915;--surface-2: #24201b;--surface-3: #2d2822;--text: #ede6da;--text-2: #c6bdae;--muted: #968c7e;--faint: #5f574b;--border: #322c25;--rule: #ede6da;--divider: #2b2620;--logo-b1: #5a5044;--logo-b2: #d4531c;--logo-b3: #e9dcc4;--logo-shelf: #d9ccb4;--logo-ink: #efe6d6;--logo-red: #ec6a3c;--accent: #f08552;--accent-hover: #f59a6d;--accent-ink: #1a1009;--accent-soft: #3a2418;--focus: #f08552;--mark: #3a2418;--st-r: #6fbf8f;--st-n: #4a433a;--st-c: #d98a62;--tr-1: #ede6da;--tr-2: #f08552;--tr-3: #6fbf8f;--tr-4: #9fa3e6;--tr-5: #e08aae;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-book: 0 1px 1px rgba(0, 0, 0, .35), 0 6px 14px -4px rgba(0, 0, 0, .55);--shadow-book-hover: 0 2px 3px rgba(0, 0, 0, .45), 0 14px 28px -8px rgba(0, 0, 0, .7);--shadow-pop: 0 10px 40px -10px rgba(0, 0, 0, .8)}}:root[data-theme=dark]{color-scheme:dark;--bg: #15130f;--surface: #1c1915;--surface-2: #24201b;--surface-3: #2d2822;--text: #ede6da;--text-2: #c6bdae;--muted: #968c7e;--faint: #5f574b;--border: #322c25;--rule: #ede6da;--divider: #2b2620;--logo-b1: #5a5044;--logo-b2: #d4531c;--logo-b3: #e9dcc4;--logo-shelf: #d9ccb4;--logo-ink: #efe6d6;--logo-red: #ec6a3c;--accent: #f08552;--accent-hover: #f59a6d;--accent-ink: #1a1009;--accent-soft: #3a2418;--focus: #f08552;--mark: #3a2418;--st-r: #6fbf8f;--st-n: #4a433a;--st-c: #d98a62;--tr-1: #ede6da;--tr-2: #f08552;--tr-3: #6fbf8f;--tr-4: #9fa3e6;--tr-5: #e08aae;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-book: 0 1px 1px rgba(0, 0, 0, .35), 0 6px 14px -4px rgba(0, 0, 0, .55);--shadow-book-hover: 0 2px 3px rgba(0, 0, 0, .45), 0 14px 28px -8px rgba(0, 0, 0, .7);--shadow-pop: 0 10px 40px -10px rgba(0, 0, 0, .8)}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--topbar-h) + 12px)}body{margin:0;background:var(--bg);color:var(--text);font:var(--fs-ui-l)/var(--lh-ui) var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}img{max-width:100%}h1,h2,h3{line-height:var(--lh-snug);margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip:focus{position:fixed;z-index:100;top:8px;left:8px;background:var(--text);color:var(--bg);padding:var(--sp-1-5) var(--sp-3)}.noscript{padding:var(--sp-6) var(--sp-4)}kbd{font:var(--fs-sm) var(--latin);color:var(--muted);border:1px solid var(--border);padding:0 var(--sp-2);line-height:20px}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-1-5);padding:0 var(--sp-5);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border)}.icon-btn{flex:none;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:var(--r-round);background:transparent;color:var(--text-2);cursor:pointer;transition:color .16s var(--ease),background .16s var(--ease)}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.icon-btn svg,.search-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.logo{display:flex;align-items:flex-end;gap:var(--sp-2);flex:none;margin:0 var(--sp-5) 0 var(--sp-1-5);color:var(--text)}.logo svg{display:block;height:30px;width:auto;flex:none}.logo:hover{text-decoration:none}.logo:hover .logo-word{opacity:.86}.search{position:relative;flex:1;max-width:560px;margin:0 auto;display:flex;align-items:center;min-width:0;height:40px;padding:0 var(--sp-3) 0 var(--sp-10);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-ctl);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.search-ico{position:absolute;left:13px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}.search-kbd{flex:none;margin-left:var(--sp-1-5);border-radius:var(--r-card);background:var(--surface-2);border-color:var(--border)}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.search input{flex:1;min-width:0;height:38px;padding:0 var(--sp-0-5);font:inherit;font-size:var(--fs-ui-l);color:var(--text);background:transparent;border:0;border-radius:0;outline:none}.search input:focus+.search-kbd{display:none}.search input::placeholder{color:var(--faint)}.search input::-webkit-search-cancel-button{display:none}.search-btn{width:36px;height:36px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.search-btn:hover{color:var(--text)}.i-moon{display:none}:root[data-theme=dark] .i-sun{display:none}:root[data-theme=dark] .i-moon{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .i-sun{display:none}:root:not([data-theme=light]) .i-moon{display:block}}.layout{display:flex;align-items:flex-start;min-height:calc(100vh - var(--topbar-h) - 120px)}.sidebar{position:sticky;top:var(--topbar-h);flex:none;width:var(--side-w);max-height:calc(100vh - var(--topbar-h));overflow-y:auto;padding:var(--sp-5) var(--sp-3) var(--sp-8) var(--sp-4);border-right:1px solid var(--border);scrollbar-width:thin}.nav{list-style:none;margin:0;padding:0}.nav a{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-1-5) var(--sp-3);margin:1px 0;border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--fs-ui-l);font-weight:500;transition:color .16s var(--ease),background .16s var(--ease)}.nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.nav a:focus-visible{outline:none}.nav a.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.nav a.active svg{stroke:var(--accent)!important}.nav-badge{margin-left:auto;min-width:20px;padding:0 var(--sp-1-5);border-radius:var(--r-round);background:var(--surface-3);color:var(--text-2);font:600 var(--fs-xs)/18px var(--sans);text-align:center}.nav a svg,.nav-more svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--muted);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:stroke .16s var(--ease)}.nav a:hover svg,.nav a.active svg,.nav-more:hover svg{stroke:var(--text)}.nav-more{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-1-5) var(--sp-3);border-radius:var(--radius-sm);border:0;background:none;color:var(--text-2);font:500 var(--fs-ui-l) var(--sans);cursor:pointer;text-align:left;transition:color .16s var(--ease)}.nav-more:hover{color:var(--text)}.nav-more:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.nav-more .chev{width:14px;height:14px;margin-left:auto;transition:transform .2s var(--ease)}.nav-more[aria-expanded=true] .chev{transform:rotate(180deg)}.nav-extra{margin-top:var(--sp-0-5)}.nav.topics a{justify-content:space-between;font-size:var(--fs-ui);font-weight:400;padding:var(--sp-1) var(--sp-3)}.nav.topics a.active{font-weight:700}.nav.topics .count{color:var(--muted);font:var(--fs-sm) var(--latin)}.nav-h{margin:var(--sp-6) var(--sp-3) var(--sp-2);padding-top:var(--sp-6);border-top:1px solid var(--divider);font:600 var(--fs-xs)/1 var(--sans);letter-spacing:.12em;color:var(--muted)}.main,main{flex:1;min-width:0;padding:30px clamp(20px,3.4vw,48px) 64px}body.side-collapsed .sidebar,.scrim{display:none}@media (max-width: 899px){.topbar{padding:0 var(--sp-3)}.sidebar{position:fixed;z-index:40;top:var(--topbar-h);bottom:0;left:0;max-height:none;background:var(--bg);transform:translate(-102%);transition:transform .22s var(--ease);border-right:1px solid var(--border);box-shadow:var(--shadow-pop);padding-bottom:calc(28px + var(--tabbar-h))}body.drawer-open .sidebar{transform:none}body.drawer-open .scrim{display:block;position:fixed;inset:var(--topbar-h) 0 0 0;z-index:35;background:#00000073}.main,main{padding:var(--sp-6) var(--sp-4) var(--sp-12)}.logo{margin:0 var(--sp-1-5) 0 0}.logo svg{height:28px}.hide-sm{display:none}.search{max-width:none}}.page-h{margin-bottom:var(--sp-1-5);padding-top:var(--sp-3)}.page-h h1{font:700 clamp(28px,3.2vw,var(--fs-h1))/1.25 var(--serif);letter-spacing:.01em}.sub{color:var(--text-2);margin:var(--sp-3) 0 0;max-width:46em;font-size:var(--fs-body)}.sub a{color:var(--text);font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:.22em}.sub a:hover{color:var(--accent)}.sub a:hover{text-decoration-color:currentColor}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1-5) var(--sp-1-5);margin:var(--sp-4) 0 var(--sp-1)}.chips .lbl{margin-right:var(--sp-1-5);min-width:5.5em}.chip{display:inline-block;padding:var(--sp-1) var(--sp-3);border:1px solid transparent;border-radius:var(--r-ctl);background:none;font-size:var(--fs-ui);color:var(--text-2);transition:color .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.chip:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.chip.on{color:var(--accent-ink);background:var(--text);font-weight:600}.chip.topic{color:var(--text-2);border:1px solid var(--border);background:var(--surface);padding:var(--sp-0-5) var(--sp-3);font-size:var(--fs-sm)}.chip.topic:hover{color:var(--accent);border-color:var(--accent)}.empty{padding:var(--sp-10) 0;color:var(--muted);text-align:center}.empty h2{font:700 var(--fs-h4) var(--serif);color:var(--text);margin-bottom:var(--sp-2)}.skel{padding:var(--sp-14) 0;color:var(--muted);text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--sp-8) var(--sp-6);margin-top:var(--sp-6)}.row{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--sp-8) var(--sp-6);padding:var(--sp-1-5) 0 var(--sp-3)}.card{display:flex;flex-direction:column;min-width:0}.card{position:relative}.wl{position:absolute;z-index:2;top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--r-round);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-sm);color:var(--text-2);cursor:pointer;opacity:0;transform:translateY(-2px);transition:opacity .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}.card:hover .wl,.wl.on,.wl.read,.wl:focus-visible{opacity:1;transform:none}.wl:hover{color:var(--text)}.wl.on{color:var(--accent-ink);background:var(--accent)}.wl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.wl.on svg{fill:currentColor}@media (hover: none){.wl{opacity:1}}dialog.share-box{padding:var(--sp-5) var(--sp-5) var(--sp-5);max-width:min(94vw,460px);width:460px;max-height:94vh;overflow:auto}.share-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.share-head h2{margin:0;font-size:var(--fs-h4)}.seg-group{display:inline-flex;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-card);background:var(--surface-2)}.seg-group .chip{cursor:pointer;font-family:var(--sans)}.share-stage{position:relative;aspect-ratio:3 / 4;border-radius:var(--r-card);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-book)}.share-stage img{display:block;width:100%;height:100%;object-fit:cover;margin:0;-webkit-touch-callout:default}.share-stage .skel{position:absolute;inset:0;padding:0}.share-qr{display:flex;gap:var(--sp-3);align-items:flex-start;margin:var(--sp-3) 0 0;padding:var(--sp-3) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;font-size:var(--fs-sm);line-height:var(--lh-ui);color:var(--muted)}.share-qr input{flex:none;width:17px;height:17px;margin:var(--sp-0-5) 0 0;accent-color:var(--accent)}.share-qr b{display:block;color:var(--text);font-size:var(--fs-ui)}.share-tip{margin:var(--sp-3) 0 0;color:var(--muted);font-size:var(--fs-sm);text-align:center}.share-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.share-actions .btn{flex:1}.btn.ghost{border-color:transparent;background:transparent}.card:hover{text-decoration:none}.card h3{font:500 var(--fs-body)/var(--lh-snug) var(--latin);margin:var(--sp-3) 0 var(--sp-0-5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.2em;transition:text-decoration-color .16s var(--ease)}.card:hover h3{color:var(--accent);text-decoration-color:transparent}.card .t-en{margin:0;color:var(--muted);font:var(--fs-sm)/var(--lh-snug) var(--latin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .au{margin:1px 0 0;color:var(--muted);font:var(--fs-ui) var(--latin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .rec{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);color:var(--muted)}.card .rec b{color:var(--text);font:500 var(--fs-ui) var(--latin)}.cover{position:relative;aspect-ratio:2 / 3;width:100%;overflow:hidden;border-radius:2px 4px 4px 2px;background:var(--surface-2);box-shadow:var(--shadow-book);transition:transform .24s var(--ease),box-shadow .24s var(--ease)}.cover:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000002e 0,#ffffff38 1.2%,#fff0 3.2%,#0000000f 4.2%,#0000 7%);box-shadow:inset 0 0 0 1px #0000000f}a.card:hover .cover,a.wcard:hover .cover{transform:translateY(-4px);box-shadow:var(--shadow-book-hover)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;z-index:1;left:8px;bottom:8px;border-radius:var(--r-ctl);background:#14100cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f4eee4;font:500 var(--fs-xs)/1 var(--latin);padding:var(--sp-1) var(--sp-1-5);letter-spacing:.02em}.cover.ph{container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-start;padding:20% 14% 12% 16%;background:linear-gradient(160deg,var(--c1, #45525e),var(--c2, #2a333c));color:#f3ead8}.cover.ph:before{content:"";position:absolute;inset:5.5% 6% 5.5% 8%;border:1px solid rgba(222,190,128,.5);border-radius:1px;pointer-events:none}.ph-g{position:absolute;right:-2%;bottom:-10%;font:700 86cqw/1 var(--serif);color:#f3ead817;pointer-events:none;-webkit-user-select:none;user-select:none}.ph-t{position:relative;font:700 clamp(11px,10.5cqw,var(--fs-h3))/1.3 var(--serif);letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.ph-rule{position:relative;width:24%;height:1px;background:#debe80d9;margin:7cqw 0 6cqw}.ph-a{position:relative;font:clamp(9px,7cqw,var(--fs-ui))/1.4 var(--latin);color:#f3ead8b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sentinel{padding:var(--sp-6) 0 var(--sp-2);color:var(--muted);font-size:var(--fs-ui);text-align:center}.sentinel.end{padding-bottom:0}.rec .rl,.rec .rm,.rec .rs,.rec .rx{display:none}.rec-st .rs{display:inline}@container card (min-width: 160px){.rec-st .rl{display:inline}.rec-st .rs{display:none}}.card{container-type:inline-size;container-name:card}.book{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--sp-10);max-width:920px;padding-top:var(--sp-5)}.book>.sec,.book>#related{grid-column:1 / -1}.book>div:first-child{align-self:start}.book h1{font:500 clamp(30px,3.6vw,var(--fs-h1))/1.18 var(--latin);letter-spacing:-.005em}.book .st{color:var(--muted);font:var(--fs-h4)/var(--lh-snug) var(--latin);margin:var(--sp-2) 0 0}.book .t-en{color:var(--muted);font:var(--fs-ui-l)/var(--lh-ui) var(--latin);margin:var(--sp-1-5) 0 0;max-width:40em;overflow-wrap:anywhere}.book .by{margin:var(--sp-3) 0 0;color:var(--text-2);font:var(--fs-lead) var(--latin)}.book .by span{color:var(--muted);font-family:var(--sans);font-size:var(--fs-ui)}.book .by a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:.22em}.stats{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-10);margin:var(--sp-6) 0 var(--sp-1);padding-top:var(--sp-4);border-top:1px solid var(--border)}.stat b{display:block;font:400 var(--fs-h2)/var(--lh-tight) var(--latin)}.stat span{color:var(--muted);font-size:var(--fs-sm)}.stance{margin:var(--sp-5) 0 0;max-width:440px}.sbar{display:flex;gap:var(--sp-0-5);height:8px;overflow:hidden;border-radius:var(--r-round);background:var(--surface-2)}.sbar i{display:block}.s-r{background:var(--st-r)}.s-n{background:var(--st-n)}.slg{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);margin:var(--sp-2) 0 0;font-size:var(--fs-sm);color:var(--muted)}.slg .dot{display:inline-block;width:8px;height:8px;margin-right:var(--sp-1-5)}.desc{margin:var(--sp-5) 0 0;color:var(--text);max-width:40em;font-size:var(--fs-body);line-height:var(--lh-read)}details.orig{margin:var(--sp-2) 0 0;max-width:40em}details.orig summary{cursor:pointer;color:var(--muted);font-size:var(--fs-ui);list-style:none;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:.25em;transition:color .16s var(--ease)}details.orig summary::-webkit-details-marker{display:none}details.orig summary:before{content:"▸ ";font-size:var(--fs-xs)}details.orig[open] summary:before{content:"▾ "}details.orig summary:hover{color:var(--text)}details.orig[open] summary{margin-bottom:var(--sp-0-5)}details.orig .desc{margin:var(--sp-1-5) 0 0;font-size:var(--fs-ui-l);color:var(--text-2)}.comment .c-zh{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-body);line-height:var(--lh-read);color:var(--text)}.comment details.c-orig{margin:var(--sp-1-5) 0 0;max-width:none}.comment details.c-orig summary{font-size:var(--fs-sm)}.comment .c-orig .c-en{margin:var(--sp-1) 0 0}.comment .c-en{margin:var(--sp-2) 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:var(--fs-ui-l)/var(--lh-ui) var(--latin);color:var(--muted)}.buy-row{display:flex;align-items:center;gap:var(--sp-3) var(--sp-3);margin:var(--sp-6) 0 var(--sp-0-5);flex-wrap:wrap}.buy-lbl,.shelf-lbl,.chips .lbl{font:600 var(--fs-xs)/var(--lh-ui) var(--sans);letter-spacing:.12em;color:var(--muted)}.nd-rate{margin:var(--sp-6) 0 calc(-1 * var(--sp-4));font-size:var(--fs-ui);color:var(--muted)}.nd-rate b{font:400 var(--fs-h4)/1 var(--latin);color:var(--text);margin:0 var(--sp-0-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:38px;padding:var(--sp-2) var(--sp-5);border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--surface);color:var(--text);font:600 var(--fs-ui) var(--sans);cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.btn:hover{background:var(--surface-2);border-color:var(--faint);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}.aff-note{color:var(--muted);font-size:var(--fs-sm);margin:var(--sp-1-5) 0 0}.links{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);margin:var(--sp-4) 0 0}.links a,.links .btn{font-weight:500}.sec{margin-top:var(--sp-12);max-width:920px}.sec h2{font:700 var(--fs-h3) var(--serif);letter-spacing:.01em;padding-top:var(--sp-5);border-top:1px solid var(--border);margin-bottom:var(--sp-4)}.chart{width:100%;max-width:680px;height:auto}.chart text,.tr-bump text,.tr-cmpchart text{font:var(--fs-xs) var(--latin);fill:var(--muted)}.chart rect.bar{fill:var(--accent)}.chart line{stroke:var(--border)}.chart line[stroke-dasharray]{stroke:var(--muted)}.comments{list-style:none;margin:0;padding:0}.comment{padding:var(--sp-5) 0;border-bottom:1px solid var(--divider)}.comment-h{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--sp-1-5);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-3)}.comment-h a{color:var(--text-2);font:var(--fs-ui) var(--latin)}.comment p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:var(--fs-body)/var(--lh-ui) var(--latin);color:var(--text)}.comment mark{background:var(--mark);color:var(--text);font-weight:600;padding:0 var(--sp-0-5);border-radius:var(--r-ctl)}.thread{font-size:var(--fs-sm);color:var(--muted)}.tag{display:inline-block;padding:0 var(--sp-2);border:1px solid currentColor;border-radius:var(--r-ctl);font-size:var(--fs-xs);font-weight:600;line-height:var(--lh-ui)}.tag-recommends{color:var(--st-r)}.tag-mentions{color:var(--muted)}.tag-critical{color:var(--st-c)}@media (max-width: 640px){.book{display:block;padding-top:var(--sp-2)}.book>div:first-child{float:left;width:104px;margin:var(--sp-1) var(--sp-4) var(--sp-3) 0}.book h1{font-size:var(--fs-h3);line-height:var(--lh-tight)}.book .st{font-size:var(--fs-body);margin-top:var(--sp-1)}.book .t-en{font-size:var(--fs-ui)}.book .by{font-size:var(--fs-ui-l)}.book .stats,.book>.sec,.book>#related{clear:both}.book .stats{gap:var(--sp-3) var(--sp-6);margin-top:var(--sp-4)}.book .stat b{font-size:var(--fs-h3)}}.tr-sec{margin-top:var(--sp-12);max-width:1100px}.tr-sec h2{font:700 var(--fs-h3) var(--serif);letter-spacing:.01em;padding-top:var(--sp-5);border-top:1px solid var(--border);margin-bottom:var(--sp-2)}.tr-gh{font:600 var(--fs-ui-l) var(--sans);margin:var(--sp-6) 0 var(--sp-0-5)}.tr-gh span{color:var(--muted);font-weight:400;font-size:var(--fs-ui)}.tr-box{position:relative;border:1px solid var(--border);background:var(--bg);margin-top:var(--sp-4)}.tr-scroll{overflow-x:auto;padding:var(--sp-2)}.tr-tip{position:absolute;top:0;left:0;z-index:5;pointer-events:auto;background:var(--bg);border:1px solid var(--rule);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);max-width:300px}.tr-tip b{font-family:var(--latin);font-weight:500}.tr-tip a{color:var(--text);text-decoration:underline;white-space:nowrap}.tr-tip .pin:after{content:""}.tr-bump .bk{cursor:pointer}.tr-bump .bk-l{fill:none;stroke:var(--border);stroke-width:2}.tr-bump .bk-d{fill:var(--bg);stroke:var(--muted);stroke-width:1.4}.tr-bump.has-hl .bk:not(.on){opacity:.9}.tr-bump .hl-l{fill:none;stroke:var(--text);stroke-width:2.5}.tr-bump .hl-d{fill:var(--text);stroke:var(--text)}.tr-bump .cur{fill:none;stroke:var(--text);stroke-width:1.6}.tr-bump .tl{font:var(--fs-xs) var(--latin);fill:var(--text)}.tr-bump .tl.top{font-weight:600;fill:var(--text)}.tr-bump .hl-t{font-weight:600}.tr-bump .ax{fill:var(--muted)}.spark{width:100%;height:auto;display:block}.spark .ln{fill:none;stroke:var(--text);stroke-width:1.6}.spark .ar{fill:var(--surface-2);stroke:none}.spark .pk{fill:var(--text);stroke:var(--bg);stroke-width:1.5}.spark line{stroke:var(--border)}.spark-x{display:flex;justify-content:space-between;color:var(--muted);font:var(--fs-xs) var(--latin)}.tr-card .rec{color:var(--text)}.tr-search{position:relative;max-width:460px;margin:var(--sp-4) 0}.tr-search input{width:100%;height:40px;padding:0 var(--sp-0-5);font:inherit;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;outline:none}.tr-search input:disabled{opacity:.55}#tr-list{position:absolute;z-index:10;left:0;right:0;top:44px;margin:0;padding:var(--sp-1) 0;list-style:none;background:var(--bg);border:1px solid var(--rule);max-height:320px;overflow-y:auto}#tr-list li{padding:var(--sp-2) var(--sp-3);cursor:pointer}#tr-list li.on,#tr-list li:hover{background:var(--surface-2)}#tr-list li span{color:var(--muted);font-size:var(--fs-sm)}#tr-list li.none{color:var(--muted);cursor:default}.tr-legend{display:flex;flex-wrap:wrap;gap:var(--sp-1-5) var(--sp-5);list-style:none;margin:var(--sp-3) 0;padding:0}.tr-legend li{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-ui)}.tr-legend .sw{width:14px;height:3px;background:var(--c, var(--text))}.tr-legend .x{border:0;background:none;color:var(--muted);font-size:var(--fs-body);cursor:pointer;padding:0 var(--sp-0-5)}.tr-legend .x:hover{color:var(--text)}.tr-cmpchart .cl{fill:none;stroke-width:2}.tr-cmpchart line{stroke:var(--border)}.tr-cmpchart .vl{stroke:var(--muted);stroke-dasharray:3 3}.tr-cmpchart .ax{fill:var(--muted)}.tr-cmpchart .tl{font:var(--fs-xs) var(--latin);fill:var(--text)}.tr-empty{padding:var(--sp-10) var(--sp-4)}.r{display:flex;align-items:center;gap:var(--sp-1-5)}.r .sw{width:12px;height:3px;background:var(--c)}.prose{max-width:40em}.prose h1{font:700 clamp(28px,3.2vw,var(--fs-h1))/1.25 var(--serif);letter-spacing:.01em;padding-top:var(--sp-1-5);margin-bottom:var(--sp-4)}.prose h2{font:700 var(--fs-h4) var(--serif);margin:var(--sp-8) 0 var(--sp-3)}.prose p,.prose li{color:var(--text-2);font-size:var(--fs-body);line-height:var(--lh-read)}.prose a{color:var(--text);font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:.22em}.prose a:hover{color:var(--accent)}.prose a:hover{text-decoration-color:currentColor}.prose ol,.prose ul{padding-left:var(--sp-6)}.prose li{margin:var(--sp-1-5) 0}.footer{border-top:1px solid var(--border);background:var(--surface-2);padding:30px clamp(20px,3.4vw,48px) 48px;color:var(--muted);font-size:var(--fs-ui)}.foot-cols{display:flex;flex-wrap:wrap;gap:var(--sp-5) var(--sp-14);max-width:1100px}.foot-about{flex:1 1 380px;max-width:46em}.foot-about p{margin:0 0 var(--sp-1-5)}.foot-about a,.foot-links a{color:var(--text-2);font-weight:500}.foot-about a:hover,.foot-links a:hover{color:var(--text)}.foot-brand{display:flex;align-items:flex-end;gap:var(--sp-1-5);margin:0}.foot-brand svg{display:block;height:26px;width:auto}.foot-links{display:flex;flex-direction:column;gap:var(--sp-1-5)}#footer-meta{margin:var(--sp-4) 0 0;font:var(--fs-sm) var(--latin)}@media (max-width: 899px){.footer{padding:var(--sp-6) var(--sp-4) var(--sp-12)}}dialog{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);color:var(--text);padding:var(--sp-6) var(--sp-8) var(--sp-6);max-width:min(92vw,400px);box-shadow:var(--shadow-pop)}dialog::backdrop{background:#140e0873;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font:700 var(--fs-h4) var(--serif);letter-spacing:.02em;margin:0 0 var(--sp-2)}dialog img{display:block;margin:var(--sp-4) auto;background:#fff}.qr-note{color:var(--text-2);font-size:var(--fs-ui);margin:0}.qr-links{text-align:center;font-size:var(--fs-ui)}.qr-links a{color:var(--text);font-weight:500}.keys{margin:var(--sp-3) 0 var(--sp-4)}.keys div{display:flex;align-items:baseline;gap:var(--sp-3);margin:var(--sp-2) 0}.keys dt{flex:none;min-width:72px}.keys dd{margin:0;color:var(--text-2);font-size:var(--fs-ui)}@media (pointer: coarse){.icon-btn{width:44px;height:44px}.nav a,.nav-more{padding:var(--sp-2) 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}}@media print{.topbar,.sidebar,.footer{display:none}}.buy-row .btn,.links .btn:not(.primary){border:0;padding:var(--sp-1) 0;background:none;font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em;transition:text-decoration-color .16s var(--ease)}.buy-row .btn:hover,.links .btn:not(.primary):hover{background:none;text-decoration-color:currentColor}.buy-row{gap:var(--sp-1-5) var(--sp-6)}.shelf-row{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap}.shelf-lbl{color:var(--muted);font-size:var(--fs-ui)}.seg{display:inline-flex;align-items:center;gap:var(--sp-1-5);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--surface);color:var(--text-2);font:600 var(--fs-ui) var(--sans);cursor:pointer;transition:all .16s var(--ease)}.seg svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.seg:hover{color:var(--text)}.seg.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.seg.on svg{fill:currentColor}.stars{display:inline-flex;gap:var(--sp-0-5);margin-left:var(--sp-1)}.star{width:28px;height:28px;display:grid;place-items:center;border:0;background:none;color:var(--border);cursor:pointer;transition:color .12s var(--ease)}.star svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.stars.on .star{color:var(--muted)}.stars.on .star:hover,.stars.on .star.on{color:var(--text)}.stars.on .star.on svg{fill:currentColor}.stars:not(.on) .star{opacity:.45;cursor:default}.wl.read{color:var(--text);border-color:var(--text)}.shelf-tabs{margin:var(--sp-4) 0 var(--sp-1)}.totop{position:fixed;z-index:40;right:22px;bottom:calc(26px + var(--tabbar-h));width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--r-round);box-shadow:var(--shadow-sm);background:var(--surface);color:var(--text);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:all .2s var(--ease)}.totop.show{opacity:1;pointer-events:auto;transform:none}.totop:hover{background:var(--surface-2)}.totop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.years .yr{margin:0 0 var(--sp-12)}.years .yr h2{font:700 var(--fs-h2) var(--serif);padding-top:var(--sp-4);border-top:1px solid var(--divider);margin:0 0 var(--sp-4)}.years .yr:first-of-type h2{border-top:0;padding-top:0}.gem-wrap{max-width:680px}.gem-wrap svg{width:100%;height:auto}.gem-wrap svg circle{cursor:pointer}.gem-list{margin:var(--sp-5) 0 0}.gem-wrap{position:relative}.gem-tip{position:absolute;z-index:5;pointer-events:none;background:var(--text);color:var(--bg);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);line-height:var(--lh-ui);max-width:200px}.gem-tip b{display:block;font-weight:600}.gem-tip span{opacity:.75;font-size:var(--fs-xs)}.gemdot:hover{stroke:var(--text);stroke-width:1.5}.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--sp-5) var(--sp-4);margin-top:var(--sp-3)}.wcard{display:flex;flex-direction:column;gap:var(--sp-1-5);text-decoration:none;color:inherit;min-width:0}.wcard:hover{text-decoration:none}.wcard img,.wcard .cover{width:100%;aspect-ratio:2/3;object-fit:cover;background:var(--surface-2)}.wcard .wt{font:500 var(--fs-sm)/var(--lh-snug) var(--serif);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wcard:hover .wt{text-decoration:underline;text-underline-offset:.2em}.wcard .wm{color:var(--muted);font-size:var(--fs-xs)}.card .qv{display:inline-block;min-width:24px;margin-right:var(--sp-1-5);padding:0 var(--sp-1-5);border-radius:var(--r-ctl);background:var(--accent-soft);color:var(--accent-hover);font:600 var(--fs-xs)/18px var(--latin);text-align:center}.card .why1{margin:var(--sp-1-5) 0 0;font-size:var(--fs-sm);line-height:var(--lh-ui);color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qbox{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-8);margin:var(--sp-8) 0 0;padding:var(--sp-4) 0 0;border-top:1px solid var(--divider);max-width:600px}.qn b{display:block;font:500 var(--fs-h1)/1 var(--latin);color:var(--accent)}.qn span{color:var(--muted);font-size:var(--fs-sm)}.qbars{list-style:none;margin:0;padding:0;flex:1 1 240px;display:grid;gap:var(--sp-1-5)}.qbars li{display:grid;grid-template-columns:4em 1fr 2em;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-2)}.qbars i{display:block;height:6px;border-radius:var(--r-round);overflow:hidden;background:var(--surface-3)}.qbars em{display:block;height:100%;border-radius:var(--r-round);background:var(--accent)}.qbars b{font:500 var(--fs-sm) var(--latin);text-align:right;color:var(--text)}.qhow{font-size:var(--fs-sm);color:var(--muted);text-decoration:underline;text-underline-offset:.2em}.whybox{margin:var(--sp-6) 0 0;max-width:600px}.whybox h2{margin:0 0 var(--sp-3);font:600 var(--fs-xs)/var(--lh-ui) var(--sans);letter-spacing:.16em;color:var(--muted)}.why-lead{font:500 var(--fs-lead)/var(--lh-ui) var(--serif);margin:0 0 var(--sp-1-5)}.why-list{margin:0 0 var(--sp-3);padding-left:1.1em;list-style:"— ";color:var(--text-2);font-size:var(--fs-ui-l);line-height:var(--lh-ui)}.why-meta{margin:var(--sp-0-5) 0;font-size:var(--fs-ui-l);color:var(--text-2)}.why-meta b{display:inline-block;min-width:3em;margin-right:var(--sp-2);font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;color:var(--muted)}.why-note{margin:var(--sp-1-5) 0 0;font-size:var(--fs-xs);color:var(--muted)}.st-chart rect.s-r{fill:var(--st-r)}.st-chart rect.s-n{fill:var(--st-n)}.st-chart rect.s-c{fill:var(--st-c)}.sec.wide{max-width:none}.paths{margin:var(--sp-6) 0 var(--sp-2)}.paths h2{font:700 var(--fs-h4) var(--serif);padding-top:var(--sp-4);border-top:1px solid var(--border);margin:0}.path-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-2) var(--sp-8);margin-top:var(--sp-4)}.path-col h3{font:600 var(--fs-ui) var(--sans);color:var(--muted);letter-spacing:.08em;margin:0 0 var(--sp-1-5)}.path-col ol{list-style:none;margin:0;padding:0}.path-col li a{display:grid;grid-template-columns:44px 1fr;gap:var(--sp-3);padding:var(--sp-2) 0;border-top:1px solid var(--divider);color:var(--text)}.path-col li a:hover{text-decoration:none;background:var(--surface-2)}.path-c .cover{width:44px}.path-c .ph-t{font-size:8px;-webkit-line-clamp:3}.path-c .ph-a,.path-c .ph-rule{display:none}.path-t b{display:block;font:500 var(--fs-body)/var(--lh-snug) var(--latin)}.path-t span{display:block;margin-top:var(--sp-0-5);font-size:var(--fs-sm);line-height:var(--lh-ui);color:var(--text-2)}.ex-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3) var(--sp-5);margin:var(--sp-5) 0 var(--sp-2);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:1000px}.ex-f{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--muted)}.ex-f select,.ex-f input{font:var(--fs-ui) var(--sans);color:var(--text);background:var(--bg);border:1px solid var(--border);padding:var(--sp-2) var(--sp-2);border-radius:var(--radius-sm);min-width:0}.ex-cs{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);align-items:center;font-size:var(--fs-ui);color:var(--text-2)}.ex-c input{accent-color:var(--text)}.ex-n{margin:var(--sp-4) 0 var(--sp-1);font-size:var(--fs-ui);color:var(--muted)}.map-bar{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-3)}.map-bar input{flex:1 1 220px;font:var(--fs-ui) var(--sans);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:0}.map-bar .btn{padding:var(--sp-2) var(--sp-4)}.map-box{position:relative;max-width:1000px;border:1px solid var(--border);background:var(--bg);touch-action:none}#map-svg{display:block;width:100%;height:auto;aspect-ratio:1;cursor:grab;-webkit-user-select:none;user-select:none}#map-svg:active{cursor:grabbing}.m-edges line{stroke:var(--border);stroke-width:.8;vector-effect:non-scaling-stroke}.m-nodes circle{r:calc(var(--r) * var(--s, 1) * 1px);fill:var(--text);opacity:.72;cursor:pointer;transition:opacity .12s var(--ease)}.m-labels text{font:600 var(--lf, var(--fs-h4)) var(--sans);fill:var(--muted);paint-order:stroke;stroke:var(--bg);stroke-width:calc(var(--lf, 22px) / 4);pointer-events:none;letter-spacing:.06em}#map-svg.focus circle{opacity:.14}#map-svg.focus line{opacity:.25}#map-svg.focus circle.on{opacity:1}#map-svg.focus line.on{opacity:1;stroke:var(--text);stroke-width:1.4}.heat-scroll{overflow-x:auto}.heat table{border-collapse:separate;border-spacing:2px;font-size:var(--fs-sm);min-width:640px}.heat th{font-weight:400;color:var(--muted);font-family:var(--latin);padding:0 var(--sp-0-5)}.heat tbody th{text-align:right;padding-right:var(--sp-2);white-space:nowrap;font-family:var(--sans)}.heat tbody th a{color:var(--text-2)}.heat td{width:26px;height:20px;background:color-mix(in srgb,var(--text) var(--a),var(--surface-2))}.heat td.heat-r{background:none;width:auto;padding-left:var(--sp-2);white-space:nowrap;font:500 var(--fs-sm) var(--latin);color:var(--text)}@media (max-width: 520px){.ex-form{grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-3);padding:var(--sp-3)}}.nav-h2{margin-top:var(--sp-5);padding-top:var(--sp-5)}.nav-sub{margin:var(--sp-4) var(--sp-3) var(--sp-1);font:600 var(--fs-xs)/1 var(--sans);letter-spacing:.08em;color:var(--muted);opacity:.8}.nav-sub:first-child{margin-top:var(--sp-1)}.paths-more{display:none;margin:var(--sp-1) 0 0}@media (max-width: 640px){.chips:not(.shelf-tabs){flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:0 var(--sp-4);margin-right:calc(-1 * var(--sp-4));padding-right:var(--sp-4);scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips:not(.shelf-tabs)::-webkit-scrollbar{display:none}.chips .lbl{flex:none;position:sticky;left:0;z-index:1;background:var(--bg);padding-right:var(--sp-3);margin-right:calc(-1 * var(--sp-1-5))}.chip{flex:none}.chips.book-topics,.book .chips{flex-wrap:wrap;overflow:visible;margin-right:0;padding-right:0;gap:var(--sp-2)}.chart text,#gem-chart svg text{font-size:var(--fs-h4)}.paths:not(.open) .path-col:not(:first-child){display:none}.paths-more{display:inline-flex}}@media (pointer: coarse){.chip{padding:var(--sp-2) var(--sp-3)}.chip.topic{padding:var(--sp-1-5) var(--sp-3)}.seg{padding:var(--sp-3) var(--sp-5)}.star{width:40px;height:40px}.logo{padding:var(--sp-3) 0}.map-bar .btn{padding:var(--sp-3) var(--sp-4)}}body{background:var(--bg)}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}a:hover{text-decoration-color:color-mix(in srgb,var(--accent) 60%,transparent)}.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-4);color:var(--accent);font:600 var(--fs-sm)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.eyebrow a{color:inherit}.eyebrow .dot{width:7px;height:7px;border-radius:var(--r-round);background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.skel{display:flex;align-items:center;justify-content:center;gap:var(--sp-3)}.spinner{width:16px;height:16px;border-radius:var(--r-round);border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);align-items:center;gap:var(--sp-6) var(--sp-10);margin:calc(-1 * var(--sp-1-5)) 0 var(--sp-5);padding:clamp(28px,4vw,52px) clamp(22px,3.6vw,52px);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;background:var(--surface)}.hero-h{font:700 clamp(30px,4.2vw,var(--fs-display))/1.16 var(--serif);letter-spacing:.005em;margin:0;text-wrap:balance}.hero-lede{max-width:34em;margin:var(--sp-4) 0 0;color:var(--text-2);font-size:clamp(15px,1.3vw,17px);line-height:var(--lh-read)}.hero-search{position:relative;display:flex;align-items:center;gap:var(--sp-2);max-width:560px;margin:var(--sp-6) 0 0;padding:var(--sp-1-5) var(--sp-1-5) var(--sp-1-5) var(--sp-12);border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--bg);box-shadow:var(--shadow-sm);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.hero-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.hero-search svg{position:absolute;left:16px;width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}.hero-search input{flex:1;min-width:0;height:42px;border:0;background:transparent;color:var(--text);font:var(--fs-body) var(--sans);outline:none}.hero-search input::-webkit-search-cancel-button{display:none}.hero-search .btn{min-height:42px;padding:var(--sp-2) var(--sp-6)}.hero-try{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1-5);margin:var(--sp-4) 0 0}.hero-try>span{color:var(--muted);font-size:var(--fs-sm);margin-right:var(--sp-1)}.hero-try .chip{border-color:var(--border);background:var(--bg);font-size:var(--fs-sm)}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-8);list-style:none;margin:var(--sp-8) 0 0;padding:var(--sp-5) 0 0;border-top:1px solid var(--border)}.hero-stats b{display:block;font:500 var(--fs-h3)/var(--lh-tight) var(--latin)}.hero-stats span{color:var(--muted);font-size:var(--fs-sm)}.hero-art{position:relative;height:clamp(260px,26vw,340px);margin-right:calc(-1 * var(--sp-2))}.hero-book{position:absolute;top:50%;left:50%;width:clamp(108px,9.6vw,146px);transition:transform .32s var(--ease)}.hero-book .cover{box-shadow:var(--shadow-book-hover)}.hb-0{transform:translate(-50%,-50%) rotate(-2deg);z-index:5}.hb-1{transform:translate(-95%,-47%) rotate(-9deg);z-index:4}.hb-2{transform:translate(-5%,-47%) rotate(8deg);z-index:4}.hb-3{transform:translate(-132%,-42%) rotate(-16deg) scale(.92);z-index:3}.hb-4{transform:translate(32%,-42%) rotate(15deg) scale(.92);z-index:3}.hero-art:hover .hb-1{transform:translate(-102%,-49%) rotate(-11deg)}.hero-art:hover .hb-2{transform:translate(2%,-49%) rotate(10deg)}.hero-book:hover{z-index:6}@media (max-width: 1080px){.hero{grid-template-columns:1fr}.hero-art{display:none}}@media (max-width: 640px){.hero{margin:calc(-1 * var(--sp-2)) calc(-1 * var(--sp-1)) var(--sp-3);padding:var(--sp-6) var(--sp-5) var(--sp-6);border-radius:var(--r-card)}.hero-h{font-size:var(--fs-h2)}.hero-search{padding-left:var(--sp-10)}.hero-search .btn{padding:var(--sp-2) var(--sp-4)}.hero-stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:var(--sp-3)}.hero-stats b{font-size:var(--fs-lead)}.hero-stats span{font-size:var(--fs-xs)}.hero-try .chip{padding:var(--sp-1-5) var(--sp-3)}.book .shelf-row .stars{order:5}}.hshelf{margin-top:var(--sp-12)}.hshelf-h{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-1)}.hshelf-h h2{font:700 clamp(21px,2vw,var(--fs-h3))/1.3 var(--serif)}.hshelf-h p{margin:var(--sp-1) 0 0;color:var(--muted);font-size:var(--fs-ui)}.hshelf-h .more{flex:none;display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--accent);font-size:var(--fs-ui);font-weight:600;white-space:nowrap}.hshelf-h .more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .16s var(--ease)}.hshelf-h .more:hover{text-decoration:none}.hshelf-h .more:hover svg{transform:translate(3px)}.hrow{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(138px,calc((100% - 5 * 24px) / 6),200px);gap:var(--sp-6);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:var(--sp-4) var(--sp-1) var(--sp-5);margin:0 calc(-1 * var(--sp-1));scrollbar-width:thin;scrollbar-color:var(--border) transparent}.hrow>.card{scroll-snap-align:start}@media (max-width: 640px){.hrow{grid-auto-columns:42%;gap:var(--sp-4);margin-right:calc(-1 * var(--sp-4));padding-right:var(--sp-4)}}.home-wall-sep{height:1px;margin:var(--sp-14) 0 var(--sp-6);background:var(--border)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-3);margin-top:var(--sp-4)}.tile{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease)}.tile:hover{text-decoration:none;border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tile-covers{position:relative;flex:none;width:66px;height:54px}.tile-covers img{position:absolute;top:0;width:36px;height:54px;object-fit:cover;border-radius:2px 3px 3px 2px;box-shadow:var(--shadow-book);background:var(--surface-2)}.tile-covers img:nth-child(1){left:0;z-index:3}.tile-covers img:nth-child(2){left:15px;z-index:2;transform:scale(.94)}.tile-covers img:nth-child(3){left:30px;z-index:1;transform:scale(.88)}.tile-t{min-width:0}.tile-t b{display:block;font:600 var(--fs-body)/var(--lh-snug) var(--serif)}.tile:hover .tile-t b{color:var(--accent)}.tile-t span{display:block;color:var(--muted);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book{grid-template-columns:240px minmax(0,1fr);gap:var(--sp-12);max-width:1000px}.book-cover{position:relative}.book-cover .cover{border-radius:3px 6px 6px 3px}.book h1{font:600 clamp(28px,3.4vw,var(--fs-h1))/1.22 var(--serif);letter-spacing:0;margin-top:var(--sp-1-5);text-wrap:balance}.book .book-topics{margin:0 0 var(--sp-1-5)}.stats{gap:var(--sp-3) var(--sp-10);border-top-color:var(--border)}.stat.hi b{color:var(--accent)}.shelf-row{gap:var(--sp-2);padding:var(--sp-4) 0;margin-top:var(--sp-5);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.seg.ghost{margin-left:auto}.pull{position:relative;margin:var(--sp-6) 0 0;max-width:600px;padding:var(--sp-1) 0 0 var(--sp-8)}.pull:before{content:"“";position:absolute;left:-2px;top:-14px;color:var(--accent);font:700 var(--fs-display)/1 var(--latin);opacity:.9}.pull blockquote{margin:0;font:500 var(--fs-lead)/var(--lh-read) var(--serif);color:var(--text)}.pull figcaption{margin-top:var(--sp-2);color:var(--muted);font-size:var(--fs-ui)}.pull figcaption a{color:var(--text-2);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:.2em}.desc{color:var(--text-2)}.cm-filter{margin:0 0 var(--sp-1-5)}.cm-filter .chip span{opacity:.65;font-size:var(--fs-xs);margin-left:var(--sp-0-5)}.cm-filter button.chip{cursor:pointer;font-family:var(--sans)}@media (max-width: 640px){.book-cover{position:static}.seg.ghost{margin-left:0}.pull{padding-left:var(--sp-6)}.pull blockquote{font-size:var(--fs-body)}}.author-h .eyebrow{margin-bottom:var(--sp-2)}.ssr-note{color:var(--muted);font-size:var(--fs-ui)}.tabbar{display:none}@media (max-width: 899px){:root{--tabbar-h: calc(58px + env(safe-area-inset-bottom)) }body{padding-bottom:var(--tabbar-h)}.tabbar{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--border)}.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);border:0;background:none;color:var(--muted);font:500 var(--fs-xs) var(--sans);cursor:pointer}.tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabbar a.active{color:var(--accent)}.tabbar a:hover{text-decoration:none}body.drawer-open .sidebar,.sidebar{bottom:var(--tabbar-h)}.logo{margin-right:var(--sp-2);gap:var(--sp-1-5)}.logo svg{height:26px}}@media (max-width: 420px){.logo .logo-word{display:none}}.toast{position:fixed;z-index:60;left:50%;bottom:calc(28px + var(--tabbar-h));transform:translate(-50%,10px);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-ctl);background:var(--text);color:var(--bg);font-size:var(--fs-ui);box-shadow:var(--shadow-pop);opacity:0;transition:opacity .2s var(--ease),transform .2s var(--ease);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}a.card:hover .cover,.tile:hover{transform:none}}@media print{.tabbar,.hero-search,.shelf-row{display:none}}.au-hit{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-3);margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.au-hit:hover{text-decoration:none;border-color:var(--accent)}.au-hit span{color:var(--accent);font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em}.au-hit b{font:600 var(--fs-lead) var(--latin)}.au-hit em{color:var(--muted);font-style:normal;font-size:var(--fs-ui)}.ac{position:absolute;z-index:50;top:calc(100% + 8px);left:0;right:0;max-height:min(70vh,520px);overflow-y:auto;padding:var(--sp-1-5);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-pop)}.ac-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-card);color:var(--text)}.ac-item:hover,.ac-item.on{background:var(--surface-2);text-decoration:none}.ac-item.on{outline:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.ac-cv{flex:none;width:30px;height:45px;border-radius:2px 3px 3px 2px;overflow:hidden;background:var(--surface-3);box-shadow:var(--shadow-sm)}.ac-cv img{display:block;width:100%;height:100%;object-fit:cover}.ac-ic{flex:none;width:30px;text-align:center;color:var(--accent);font-size:var(--fs-xs);font-weight:600}.ac-t{flex:1;min-width:0}.ac-t b{display:block;font:500 var(--fs-ui-l)/var(--lh-snug) var(--latin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-t em{display:block;color:var(--muted);font:normal var(--fs-sm)/var(--lh-snug) var(--latin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-n{flex:none;color:var(--muted);font-size:var(--fs-xs)}.ac-foot{justify-content:center;margin-top:var(--sp-1);border-top:1px solid var(--divider);border-radius:0 0 5px 5px}.ac-all{color:var(--accent);font-size:var(--fs-ui);font-weight:600}.ac-empty{margin:var(--sp-1) var(--sp-3) var(--sp-2);color:var(--muted);font-size:var(--fs-sm)}@media (max-width: 640px){.ac{position:fixed;top:calc(var(--topbar-h) + 4px);left:8px;right:8px;max-height:calc(100vh - var(--topbar-h) - var(--tabbar-h) - 16px)}}.ltiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4);margin-top:var(--sp-5)}.ltiles.home{margin-top:var(--sp-4)}.lgroup{margin-top:var(--sp-8)}.lgroup-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--divider)}.lgroup-h h2{margin:0;font:700 var(--fs-h4)/var(--lh-snug) var(--serif)}.lgroup-h p{margin:0;flex:1;min-width:14em;color:var(--muted);font-size:var(--fs-ui)}.lgroup-h span{color:var(--faint);font:var(--fs-sm) var(--latin)}.lgroup .ltiles{margin-top:var(--sp-4)}.ltile{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease)}.ltile:hover{text-decoration:none;border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ltile-covers{position:relative;flex:none;width:104px;height:96px}.ltile-covers img{position:absolute;top:4px;width:60px;height:90px;object-fit:cover;border-radius:2px 3px 3px 2px;box-shadow:var(--shadow-book);background:var(--surface-2)}.ltile-covers img:nth-child(1){left:0;z-index:3;transform:rotate(-4deg)}.ltile-covers img:nth-child(2){left:22px;z-index:2}.ltile-covers img:nth-child(3){left:44px;z-index:1;transform:rotate(4deg)}.ltile-t{min-width:0}.ltile-t b{display:block;font:700 var(--fs-lead)/var(--lh-snug) var(--serif)}.ltile:hover .ltile-t b{color:var(--accent)}.ltile-t span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--sp-1);color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-ui)}.ltile-t em{display:block;margin-top:var(--sp-1-5);color:var(--accent);font:normal 600 var(--fs-sm) var(--sans)}.lprog{max-width:560px;margin:var(--sp-5) 0 0}.lprog-bar{display:flex;height:8px;border-radius:var(--r-round);overflow:hidden;background:var(--surface-3)}.lprog-bar i{display:block;background:var(--accent);transition:width .3s var(--ease)}.lprog-bar i.w{background:color-mix(in srgb,var(--accent) 35%,transparent)}.lprog p{margin:var(--sp-2) 0 0;color:var(--muted);font-size:var(--fs-ui)}.lprog b{color:var(--text);font:600 var(--fs-lead) var(--latin)}.lbtns{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-1-5)}.lbtns .btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sub.lbtns{margin-top:var(--sp-3)}.lrows{list-style:none;margin:var(--sp-4) 0 0;padding:0;max-width:980px}.lrow{display:grid;grid-template-columns:52px 64px minmax(0,1fr) auto;align-items:center;gap:var(--sp-5);padding:var(--sp-5) 0;border-top:1px solid var(--divider)}.lrank{color:var(--faint);font:500 var(--fs-h2)/1 var(--latin);text-align:right;font-variant-numeric:tabular-nums}.lcv .cover{width:64px}.lcv .ph-t{font-size:9px;-webkit-line-clamp:4}.lcv .ph-a,.lcv .ph-rule{display:none}.lmain h2{margin:0;font:600 var(--fs-lead)/var(--lh-snug) var(--latin)}.lmain a:hover h3{color:var(--accent)}.lmain a:hover{text-decoration:none}.lsub{margin:var(--sp-0-5) 0 0;color:var(--muted);font:var(--fs-ui) var(--latin)}.lnote{display:inline-block;margin:var(--sp-1-5) 0 0;padding:1px var(--sp-2);border-radius:var(--r-ctl);background:var(--accent-soft);color:var(--accent-hover);font-size:var(--fs-sm);font-weight:600}.lwhy{margin:var(--sp-1-5) 0 0;color:var(--text-2);font-size:var(--fs-ui-l);line-height:var(--lh-ui)}.lmeta{margin:var(--sp-1-5) 0 0;color:var(--muted);font-size:var(--fs-sm)}.qv-badge{display:inline-block;min-width:24px;margin-right:var(--sp-1-5);padding:0 var(--sp-1-5);border-radius:var(--r-ctl);background:var(--accent-soft);color:var(--accent-hover);font:600 var(--fs-xs)/18px var(--latin);text-align:center}.lact{display:flex;flex-direction:column;gap:var(--sp-1-5)}.lact .seg{padding:var(--sp-1-5) var(--sp-3);font-size:var(--fs-sm)}@media (max-width: 640px){.ltiles{grid-template-columns:1fr}.lrow{grid-template-columns:30px 52px minmax(0,1fr);gap:var(--sp-3)}.lrank{font-size:var(--fs-h4)}.lcv .cover{width:52px}.lact{grid-column:3;flex-direction:row}.lmain h2{font-size:var(--fs-body)}}:root{--desk: #a8c8bb;--desk-deep: #93b4a7;--paper: #f8f5ee;--slip: #fbf8f1;--card: #fbf6e9;--pad: #f8f2de;--graph: #f4f7ef;--kraft: #dcc8a3;--kraft-deep: #cdb68b;--photo: #fffdf6;--rule-blue: #a9c1dc;--rule-red: #d9776a;--pad-rule: #b2c3dc;--graph-rule: rgb(127 163 124 / .26);--sticky-y: #f7e38a;--sticky-g: #cfe6a8;--sticky-o: #f7c08e;--sticky-p: #f6b8b0;--sticky-b: #bcd8f0;--ink: #2a2420;--ink-you: #284891;--marker: #df6b3c;--hi: #f8dc4c;--pencil: #6b6660;--check-ink: #2f6b45;--shade: 58 44 30;--bg: var(--desk);--surface: var(--slip);--surface-2: #ece6da;--surface-3: #e2dbcc;--text: var(--ink);--text-2: #4a423b;--muted: #4f4a44;--faint: #8e887f;--accent-deep: #9b2c1c;--stamp: #86231a;--border: #cfc6b6;--divider: rgb(42 36 32 / .12);--rule: var(--ink);--accent: #c2412d;--accent-hover: #a33421;--accent-ink: var(--ink);--accent-soft: rgb(223 107 60 / .16);--focus: var(--ink-you);--mark: rgb(248 220 76 / .7);--st-r: #3b7a4b;--st-n: #8e887f;--st-c: #c2412d;--logo-b1: #2a2420;--logo-b2: #df6b3c;--logo-b3: #8fb0d4;--logo-b4: #f8dc4c;--logo-shelf: #2a2420;--logo-ink: #2a2420;--logo-red: #c2412d;--logo-books: #df6b3c;--shadow-sm: 0 1px 1px rgb(var(--shade) / .2), 0 4px 8px -3px rgb(var(--shade) / .2);--shadow-card: 0 1px 1.5px rgb(var(--shade) / .2), 0 6px 11px -5px rgb(var(--shade) / .26);--shadow-paper: 0 1px 1.5px rgb(var(--shade) / .2), 0 2px 5px -1px rgb(var(--shade) / .1), 0 12px 22px -8px rgb(var(--shade) / .22);--shadow-sticky: 0 1px 1px rgb(var(--shade) / .2), 0 9px 10px -7px rgb(var(--shade) / .36);--shadow-book: 0 1px 1px rgb(var(--shade) / .14), 0 3px 8px -2px rgb(var(--shade) / .24);--shadow-book-hover: 0 2px 3px rgb(var(--shade) / .16), 0 10px 18px -6px rgb(var(--shade) / .32);--shadow-pop: 0 2px 3px rgb(var(--shade) / .18), 0 18px 34px -12px rgb(var(--shade) / .45);--tex-paper: url(/assets/paper/fibre.62e0029469.png), url(/assets/paper/slip.d482ca23ac.png), url(/assets/paper/cloud.571dc8e30f.png);--tex-paper-size: 240px 240px, 128px 128px, 720px 720px;--tex-kraft: url(/assets/paper/fibre.62e0029469.png), url(/assets/paper/kraft.758cd860b0.png), url(/assets/paper/cloud.571dc8e30f.png);--tex-kraft-size: 240px 240px, 192px 96px, 720px 720px;--paper-light: linear-gradient(135deg, rgb(255 255 255 / .38), rgb(255 255 255 / 0) 42%, rgb(var(--shade) / .035));--kai: "Book Kai", "LXGW WenKai", "LXGW WenKai Screen", "Kaiti SC", "STKaiti", "KaiTi", serif;--read: var(--kai);--mono: "Plex Mono", "Book Kai", "LXGW WenKai", "Kaiti SC", ui-monospace, monospace;--hand: "Kevin Sans", "Book Kai", "Kaiti SC", cursive;--sans: var(--kai);--serif: var(--kai);--latin: var(--kai);--topbar-h: 72px;--side-w: 236px;--ink-mask: 0 0 / 100% 100% no-repeat}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--desk: #1c2422;--desk-deep: #161d1b;--paper: #2b2823;--slip: #2d2924;--card: #2f2a24;--pad: #2e2a21;--graph: #262b27;--kraft: #4a3e2c;--kraft-deep: #3b3124;--photo: #3a352d;--rule-blue: #3c4e64;--rule-red: #7d4037;--pad-rule: #454d5c;--graph-rule: rgb(127 163 124 / .16);--ink: #ece4d5;--ink-you: #93b6f2;--marker: #e88a5c;--pencil: #a9a092;--check-ink: #86c896;--shade: 0 0 0;--surface-2: #36312a;--surface-3: #403a31;--text: var(--ink);--text-2: #cfc5b3;--muted: #b3ab9b;--faint: #7d766b;--accent-deep: #f7a998;--stamp: #f7a998;--border: #4a443b;--divider: rgb(236 228 213 / .1);--accent: #f0806a;--accent-hover: #f59a86;--accent-soft: rgb(232 138 92 / .2);--mark: rgb(248 220 76 / .32);--st-r: #86c896;--st-n: #8e877b;--st-c: #f0806a;--logo-b1: #ece4d5;--logo-b2: #e88a5c;--logo-b3: #8fb0d4;--logo-b4: #e6c84a;--logo-shelf: #ece4d5;--logo-ink: #ece4d5;--logo-red: #f0806a;--logo-books: #e88a5c;--paper-light: linear-gradient(160deg, rgb(255 255 255 / .05), rgb(255 255 255 / 0) 55%);--tex-paper: url(/assets/paper/cloud.571dc8e30f.png);--tex-paper-size: 720px 720px;--tex-kraft: url(/assets/paper/cloud.571dc8e30f.png);--tex-kraft-size: 720px 720px}}:root[data-theme=dark]{--desk: #1c2422;--desk-deep: #161d1b;--paper: #2b2823;--slip: #2d2924;--card: #2f2a24;--pad: #2e2a21;--graph: #262b27;--kraft: #4a3e2c;--kraft-deep: #3b3124;--photo: #3a352d;--rule-blue: #3c4e64;--rule-red: #7d4037;--pad-rule: #454d5c;--graph-rule: rgb(127 163 124 / .16);--ink: #ece4d5;--ink-you: #93b6f2;--marker: #e88a5c;--pencil: #a9a092;--check-ink: #86c896;--shade: 0 0 0;--surface-2: #36312a;--surface-3: #403a31;--text: var(--ink);--text-2: #cfc5b3;--muted: #b3ab9b;--faint: #7d766b;--accent-deep: #f7a998;--stamp: #f7a998;--border: #4a443b;--divider: rgb(236 228 213 / .1);--accent: #f0806a;--accent-hover: #f59a86;--accent-soft: rgb(232 138 92 / .2);--mark: rgb(248 220 76 / .32);--st-r: #86c896;--st-n: #8e877b;--st-c: #f0806a;--logo-b1: #ece4d5;--logo-b2: #e88a5c;--logo-b3: #8fb0d4;--logo-b4: #e6c84a;--logo-shelf: #ece4d5;--logo-ink: #ece4d5;--logo-red: #f0806a;--logo-books: #e88a5c;--paper-light: linear-gradient(160deg, rgb(255 255 255 / .05), rgb(255 255 255 / 0) 55%);--tex-paper: url(/assets/paper/cloud.571dc8e30f.png);--tex-paper-size: 720px 720px;--tex-kraft: url(/assets/paper/cloud.571dc8e30f.png);--tex-kraft-size: 720px 720px}body{background-color:var(--desk);background-image:radial-gradient(ellipse 120% 100% at 50% 40%,transparent 60%,rgb(var(--shade) / .06)),url(/assets/paper/linen.6b12d7e3e9.png);background-size:100% 100%,160px 160px;background-attachment:fixed,scroll;font-family:var(--kai)}::selection{background:#f8dc4c8c;color:inherit}a:hover{text-decoration-color:currentColor}.hero-stats,.topbar,.sidebar,.card,.tile,.ltile,.ac,dialog,.footer,.comment,.whybox,.qbox,.pull,.tabbar,.ex-form,.tr-box,.map-box,.lrows,.au-hit,.book .stats{background-image:var(--tex-paper),var(--paper-light);background-size:var(--tex-paper-size),100% 100%}.search:after,.hero-search:after,.chip:after,.btn:after,.seg:after,.icon-btn:after,kbd:after,.wl:after,.totop:after{content:"";position:absolute;inset:-2px;pointer-events:none;z-index:0;background:currentColor;-webkit-mask:url(/assets/paper/pen-btn.ca9b3a3e55.svg) var(--ink-mask);mask:url(/assets/paper/pen-btn.ca9b3a3e55.svg) var(--ink-mask)}.icon-btn:after,.wl:after,.totop:after,kbd:after{-webkit-mask-image:url(/assets/paper/pen-sq.93aafe378b.svg);mask-image:url(/assets/paper/pen-sq.93aafe378b.svg)}.chip:after{-webkit-mask-image:url(/assets/paper/pen-chip.0b0c1dd43a.svg);mask-image:url(/assets/paper/pen-chip.0b0c1dd43a.svg)}.chip:nth-child(2n):after{-webkit-mask-image:url(/assets/paper/pen-chip2.d6238d68bd.svg);mask-image:url(/assets/paper/pen-chip2.d6238d68bd.svg)}.search:after{-webkit-mask-image:url(/assets/paper/pen-field.91d5acee13.svg);mask-image:url(/assets/paper/pen-field.91d5acee13.svg);inset:-3px}.hero-search:after{-webkit-mask-image:url(/assets/paper/pen-wide.c823d7e2f9.svg);mask-image:url(/assets/paper/pen-wide.c823d7e2f9.svg);inset:-3px}.logo{align-items:center;gap:6px}.logo .logo-mark{height:32px}.logo .logo-word{height:30px;margin-top:2px}.logo:hover .logo-word{opacity:1}.logo:hover .logo-mark{rotate:-4deg}.logo .logo-mark{transition:rotate .22s cubic-bezier(.2,.9,.3,1.15)}.foot-brand{align-items:center;gap:6px}.foot-brand .logo-mark{height:28px}.foot-brand .logo-word{height:26px}.topbar{position:sticky;top:8px;margin:8px 12px 0;height:56px;padding:0 var(--sp-3) 0 var(--sp-2);background-color:var(--slip);border:0;border-radius:2px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:none;backdrop-filter:none}.icon-btn{position:relative;border-radius:4px;color:var(--text);width:38px;height:38px;margin-left:var(--sp-1-5)}.icon-btn:after{color:var(--text);opacity:.55;inset:1px}.icon-btn:hover{background:#f8dc4c73}.icon-btn:hover:after{opacity:.9}.icon-btn svg{position:relative;z-index:1;stroke-width:1.8}#menu-btn{margin-left:0}.logo{margin:0 var(--sp-4) 0 var(--sp-1-5)}.search{border:0;background:var(--photo);border-radius:3px;height:38px;color:var(--text)}.search:after{opacity:.85}.search:focus-within{box-shadow:none;color:var(--ink-you)}.search input{position:relative;z-index:1;font-family:var(--kai);font-size:var(--fs-ui-l);color:var(--ink-you)}.search input::placeholder{color:var(--muted)}.search-ico{z-index:1;stroke:var(--text)}kbd{position:relative;border:0;background:none;font:var(--fs-xs)/20px var(--mono);color:var(--text-2);padding:0 7px}kbd:after{opacity:.6}.search-kbd{background:none;border-radius:0}:root{--pad-row: 34px}.layout{padding:0 var(--sp-2) 0 12px}.side-wrap{position:sticky;top:calc(var(--topbar-h) + 26px);align-self:flex-start;flex:none;width:var(--side-w);margin:34px 0 var(--sp-6);filter:drop-shadow(0 1px 1px rgb(var(--shade) / .18)) drop-shadow(0 8px 12px rgb(var(--shade) / .16))}body.side-collapsed .side-wrap{display:none}.sidebar{position:static;top:auto;width:auto;margin:0;max-height:calc(100vh - var(--topbar-h) - 64px);padding:30px var(--sp-3) var(--sp-6) var(--sp-4);border:0;border-radius:0 0 3px 16px;background-color:var(--pad);background-image:linear-gradient(transparent calc(100% - 1px),var(--pad-rule) calc(100% - 1px)),var(--tex-paper),var(--paper-light);background-size:100% var(--pad-row),var(--tex-paper-size),100% 100%;background-origin:content-box,padding-box,padding-box,padding-box,padding-box;background-attachment:local;box-shadow:none;scrollbar-width:none;overflow:auto;-webkit-mask:url(/assets/paper/deckle.14c5294815.svg) 0 0 / 600px 8px repeat-x,linear-gradient(#000,#000) 0 7px / 100% calc(100% - 7px) no-repeat;mask:url(/assets/paper/deckle.14c5294815.svg) 0 0 / 600px 8px repeat-x,linear-gradient(#000,#000) 0 7px / 100% calc(100% - 7px) no-repeat}.sidebar::-webkit-scrollbar{display:none}.side-clip{position:absolute;z-index:3;top:-20px;left:50%;width:40px;height:46px;margin-left:-20px;pointer-events:none;filter:drop-shadow(0 2px 1.5px rgb(var(--shade) / .4))}.nav a,.nav-more{position:relative;z-index:0;height:var(--pad-row);margin:0;padding:4px var(--sp-2) 0;line-height:30px;border-radius:0;font-size:var(--fs-ui-l);font-weight:500;color:var(--text);background:none;display:flex;align-items:center}.nav a:hover,.nav-more:hover{background:none;color:var(--ink-you);text-decoration:none}.nav a:hover svg{stroke:var(--ink-you)}.nav a.active{color:var(--text);background:none;font-weight:700}.nav a.active:before{content:"";position:absolute;z-index:-1;left:-6px;right:-4px;top:9px;height:22px;background:var(--hi);opacity:.85;-webkit-mask:url(/assets/paper/swipe.cbb06d09af.svg) var(--ink-mask);mask:url(/assets/paper/swipe.cbb06d09af.svg) var(--ink-mask)}.nav a.active svg{stroke:var(--text)!important}.nav a svg,.nav-more svg{stroke:var(--text-2);filter:url(#rough)}.nav.topics a{padding:4px var(--sp-2) 0;font-size:var(--fs-ui)}.nav.topics .count,.nav-badge{font:600 15px/30px var(--hand);color:var(--ink-you);background:none;padding:0;min-width:0}.nav-h,.nav-sub{height:var(--pad-row);margin:0;padding:10px var(--sp-2) 0;border:0;font:500 11px/24px var(--mono);letter-spacing:.1em;color:var(--muted);opacity:1}.nav-h{margin-top:var(--pad-row)}.nav-sub:first-child{margin-top:0}.nav-h2{margin-top:var(--pad-row);padding-top:10px}.nav-extra{margin-top:0}main,.main{padding:30px clamp(18px,2.6vw,40px) 64px clamp(18px,2.4vw,36px)}.page-h h1,.hshelf-h h2,.sec h2,.tr-sec h2,.prose h1,.years .yr h2,.lgroup-h h2,.paths h2,.empty h2,dialog h2{font-family:var(--kai);font-weight:700;letter-spacing:.01em}.page-h h1{position:relative;display:inline-block;padding-bottom:6px}.page-h h1:after,.hshelf-h h2:after{content:"";position:absolute;left:-2px;right:-6px;bottom:-6px;height:10px;background:var(--marker);-webkit-mask:url(/assets/paper/underline.435dbe1e05.svg) var(--ink-mask);mask:url(/assets/paper/underline.435dbe1e05.svg) var(--ink-mask);opacity:.9}.hshelf-h h2{position:relative;display:inline-block}.sub,.hshelf-h p{color:var(--text-2)}.sub a,.prose a{color:var(--ink-you);text-decoration-color:currentColor}.sub a:hover,.prose a:hover{color:var(--accent)}.hshelf-h .more,.more{color:var(--ink-you);font-weight:600}.hshelf-h .more:hover{color:var(--accent)}.sec h2,.tr-sec h2,.paths h2{border-top:0;padding-top:0}.sec,.tr-sec{margin-top:var(--sp-14)}.eyebrow{display:inline-flex;gap:var(--sp-2);padding:6px 10px;color:var(--stamp);font:500 12px/1 var(--mono);letter-spacing:.14em;border:2px solid currentColor;border-radius:3px;rotate:-2.5deg;opacity:.9;-webkit-mask:url(/assets/paper/grain-felt.06597dc219.png) 0 0 / 112px 112px luminance;mask:url(/assets/paper/grain-felt.06597dc219.png) 0 0 / 112px 112px luminance}.eyebrow .dot{display:none}.prose p,.prose li,.desc,.c-zh,.comment p,.pull blockquote,.why-lead,.why-list,.why-meta,.card .why1,.lwhy,.path-t span,.ltile-t span,.tile-t span,.hero-lede,.wcard .wm{font-family:var(--read)}.chip{position:relative;z-index:0;border:0;border-radius:3px;padding:var(--sp-1) var(--sp-3);color:var(--text);background:none;font-family:var(--kai)}.chip:after{opacity:.7;inset:-1px}.chip:hover{background:#f8dc4c66;text-decoration:none}.chip.on{background:var(--hi);color:#2a2420;font-weight:700}.chip.on:after{opacity:.95;color:#2a2420}.chip.topic{border:0;background:color-mix(in srgb,var(--photo) 55%,transparent)}.chip:nth-child(3n+1){rotate:-.6deg}.chip:nth-child(3n+2){rotate:.5deg}.chips .lbl{font:500 11px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted)}.btn,.seg{position:relative;z-index:0;border:0;border-radius:4px;background:var(--photo);color:var(--text);font-family:var(--kai);font-weight:700}.btn:after,.seg:after{opacity:.85}.btn:hover,.seg:hover{background:#f8dc4c80;border:0}.btn:active,.seg:active{translate:0 1px}.btn.primary,.seg.on{background:var(--marker);color:#2a2420;border:0}.btn.primary:hover,.seg.on:hover{background:color-mix(in srgb,var(--marker) 88%,#000);color:#2a2420}.btn.primary:after,.seg.on:after{color:#2a2420}.btn svg,.seg svg{position:relative;z-index:1}.buy-row .btn:after,.links .btn:not(.primary):after,.btn.ghost:after,.seg.ghost:after{display:none}.buy-row .btn,.links .btn:not(.primary){background:none;color:var(--ink-you);font-weight:600}.buy-row .btn:hover,.links .btn:not(.primary):hover{background:none;color:var(--accent)}.buy-lbl,.shelf-lbl{font:500 11px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted)}.star{position:relative;color:var(--faint)}.star:after{display:none}.stars.on .star.on{color:var(--marker)}.card{padding:10px 10px 12px;background-color:var(--card);border-radius:2px;box-shadow:var(--shadow-card);transition:transform .26s cubic-bezier(.2,.9,.3,1.15),box-shadow .26s var(--ease)}a.card:hover{transform:translateY(-4px) rotate(0)!important;box-shadow:var(--shadow-paper)}a.card:hover .cover,a.wcard:hover .cover{transform:none;box-shadow:var(--shadow-book)}.cover{border-radius:1px 2px 2px 1px;box-shadow:0 1px 2px rgb(var(--shade) / .3)}.card h3{margin:12px 0 2px;font:700 var(--fs-body)/1.38 var(--kai);color:var(--text)}.card:hover h3{color:var(--text);text-decoration:none}.card .t-en{font:12px/1.5 var(--kai);color:var(--muted)}.card .au{font:var(--fs-sm)/1.5 var(--kai);color:var(--text-2);margin-top:1px}.card .rec{display:flex;align-items:center;gap:var(--sp-1-5);margin-top:8px;font:12px/1.4 var(--mono);color:var(--text-2)}.card .rec b{font:500 12px var(--mono);color:var(--text)}.card .why1{margin-top:8px;padding-top:7px;border-top:1px solid color-mix(in srgb,var(--rule-red) 60%,transparent);font-size:var(--fs-sm);line-height:1.6;color:var(--text-2)}.card .qv,.qv-badge{position:relative;display:inline-grid;place-items:center;min-width:38px;height:26px;margin:0 2px 0 -2px;padding:0 6px;background:none;border-radius:0;color:var(--accent);font:700 17px/1 var(--hand);text-align:center}.card .qv:after,.qv-badge:after{content:"";position:absolute;inset:-2px -3px;background:var(--accent);-webkit-mask:url(/assets/paper/loop.5f70387ace.svg) var(--ink-mask);mask:url(/assets/paper/loop.5f70387ace.svg) var(--ink-mask);opacity:.9}.badge{left:6px;bottom:6px;border-radius:1px;background:var(--photo);color:var(--text);font:11px/1 var(--mono);padding:3px 5px;rotate:-2deg;box-shadow:0 1px 2px rgb(var(--shade) / .3);-webkit-backdrop-filter:none;backdrop-filter:none}.wl{position:absolute;border-radius:4px;background:var(--photo);color:var(--text);box-shadow:none}.wl:after{inset:0;opacity:.7}.wl svg{position:relative;z-index:1}.wl.on{background:var(--marker);color:#2a2420}.wl.read{background:var(--sticky-g);color:#2a2420;border:0}.grid,.row{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:var(--sp-8) var(--sp-6)}.hrow{grid-auto-columns:clamp(156px,calc((100% - 5 * 24px) / 6),196px);padding:22px 6px 20px;margin:0 -6px;gap:24px}@media (min-width: 1500px){.hrow{grid-auto-columns:clamp(156px,calc((100% - 6 * 24px) / 7),200px)}}@media (min-width: 1800px){.hrow{grid-auto-columns:clamp(156px,calc((100% - 168px)/8),200px)}}.hrow>.card{position:relative}.hrow>.card:before{content:"";position:absolute;z-index:3;top:-12px;left:50%;width:78px;height:22px;translate:-50% 0;rotate:-3deg;background:url(/assets/paper/tape-1.76c35667b3.svg) 0 0 / 100% 100% no-repeat;filter:drop-shadow(0 .6px .8px rgb(var(--shade) / .2));pointer-events:none}.hrow>.card:nth-child(3n+2):before{background-image:url(/assets/paper/tape-2.4375e99789.svg);rotate:4deg;left:36%}.hrow>.card:nth-child(5n+3):before{background-image:url(/assets/paper/tape-3.664ccf93f8.svg);rotate:-5deg;left:60%}.hrow>.card:nth-child(4n+1){rotate:-1.2deg}.hrow>.card:nth-child(4n+2){rotate:.8deg}.hrow>.card:nth-child(4n+3){rotate:-.4deg}.hrow>.card:nth-child(4n){rotate:1.1deg}.hrow{scrollbar-color:color-mix(in srgb,var(--text) 30%,transparent) transparent}.hero{border:0;background:none;padding:clamp(10px,2vw,26px) 0 clamp(18px,2vw,28px);overflow:visible;gap:var(--sp-6) var(--sp-12);margin-top:0}.hero-h{font:700 clamp(34px,4.2vw,58px)/1.22 var(--kai);margin-top:var(--sp-4)}.hero-mark{position:relative;white-space:nowrap}.hero-mark:after{content:"";position:absolute;left:-.08em;right:-.1em;bottom:-.16em;height:.26em;background:var(--marker);-webkit-mask:url(/assets/paper/underline.435dbe1e05.svg) var(--ink-mask);mask:url(/assets/paper/underline.435dbe1e05.svg) var(--ink-mask);pointer-events:none}.hero-lede{color:var(--text-2);font-size:clamp(15px,1.25vw,17px)}.hero-search{position:relative;border:0;border-radius:4px;background:var(--photo);box-shadow:none;padding:6px 6px 6px var(--sp-12);max-width:580px;color:var(--text)}.hero-search:focus-within{box-shadow:none;color:var(--ink-you)}.hero-search>*{position:relative;z-index:1}.hero-search svg{position:absolute;z-index:1;stroke:var(--text)}.hero-search input{font:var(--fs-body) var(--kai);color:var(--ink-you)}.hero-search .btn{min-height:40px}.hero-try>span{font:500 12px var(--mono);color:var(--muted)}.hero-try .chip{background:color-mix(in srgb,var(--photo) 60%,transparent)}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:var(--sp-8) 0 0;padding:14px 6px;border:0;border-radius:2px;background-color:var(--kraft);background-image:var(--tex-kraft),var(--paper-light);background-size:var(--tex-kraft-size),100% 100%;box-shadow:var(--shadow-card);rotate:-.4deg;max-width:640px}.hero-stats li{padding:0 16px;border-left:1.5px dashed rgb(var(--shade) / .3)}.hero-stats li:first-child{border-left:0}.hero-stats b{font:500 clamp(18px,1.8vw,24px)/1.25 var(--mono);letter-spacing:-.02em}.hero-stats span{color:var(--text-2)}.hero-art{height:clamp(300px,28vw,380px)}.hero-book{padding:9px 9px 30px;background:var(--photo);box-shadow:var(--shadow-paper);width:clamp(120px,10.6vw,162px)}.hero-book .cover{box-shadow:none;border-radius:0}.hero-book:before{content:"";position:absolute;z-index:2;top:-11px;left:50%;width:74px;height:22px;translate:-50% 0;rotate:-4deg;background:url(/assets/paper/tape-2.4375e99789.svg) 0 0 / 100% 100%}.hb-1:before,.hb-3:before{background-image:url(/assets/paper/tape-1.76c35667b3.svg);rotate:3deg}.hb-2:before{background-image:url(/assets/paper/tape-3.664ccf93f8.svg);rotate:-2deg}.tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4)}.tile{position:relative;border:0;border-radius:2px;background-color:var(--slip);box-shadow:var(--shadow-card);padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-5)}.tile:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:5px;background:var(--c, var(--sticky-y));border-radius:0 2px 2px 0}.tile:nth-child(5n+1){--c: var(--sticky-y)}.tile:nth-child(5n+2){--c: var(--sticky-b)}.tile:nth-child(5n+3){--c: var(--sticky-p)}.tile:nth-child(5n+4){--c: var(--sticky-g)}.tile:nth-child(5n){--c: var(--sticky-o)}.tile:hover{border:0;transform:translateY(-2px) rotate(-.4deg);box-shadow:var(--shadow-paper)}.tile-t b{font:700 var(--fs-body)/1.4 var(--kai)}.tile:hover .tile-t b{color:var(--text)}.tile-t span{font:12px/1.5 var(--kai);color:var(--muted)}.tile-covers img{border-radius:1px}.ltiles{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--sp-8) var(--sp-6);margin-top:var(--sp-8)}.ltile{position:relative;border:0;border-radius:3px;padding:var(--sp-5) var(--sp-5) var(--sp-4);margin-top:14px;background-color:var(--kraft);background-image:var(--tex-kraft),var(--paper-light);background-size:var(--tex-kraft-size),100% 100%;box-shadow:var(--shadow-card)}.ltile:before{content:"";position:absolute;top:-13px;left:16px;width:92px;height:15px;border-radius:6px 8px 0 0;background:inherit;background-color:var(--kraft-deep)}.ltile:hover{border:0;transform:translateY(-3px);box-shadow:var(--shadow-paper)}.ltile-covers img{border-radius:1px;box-shadow:0 2px 5px rgb(var(--shade) / .35)}.ltile-t b{display:inline-block;padding:5px 10px;background:var(--c, var(--sticky-y));color:#2a2420;font:700 var(--fs-body)/1.3 var(--kai);rotate:-1.5deg;box-shadow:0 1px 2px rgb(var(--shade) / .25)}.ltile:nth-child(4n+2){--c: var(--sticky-b)}.ltile:nth-child(4n+3){--c: var(--sticky-p)}.ltile:nth-child(4n){--c: var(--sticky-g)}:root[data-theme=dark] .ltile-t b{filter:brightness(.88)}.ltile:hover .ltile-t b{color:#2a2420}.ltile-t span{margin-top:var(--sp-2);color:var(--text)}.ltile-t em{color:var(--accent-deep);font:600 12px var(--mono)}.lgroup-h{border-bottom:1.5px dashed var(--divider)}.lrows{padding:4px 22px;background-color:var(--slip);border-radius:2px;box-shadow:var(--shadow-paper);max-width:1100px}.lrow{border-top:1px solid var(--rule-blue);padding:var(--sp-4) 0}.lrow:first-child{border-top:0}.lrank{color:var(--pencil);font:700 26px/1 var(--hand)}.lrow:nth-child(-n+3) .lrank{color:var(--accent)}.lmain h2{font:700 var(--fs-lead)/1.35 var(--kai)}.lsub{font:13px/1.5 var(--kai);color:var(--muted)}.lnote{background:var(--hi);color:#2a2420;border-radius:0;rotate:-1deg}.lprog-bar{height:12px;border-radius:2px;background:rgb(var(--shade) / .08)}.lprog-bar i{background:repeating-linear-gradient(-55deg,var(--marker) 0 2px,transparent 2px 5px);border-right:1.5px solid var(--marker)}.book{grid-template-columns:250px minmax(0,1fr);gap:var(--sp-6) var(--sp-12);max-width:1240px}.book-side{margin-top:var(--sp-8)}@media (min-width: 1280px){.book{grid-template-columns:220px minmax(0,1fr);gap:var(--sp-6) var(--sp-10);max-width:1500px}.book-main{display:grid;grid-template-columns:minmax(0,1fr) clamp(290px,24vw,360px);column-gap:var(--sp-10);align-items:start}.book-main>*{grid-column:1}.book-main>.book-side{grid-column:2;grid-row:1 / span 40;margin-top:0}.book h1{font-size:clamp(30px,2.8vw,44px)}}.book>.sec,.book>#related{grid-column:1 / -1;max-width:none}.book-cover .cover{border-radius:0;box-shadow:none}.book-cover{padding:12px 12px 42px;background:var(--photo);box-shadow:var(--shadow-paper);rotate:-2deg;align-self:start}.book-cover:before{content:"";position:absolute;z-index:2;top:-12px;left:50%;width:86px;height:24px;translate:-50% 0;rotate:-3deg;background:url(/assets/paper/tape-1.76c35667b3.svg) 0 0 / 100% 100%}.book h1{font:700 clamp(30px,3.4vw,46px)/1.22 var(--kai)}.book .st{font:500 var(--fs-lead)/1.5 var(--kai);color:var(--text-2)}.book .t-en{font:15px/1.6 var(--kai);color:var(--muted)}.book .by{font:var(--fs-body)/1.6 var(--kai)}.book .by a{color:var(--ink-you);text-decoration-color:currentColor}.book .stats{display:inline-flex;gap:0;margin:var(--sp-6) 0 var(--sp-1);padding:12px 4px;border:0;border-radius:2px;box-shadow:var(--shadow-card);rotate:-.4deg;background-color:var(--kraft);background-image:var(--tex-kraft),var(--paper-light);background-size:var(--tex-kraft-size),100% 100%}.book .stat{padding:0 14px;border-left:1.5px dashed rgb(var(--shade) / .3)}.book .stat:first-child{border-left:0}.stat b{font:500 20px/1.25 var(--mono);white-space:nowrap}.stat.hi b{color:var(--accent-deep)}.stat span{color:var(--text-2)}.stance{margin-top:var(--sp-5);max-width:520px}.sbar{height:14px;gap:4px;border-radius:0;background:none;overflow:visible}.sbar i{border:1.5px solid var(--text);border-radius:3px 5px 2px 4px}.s-r{background:repeating-linear-gradient(-50deg,var(--st-r) 0 2px,transparent 2px 5px)}.s-n{background:repeating-linear-gradient(-50deg,var(--st-n) 0 1.4px,transparent 1.4px 5px)}.s-c{background:var(--st-c)}.slg .dot{width:11px;height:11px;border:1.3px solid var(--text);border-radius:2px;vertical-align:-1px}.shelf-row{border-top:1.5px dashed var(--divider);border-bottom:1.5px dashed var(--divider)}.pull{padding:22px 22px 16px 26px;margin-top:var(--sp-8);max-width:600px;background-color:var(--sticky-y);color:#2a2420;box-shadow:var(--shadow-sticky);rotate:-.8deg}.pull:before{content:"";position:absolute;left:22px;top:-22px;width:20px;height:56px;background:url(/assets/paper/paperclip.cad91bfe2a.svg) 0 0 / 100% 100% no-repeat;rotate:6deg;opacity:1;font:0/0 a}.pull blockquote{font:500 var(--fs-lead)/1.75 var(--read);color:#2a2420}.pull figcaption,.pull figcaption a{color:#4a423b}:root[data-theme=dark] .pull{filter:brightness(.9) saturate(.85)}.desc{color:var(--text)}details.orig summary{color:var(--ink-you);text-decoration:none}.book-side{display:flex;flex-direction:column;gap:var(--sp-8)}.whybox,.qbox{margin:0;max-width:none;padding:22px 22px 18px;border:0;border-radius:2px;box-shadow:var(--shadow-paper)}.whybox{background-color:var(--graph);background-image:linear-gradient(var(--graph-rule) 1px,transparent 1px),linear-gradient(90deg,var(--graph-rule) 1px,transparent 1px),var(--tex-paper);background-size:18px 18px,18px 18px,var(--tex-paper-size);rotate:.6deg}.whybox h2{font:700 20px/1.3 var(--kai);letter-spacing:0;color:var(--text);margin-bottom:var(--sp-2)}.why-lead{font-size:var(--fs-body)}.why-lead:before{content:""}.why-list{list-style:none;padding:0;margin:var(--sp-3) 0}.why-list li{position:relative;padding-left:28px;margin:var(--sp-2) 0;color:var(--text)}.why-list li:before{content:"";position:absolute;left:0;top:.25em;width:17px;height:17px;border:1.5px solid var(--text);border-radius:2px 4px 3px 2px;background:var(--photo)}.why-list li:after{content:"";position:absolute;left:3px;top:-.05em;width:18px;height:18px;background:var(--check-ink);-webkit-mask:url(/assets/paper/check.e0ec791e23.svg) var(--ink-mask);mask:url(/assets/paper/check.e0ec791e23.svg) var(--ink-mask)}.why-meta b{font:500 11px var(--mono)}.why-note{font-size:var(--fs-xs);border-top:1.5px dashed var(--divider);padding-top:var(--sp-2)}.qbox{display:block;background-color:var(--slip);rotate:-.5deg}.qbox:before{content:"";position:absolute;top:-11px;right:22px;width:74px;height:22px;rotate:4deg;background:url(/assets/paper/tape-3.664ccf93f8.svg) 0 0 / 100% 100%}.qbox{position:relative}.qn{display:flex;align-items:center;gap:var(--sp-4)}.qn b{position:relative;display:grid;place-items:center;width:92px;height:60px;font:700 40px/1 var(--hand);color:var(--accent)}.qn b:after{content:"";position:absolute;inset:0;background:var(--accent);-webkit-mask:url(/assets/paper/loop.5f70387ace.svg) var(--ink-mask);mask:url(/assets/paper/loop.5f70387ace.svg) var(--ink-mask)}.qn span{font:700 var(--fs-body) var(--kai);color:var(--text)}.qbars{margin-top:var(--sp-4);gap:var(--sp-2)}.qbars li{grid-template-columns:4em minmax(0,1fr) 2.2em}.qbars i{height:12px;border-radius:0;background:none;border-bottom:1.5px solid var(--faint);overflow:visible}.qbars em{border-radius:2px 4px 2px 3px;background:repeating-linear-gradient(-55deg,var(--ink-you) 0 1.6px,transparent 1.6px 4.6px);border:1.4px solid var(--ink-you)}.qbars b{font:500 13px var(--mono)}.qhow{color:var(--ink-you)}.st-chart rect.s-r{fill:url(#hatch-r);stroke:var(--st-r);stroke-width:1.2}.st-chart rect.s-n{fill:url(#hatch-n);stroke:var(--st-n);stroke-width:1}.st-chart rect.s-c{fill:var(--st-c);stroke:var(--st-c)}.chart,.st-chart{filter:url(#rough)}.chart text,.tr-bump text,.tr-cmpchart text{font:var(--fs-xs) var(--mono)}.chart rect.bar{fill:url(#hatch-a);stroke:var(--marker);stroke-width:1.2}.sec>.chart,.sec>.st-chart{padding:18px 18px 8px;background-color:var(--graph);background-image:linear-gradient(var(--graph-rule) 1px,transparent 1px),linear-gradient(90deg,var(--graph-rule) 1px,transparent 1px);background-size:20px 20px;box-shadow:var(--shadow-card);max-width:760px;filter:none}.comments{columns:2 420px;column-gap:var(--sp-6)}.comment{break-inside:avoid;margin:0 0 var(--sp-6);padding:14px 20px 12px;border:0;border-radius:2px;box-shadow:var(--shadow-card);background-color:var(--slip);background-image:repeating-linear-gradient(180deg,transparent 0 27px,var(--rule-blue) 27px 28px),var(--tex-paper);background-size:100% 28px,var(--tex-paper-size);background-position:0 10px,0 0,0 0,0 0;line-height:28px}.comment-h{margin:0;font:12px/28px var(--mono);color:var(--muted)}.comment-h a{font:12px/28px var(--mono);color:var(--ink-you)}.comment-h .who{font:700 15px/28px var(--hand)}.comment .c-zh,.comment p{font-size:var(--fs-body);line-height:28px}.comment details.c-orig summary,.thread{font:13px/28px var(--kai);color:var(--ink-you)}.comment .c-en{font:15px/28px var(--kai);color:var(--text-2)}.comment mark{background:var(--mark);border-radius:0;color:inherit;font-weight:700}.tag{border:1.6px solid currentColor;border-radius:3px;padding:1px 6px;font:600 11px/1.3 var(--mono);rotate:-3deg;display:inline-block;-webkit-mask:url(/assets/paper/grain-felt.06597dc219.png) 0 0 / 112px 112px luminance;mask:url(/assets/paper/grain-felt.06597dc219.png) 0 0 / 112px 112px luminance}@media (max-width: 900px){.comments{columns:1}}.ac{border:0;border-radius:2px;background-color:var(--slip);box-shadow:var(--shadow-pop)}.ac-item{border-radius:0}.ac-item:hover,.ac-item.on{background:#f8dc4c61;outline:0}.ac-t b{font-family:var(--kai);font-weight:700}.ac-t em{font:12px var(--kai)}dialog{border:0;border-radius:2px;background-color:var(--slip);box-shadow:var(--shadow-pop);overflow:visible}dialog:before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:24px;translate:-50% 0;rotate:-2deg;background:url(/assets/paper/tape-1.76c35667b3.svg) 0 0 / 100% 100%}dialog::backdrop{background:#141a1880}.toast{border-radius:0;background:var(--sticky-y);color:#2a2420;box-shadow:var(--shadow-sticky);rotate:-1.5deg;font-family:var(--kai)}.totop{border:0;border-radius:4px;background-color:var(--photo);color:var(--text);box-shadow:var(--shadow-card)}.totop svg{position:relative;z-index:1}.footer{position:relative;margin:var(--sp-16) 12px 12px;border:0;border-radius:0 0 2px 2px;background-color:var(--paper);box-shadow:0 6px 14px -8px rgb(var(--shade) / .3);color:var(--text-2)}.footer:before{content:"";position:absolute;left:0;right:0;top:-9px;height:10px;background-color:var(--paper);background-image:var(--tex-paper);background-size:var(--tex-paper-size);-webkit-mask:url(/assets/paper/torn.d9c0e419c4.svg) 0 0 / 600px 10px repeat-x;mask:url(/assets/paper/torn.d9c0e419c4.svg) 0 0 / 600px 10px repeat-x}.foot-about a,.foot-links a{color:var(--ink-you)}#footer-meta{font:12px var(--mono)}.ex-form,.tr-box,.map-box{border:0;border-radius:2px;background-color:var(--slip);box-shadow:var(--shadow-card)}.au-hit{border:0;background-color:var(--slip);box-shadow:var(--shadow-card)}.ex-f select,.ex-f input,.map-bar input,.tr-search input{background:var(--photo);border:1.5px solid var(--text);border-radius:3px 5px 4px 3px;font-family:var(--kai)}.path-col li a{border-top:1px solid var(--rule-blue)}.path-col li a:hover{background:#f8dc4c4d}.years .yr h2{border-top:0}.wcard img,.wcard .cover{box-shadow:var(--shadow-book)}.heat td{background:color-mix(in srgb,var(--marker) var(--a),transparent)}.spark .ln{stroke:var(--ink-you);stroke-width:2}.spark .ar{fill:#2c4f9e14}@media (max-width: 899px){:root{--topbar-h: 64px}.topbar{margin:6px 6px 0;top:6px;height:52px}.layout{padding:0}.side-wrap{display:contents;filter:none}.sidebar{position:fixed;top:var(--topbar-h);left:8px;width:var(--side-w);margin:0;max-height:none;border-radius:2px;box-shadow:var(--shadow-pop);transform:translate(calc(-100% - 32px));-webkit-mask:none;mask:none;padding-top:var(--sp-4)}body.drawer-open .sidebar{transform:none}.side-clip{display:none}main,.main{padding:var(--sp-5) var(--sp-4) var(--sp-12)}.tabbar{margin:0;border-top:0;background-color:var(--slip);box-shadow:0 -2px 10px rgb(var(--shade) / .18);-webkit-backdrop-filter:none;backdrop-filter:none}.tabbar a.active{color:var(--text)}.tabbar a.active span{background:linear-gradient(transparent 55%,rgb(248 220 76 / .85) 55% 92%,transparent 92%)}.footer{margin:var(--sp-12) 6px 6px}.hrow{grid-auto-columns:44%}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.hero-stats li:nth-child(3){border-left:0}}@media (max-width: 640px){.book h1{font-size:25px;line-height:1.3}.book .st{font-size:var(--fs-body)}.book .t-en{font-size:12px}.book-cover{width:112px;padding:6px 6px 18px}.book-cover:before{width:54px;height:16px;top:-8px}.book .stats{display:flex;flex-wrap:wrap;row-gap:10px}.book .stat{padding:0 12px}.stat b{font-size:18px}.card{padding:8px 8px 10px}.comment{padding:12px 14px 10px}.pull{padding:18px 16px 12px 20px}}@media (prefers-reduced-motion: reduce){.card,.tile,.ltile{transition:none}}@media print{.sidebar,.topbar{box-shadow:none}body{background:#fff}}.empty{position:relative;max-width:520px;margin:var(--sp-10) auto;padding:var(--sp-8) var(--sp-8) var(--sp-6);background-color:var(--card);background-image:var(--tex-paper),var(--paper-light);background-size:var(--tex-paper-size),100% 100%;border-top:2px solid color-mix(in srgb,var(--rule-red) 70%,transparent);border-radius:2px;box-shadow:var(--shadow-paper);rotate:-.6deg;color:var(--text-2);font-family:var(--kai)}.empty:before{content:"";position:absolute;top:-12px;left:50%;width:86px;height:24px;translate:-50% 0;rotate:3deg;background:url(/assets/paper/tape-2.4375e99789.svg) 0 0 / 100% 100%}.empty h2{font:700 var(--fs-h4)/1.4 var(--kai)}.empty .btn{margin-top:var(--sp-4)}.hshelf-h .more svg{display:none}.hshelf-h .more:after{content:"";display:inline-block;width:22px;height:9px;margin-left:4px;background:currentColor;-webkit-mask:url(/assets/paper/arrow.a234cdaa83.svg) var(--ink-mask);mask:url(/assets/paper/arrow.a234cdaa83.svg) var(--ink-mask);transition:translate .16s var(--ease)}.hshelf-h .more:hover:after{translate:3px 0}.page-h .eyebrow{display:flex;width:fit-content;margin:0 0 var(--sp-2);padding:0;border:0;rotate:none;opacity:1;-webkit-mask:none;mask:none;font:500 13px/1.4 var(--kai);letter-spacing:.02em;color:var(--muted)}.page-h .eyebrow a{color:var(--ink-you)}.page-h .eyebrow a:after{content:"";display:inline-block;width:18px;height:8px;margin-left:6px;vertical-align:1px;background:currentColor;-webkit-mask:url(/assets/paper/arrow.a234cdaa83.svg) var(--ink-mask);mask:url(/assets/paper/arrow.a234cdaa83.svg) var(--ink-mask);rotate:180deg;scale:-1 1}.nav a.active,.nav a.active .count{color:#2a2420}.nav a.active svg{stroke:#2a2420!important}:root[data-theme=dark] .nav a.active,:root[data-theme=dark] .nav a.active .count{color:var(--ink)}:root[data-theme=dark] .nav a.active svg{stroke:var(--ink)!important}:root[data-theme=dark] .nav a.active:before{top:21px;height:11px;opacity:.5}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .nav a.active,:root:not([data-theme=light]) .nav a.active .count{color:var(--ink)}:root:not([data-theme=light]) .nav a.active svg{stroke:var(--ink)!important}:root:not([data-theme=light]) .nav a.active:before{top:21px;height:11px;opacity:.5}}.lprog-bar{background:color-mix(in srgb,var(--text) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 22%,transparent)}:focus-visible{outline:2px dashed var(--ink-you);outline-offset:3px;border-radius:3px}.nav a:focus-visible,.nav-more:focus-visible{outline:2px dashed var(--ink-you);outline-offset:-2px}.search:focus-within:after,.hero-search:focus-within:after{color:var(--ink-you);opacity:1}.search input:focus-visible,.hero-search input:focus-visible{outline:none}.ac-item.on{outline:2px dashed var(--ink-you);outline-offset:-2px}.side-clip{translate:0 calc(-1*min(var(--side-scroll, 0) * 1px,60px));opacity:calc(1 - var(--side-scroll, 0) / 40);transition:none}body.shot-open{overflow:hidden}.shot{position:fixed;inset:0;z-index:90;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:14px 12px var(--shot-controls, 64px);background-color:var(--desk);background-image:radial-gradient(ellipse 120% 100% at 50% 40%,transparent 55%,rgb(var(--shade) / .1)),url(/assets/paper/linen.6b12d7e3e9.png);background-size:100% 100%,160px 160px;overflow:auto}.shot-card{--w: min(430px, calc(100vw - 24px) , calc((100dvh - 100px)/2) );--u: calc(var(--w) / 100);position:relative;width:var(--w);padding:calc(7 * var(--u)) calc(7 * var(--u)) calc(5.5 * var(--u));color:#2a2420;text-align:center;background-color:#fbf6e9;background-image:url(/assets/paper/fibre.62e0029469.png),url(/assets/paper/slip.d482ca23ac.png),url(/assets/paper/cloud.571dc8e30f.png),linear-gradient(135deg,#ffffff61,#fff0 42%);background-size:240px 240px,128px 128px,720px 720px,100% 100%;border-radius:2px;box-shadow:0 1px 1.5px #3a2c1e33,0 2px 5px -1px #3a2c1e1f,0 22px 40px -16px #3a2c1e73;rotate:-.6deg;font-family:var(--kai);--c-sub: #4a423b;--c-mute: #5a554e;--c-acc: #c2412d;--c-photo: #fffdf6;--c-note: #f7e38a;--c-rule: rgb(42 36 32 / .18)}.shot-card:before{content:"";position:absolute;top:calc(-2.6 * var(--u));left:50%;width:calc(22 * var(--u));height:calc(6 * var(--u));translate:-50% 0;rotate:-3deg;background:url(/assets/paper/tape-1.76c35667b3.svg) 0 0 / 100% 100%}.shot-kicker{margin:0;font:500 calc(2.9 * var(--u))/1 var(--mono);letter-spacing:.14em;color:var(--c-acc);text-transform:uppercase}.shot-photo{position:relative;margin:calc(4.5 * var(--u)) auto 0;width:calc(31 * var(--u));padding:calc(2.2 * var(--u)) calc(2.2 * var(--u)) calc(6 * var(--u));background:var(--c-photo);rotate:2deg;box-shadow:0 1px 1.5px #3a2c1e33,0 8px 14px -6px #3a2c1e61}.shot-photo .cover{border-radius:0;box-shadow:none}.shot-photo .ph-t{font-size:calc(5 * var(--u))}.shot-title{margin:calc(5 * var(--u)) 0 0;font:700 calc(7.4 * var(--u))/1.28 var(--kai);text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shot-en{margin:calc(1.4 * var(--u)) 0 0;font:calc(3.3 * var(--u))/1.4 var(--kai);color:var(--c-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-by,.shot-sub{margin:calc(1.6 * var(--u)) 0 0;font:calc(3.6 * var(--u))/1.5 var(--kai);color:var(--c-sub)}.shot-sub{padding:0 calc(2 * var(--u));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shot-note{position:relative;margin:calc(5.5 * var(--u)) calc(1 * var(--u)) 0;padding:calc(5 * var(--u)) calc(5 * var(--u)) calc(3.6 * var(--u));background:var(--c-note);text-align:left;rotate:-1deg;box-shadow:0 1px 1px #3a2c1e33,0 9px 10px -7px #3a2c1e5c}.shot-note:before{content:"";position:absolute;top:calc(-5 * var(--u));left:calc(6 * var(--u));width:calc(4.6 * var(--u));height:calc(13 * var(--u));background:url(/assets/paper/paperclip.cad91bfe2a.svg) 0 0 / 100% 100% no-repeat;rotate:6deg}.shot-note p{margin:0;font:500 calc(4.1 * var(--u))/1.65 var(--kai);color:#2a2420;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.shot-note cite{display:block;margin-top:calc(2 * var(--u));font:normal calc(3 * var(--u))/1.4 var(--kai);color:#4a423b}.shot-stats{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(2 * var(--u)) calc(4.5 * var(--u));margin:calc(5.5 * var(--u)) 0 0}.shot-stats span{display:flex;flex-direction:column;align-items:center}.shot-stats b{font:500 calc(5 * var(--u))/1.2 var(--mono);white-space:nowrap}.shot-stats i{font:normal calc(2.9 * var(--u))/1.4 var(--kai);color:var(--c-mute)}.shot-q b{position:relative;padding:0 calc(2.6 * var(--u));font:700 calc(7 * var(--u))/1.15 var(--hand);color:var(--c-acc)}.shot-q b:after{content:"";position:absolute;inset:calc(-1.6 * var(--u)) calc(-1.2 * var(--u));background:var(--c-acc);-webkit-mask:url(/assets/paper/loop.5f70387ace.svg) var(--ink-mask);mask:url(/assets/paper/loop.5f70387ace.svg) var(--ink-mask)}.shot-bar{height:calc(2.4 * var(--u));margin:calc(4 * var(--u)) calc(6 * var(--u)) 0;border-radius:1px;box-shadow:inset 0 0 0 1px var(--c-rule)}.shot-bar i{display:block;height:100%;background:repeating-linear-gradient(-55deg,#df6b3c 0 2px,transparent 2px 5px);border-right:1.5px solid #df6b3c}.shot-foot{display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--u));margin:calc(5.5 * var(--u)) calc(-1 * var(--u)) 0;padding-top:calc(3.6 * var(--u));border-top:1.5px dashed var(--c-rule)}.shot-brand{display:flex;align-items:center;gap:calc(1.4 * var(--u));font:calc(3 * var(--u))/1 var(--mono);color:var(--c-mute)}.shot-brand svg{height:calc(5.4 * var(--u));width:auto}.shot-brand span{margin-left:calc(1.4 * var(--u))}.shot-qrbox{display:none;align-items:center;gap:calc(2 * var(--u));text-align:left}.shot-qrbox span{max-width:calc(18 * var(--u));font:calc(2.8 * var(--u))/1.4 var(--kai);color:var(--c-mute)}.shot-qr{width:calc(15 * var(--u));height:calc(15 * var(--u));order:2}.with-qr .shot-qrbox{display:flex}.with-qr .shot-foot{justify-content:space-between}.shot-fan{position:relative;height:calc(52 * var(--u));margin-top:calc(4 * var(--u))}.shot-fan .shot-photo{position:absolute;left:50%;top:calc(4 * var(--u));width:calc(27 * var(--u));margin:0;padding:calc(1.6 * var(--u)) calc(1.6 * var(--u)) calc(4.4 * var(--u));translate:-50% 0}.shot-fan .f0{z-index:5;rotate:0deg}.shot-fan .f1{z-index:4;translate:-105% calc(3 * var(--u));rotate:-9deg}.shot-fan .f2{z-index:4;translate:5% calc(3 * var(--u));rotate:8deg}.shot-fan .f3{z-index:3;translate:-150% calc(7 * var(--u));rotate:-15deg;scale:.9}.shot-fan .f4{z-index:3;translate:50% calc(7 * var(--u));rotate:14deg;scale:.9}.shot-fan.fan-1{height:calc(40 * var(--u))}.shot-fan.fan-1 .shot-photo{position:relative;left:auto;top:0;translate:none;margin:0 auto;rotate:1deg;width:calc(26 * var(--u))}.shot-fan.fan-2{height:calc(44 * var(--u))}.shot-fan.fan-2 .shot-photo{width:calc(24 * var(--u));top:calc(2 * var(--u))}.shot-fan.fan-2 .f0{translate:-85% 0;rotate:-5deg;z-index:4}.shot-fan.fan-2 .f1{translate:-15% calc(1.5 * var(--u));rotate:6deg;z-index:5}.shot-fan.fan-3{height:calc(48 * var(--u))}.shot-fan.fan-3 .shot-photo{width:calc(25 * var(--u))}.shot-fan.fan-3 .f0{z-index:5;rotate:0deg;translate:-50% 0}.shot-fan.fan-3 .f1{z-index:4;translate:-100% calc(2 * var(--u));rotate:-8deg}.shot-fan.fan-3 .f2{z-index:4;translate:0% calc(2 * var(--u));rotate:8deg}.shot-card.sc-night{color:#ece4d5;background-color:#2b2823;background-image:url(/assets/paper/cloud.571dc8e30f.png),linear-gradient(160deg,rgb(255 255 255 / .05),transparent 55%);background-size:720px 720px,100% 100%;--c-sub: #cfc5b3;--c-mute: #b3ab9b;--c-acc: #f0806a;--c-photo: #3a352d;--c-rule: rgb(236 228 213 / .2);box-shadow:0 22px 40px -14px #0009}.shot-card.sc-night:before{opacity:.55}.shot-card.sc-sticky{background-color:#f7e38a;background-image:url(/assets/paper/fibre.62e0029469.png),url(/assets/paper/cloud.571dc8e30f.png);background-size:240px 240px,720px 720px;--c-note: #fffdf6;--c-rule: rgb(42 36 32 / .22);rotate:1deg}.shot-card.sc-sticky .shot-photo{width:calc(26 * var(--u))}.shot-card.sc-sticky .shot-note p{font-size:calc(4.5 * var(--u));-webkit-line-clamp:5}.shot-ui{position:fixed;inset:auto 0 0;z-index:91;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));pointer-events:none}.shot-ui>*{pointer-events:auto}.shot-x{position:fixed;top:10px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#2a24208c;color:#fffdf6;font:26px/40px var(--kai);cursor:pointer}.shot-bar-ui{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;padding:6px 10px;border-radius:4px;background:#fbf8f1e6;box-shadow:0 4px 14px -6px #0006;--text: #2a2420;color:#2a2420}.shot-qr-t{display:inline-flex;align-items:center;gap:4px;padding:0 6px;font:13px var(--kai);color:#2a2420;cursor:pointer}.shot-tip{margin:0;font:12px var(--kai);color:#2a2420;text-shadow:0 1px 0 rgb(255 255 255 / .5)}:root[data-theme=dark] .shot-tip{color:#ece4d5;text-shadow:none}.shot.bare .shot-ui,.shot.bare .shot-x{opacity:0;pointer-events:none}.shot-ui,.shot-x{transition:opacity .2s var(--ease)}@media print{.shot{display:none}}@media (min-aspect-ratio: 1/1) and (min-width: 760px){.shot{padding:24px 24px var(--shot-controls, 84px)}.shot-card{--w: min(940px, calc(100vw - 64px) , calc((100dvh - 130px)*1.78) );--u: calc(var(--w) / 190);display:grid;grid-template-columns:calc(66 * var(--u)) minmax(0,1fr);column-gap:calc(12 * var(--u));align-items:center;padding:calc(11 * var(--u)) calc(13 * var(--u)) calc(9 * var(--u));text-align:left}.shot-card>*{grid-column:2}.shot-card>.shot-photo,.shot-card>.shot-fan{grid-column:1;grid-row:1 / span 9;align-self:center}.shot-card>.shot-photo{width:calc(60 * var(--u));margin:0 auto}.shot-card.sc-sticky>.shot-photo{width:calc(54 * var(--u))}.shot-fan{height:calc(80 * var(--u));margin:0}.shot-fan .shot-photo{width:calc(30 * var(--u));top:calc(8 * var(--u))}.shot-fan .f1{translate:-95% calc(3 * var(--u))}.shot-fan .f2{translate:-5% calc(3 * var(--u))}.shot-fan .f3{translate:-125% calc(7 * var(--u))}.shot-fan .f4{translate:25% calc(7 * var(--u))}.shot-title{margin-top:calc(3 * var(--u));font-size:calc(9 * var(--u))}.shot-sub{padding:0}.shot-note{margin:calc(6 * var(--u)) 0 0}.shot-note p{-webkit-line-clamp:6}.shot-stats{justify-content:flex-start;flex-wrap:nowrap;gap:calc(4.5 * var(--u))}.shot-stats b{font-size:calc(4.6 * var(--u));white-space:nowrap}.shot-q b{font-size:calc(6 * var(--u))}.shot-bar{margin:calc(4 * var(--u)) 0 0}.shot-foot{justify-content:space-between;margin:calc(6 * var(--u)) 0 0}.shot-card:before{left:calc(33 * var(--u))}}.shot-card{--logo-ink: #2a2420;--logo-b2: #df6b3c;--logo-b3: #8fb0d4;--logo-b4: #f8dc4c;--logo-books: #df6b3c}.shot-card.sc-night{--logo-ink: #ece4d5;--logo-books: #e88a5c}.card .qv:after,.qv-badge:after{inset:-.35em -.3em;translate:0 -.08em}.qn b:after{inset:-.3em -.15em;translate:0 -.08em}.shot-q b:after{inset:-.35em -.2em;translate:0 -.08em}.shot-stats{align-items:flex-end}.shot-card.m-quote .shot-why,.shot-card.m-why .shot-note{display:none}.shot-card:not(.m-quote):not(.m-why) .shot-why{display:none}.shot-why{position:relative;margin:calc(5.5 * var(--u)) calc(1 * var(--u)) 0;padding:calc(5 * var(--u)) calc(5 * var(--u)) calc(3.4 * var(--u));text-align:left;color:#2a2420;rotate:.8deg;background-color:#f4f7ef;background-image:linear-gradient(rgb(127 163 124 / .26) 1px,transparent 1px),linear-gradient(90deg,rgb(127 163 124 / .26) 1px,transparent 1px),url(/assets/paper/fibre.62e0029469.png);background-size:calc(4.4 * var(--u)) calc(4.4 * var(--u)),calc(4.4 * var(--u)) calc(4.4 * var(--u)),240px 240px;box-shadow:0 1px 1px #3a2c1e33,0 9px 12px -8px #3a2c1e61}.shot-why:before{content:"";position:absolute;top:calc(-2.4 * var(--u));right:calc(8 * var(--u));width:calc(17 * var(--u));height:calc(5 * var(--u));rotate:5deg;background:url(/assets/paper/tape-3.664ccf93f8.svg) 0 0 / 100% 100%}.shot-why h3{position:relative;display:inline-block;margin:0 0 calc(2.6 * var(--u));font:700 calc(4.6 * var(--u))/1.3 var(--kai)}.shot-why h3:after{content:"";position:absolute;left:-2%;right:-4%;bottom:calc(-1.4 * var(--u));height:calc(1.8 * var(--u));background:#df6b3c;-webkit-mask:url(/assets/paper/underline.435dbe1e05.svg) var(--ink-mask);mask:url(/assets/paper/underline.435dbe1e05.svg) var(--ink-mask)}.shot-why ul{list-style:none;margin:0;padding:0}.shot-why li{position:relative;margin:calc(1.8 * var(--u)) 0 0;padding-left:calc(6.4 * var(--u));font:500 calc(3.7 * var(--u))/1.5 var(--kai);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shot-why li:before{content:"";position:absolute;left:0;top:calc(.9 * var(--u));width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));border:1.5px solid #2a2420;border-radius:1px 3px 2px 1px;background:#fffdf6;box-sizing:border-box}.shot-why li:after{content:"";position:absolute;left:calc(.7 * var(--u));top:calc(-.1 * var(--u));width:calc(3.8 * var(--u));height:calc(3.8 * var(--u));background:#2f6b45;-webkit-mask:url(/assets/paper/check.e0ec791e23.svg) var(--ink-mask);mask:url(/assets/paper/check.e0ec791e23.svg) var(--ink-mask)}.shot-fit{margin:calc(2.6 * var(--u)) 0 0;padding-top:calc(2 * var(--u));border-top:1.5px dashed rgb(42 36 32 / .25);font:calc(3.3 * var(--u))/1.5 var(--kai);color:#4a423b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shot-fit b{margin-right:calc(1.6 * var(--u));font:500 calc(2.8 * var(--u)) var(--mono);letter-spacing:.08em;color:#5a554e}.shot-src{margin:calc(1.4 * var(--u)) 0 0;font:calc(2.6 * var(--u))/1.4 var(--kai);color:#6b6660}.shot-books-card{position:relative;margin:calc(4.5 * var(--u)) calc(1 * var(--u)) 0;padding:calc(3.5 * var(--u)) calc(4.5 * var(--u)) calc(3 * var(--u));text-align:left;color:#2a2420;rotate:.6deg;background-color:#f6f8f2;background-image:linear-gradient(rgb(127 163 124 / .2) 1px,transparent 1px),linear-gradient(90deg,rgb(127 163 124 / .2) 1px,transparent 1px),url(/assets/paper/fibre.62e0029469.png);background-size:calc(4 * var(--u)) calc(4 * var(--u)),calc(4 * var(--u)) calc(4 * var(--u)),240px 240px;box-shadow:0 1px 1.5px #3a2c1e26,0 6px 10px -6px #3a2c1e47}.shot-books-card:before{content:"";position:absolute;top:calc(-2 * var(--u));right:calc(6 * var(--u));width:calc(14 * var(--u));height:calc(4.5 * var(--u));rotate:4deg;background:url(/assets/paper/tape-2.4375e99789.svg) 0 0 / 100% 100%}.shot-books-head{margin:0 0 calc(1.6 * var(--u));font:700 calc(3.2 * var(--u))/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-acc)}.shot-books-list{list-style:none;margin:0;padding:0;counter-reset:shot-book}.shot-books-list li{position:relative;counter-increment:shot-book;margin:calc(1.2 * var(--u)) 0 0;padding-left:calc(4.5 * var(--u));font:500 calc(3.2 * var(--u))/1.45 var(--kai);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-books-list li:before{content:counter(shot-book) ".";position:absolute;left:0;font-family:var(--mono);font-weight:700;color:#7a736a;font-size:calc(3 * var(--u))}.shot-books-list .shot-bt{font-weight:700;color:#2a2420}.shot-books-list .shot-ba{margin-left:calc(1.4 * var(--u));font-size:calc(2.8 * var(--u));color:#6e675d;font-weight:400}.shot-card.sc-night .shot-why,.shot-card.sc-night .shot-books-card{background-color:#1e1b17;color:#dcd4c5;background-image:linear-gradient(rgb(255 255 255 / .06) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .06) 1px,transparent 1px),url(/assets/paper/cloud.571dc8e30f.png);box-shadow:0 1px 2px #0006,0 9px 14px -6px #0009}.shot-card.sc-night .shot-why h3{color:#ece4d5}.shot-card.sc-night .shot-why li:before{border-color:#6b6357;background:#26231f}.shot-card.sc-night .shot-why li:after{background:#52a06f}.shot-card.sc-night .shot-fit{border-top-color:#ece4d526;color:#b3ab9b}.shot-card.sc-night .shot-fit b{color:#8e8779}.shot-card.sc-night .shot-src{color:#7f786d}.shot-card.sc-night .shot-books-head{color:var(--c-acc)}.shot-card.sc-night .shot-books-list .shot-bt{color:#ece4d5}.shot-card.sc-night .shot-books-list .shot-ba{color:#9c9485}.shot-card.sc-night .shot-books-list li:before{color:#807769}.shot-card.sc-sticky .shot-books-card,.shot-card.sc-sticky .shot-why{background-color:#fbf6e9;border:1px solid rgb(42 36 32 / .15)}.shot-sep{width:1px;height:18px;margin:0 2px;background:#2a242033;align-self:center}@media (min-aspect-ratio: 1/1) and (min-width: 760px){.shot-why{margin:calc(5 * var(--u)) 0 0}.shot-books-card{margin:calc(4 * var(--u)) 0 0}.shot-fan.fan-1{height:calc(60 * var(--u))}.shot-fan.fan-1 .shot-photo{width:calc(34 * var(--u))}.shot-fan.fan-2{height:calc(68 * var(--u))}.shot-fan.fan-2 .shot-photo{width:calc(28 * var(--u))}.shot-fan.fan-3{height:calc(74 * var(--u))}.shot-fan.fan-3 .shot-photo{width:calc(29 * var(--u))}}@media (max-width: 520px){.shot{padding-bottom:var(--shot-controls, 104px)}.shot-card{--w: min(430px, calc(100vw - 24px) , calc((100dvh - 130px)/2) )}.shot-bar-ui{gap:5px 6px;padding:5px 8px}.shot-bar-ui .chip{padding:2px 8px;font-size:12px}.shot-qr-t{font-size:12px}}.shot-note.q-long p{font-size:calc(3.6 * var(--u));-webkit-line-clamp:7}@media (min-aspect-ratio: 1/1) and (min-width: 760px){.shot-card{--w: min(940px, calc(100vw - 64px) , calc((100dvh - 130px)*1.6) )}.shot-why li{font-size:calc(3.4 * var(--u));margin-top:calc(1.4 * var(--u))}.shot-note.q-long p{font-size:calc(3.5 * var(--u))}}.card h3,.card .why1,.ltile-t span,.wcard .wt{display:block;-webkit-line-clamp:unset;overflow:visible}.card .t-en,.card .au,.tile-t span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.card .t-en{line-height:1.4}body{text-autospace:normal}.lgroup-h span{color:var(--muted)}.cm-filter .chip span{opacity:.85}