:root{--bg:#ecebe7;--ink:#121211;--muted:#74726c;--line:#12121129;--chip-bg:transparent;--pill:#121211;--pill-ink:#f4f2ed;--paper:#f2ecdf;--paper-ink:#121212;--shadow-rgb:38, 30, 18;--book-shadow:0 1px 1px rgba(var(--shadow-rgb), .1), 0 5px 10px -3px rgba(var(--shadow-rgb), .16), 0 22px 36px -16px rgba(var(--shadow-rgb), .34);--book-shadow-lift:0 2px 3px rgba(var(--shadow-rgb), .08), 0 22px 32px -10px rgba(var(--shadow-rgb), .22), 0 56px 80px -26px rgba(var(--shadow-rgb), .42);--noise-opacity:.07;--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--font-sans:"Inter", "Noto Sans SC", system-ui, -apple-system, "PingFang SC", sans-serif;--font-display:"Anton", "Noto Sans SC", "Impact", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(16px, 2.6vw, 44px);--top:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#141413;--ink:#eeebe4;--muted:#8f8c85;--line:#eeebe429;--pill:#eeebe4;--pill-ink:#141413;--shadow-rgb:0, 0, 0;--book-shadow:0 1px 1px #0006, 0 6px 12px -3px #00000073, 0 26px 40px -16px #000000b3, inset 0 1px 0 #ffffff14;--book-shadow-lift:0 2px 3px #00000059, 0 24px 34px -10px #0000008c, 0 60px 90px -26px #000000d9, inset 0 1px 0 #ffffff1a;--noise-opacity:.05;--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body{overflow-x:clip}html.locked{overflow:hidden}body:before{content:"";z-index:100;pointer-events:none;opacity:var(--noise-opacity);background-image:var(--noise);position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.num{font-variant-numeric:tabular-nums}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.controls{top:calc(var(--top) - 4px);right:calc(var(--gutter) - 4px);z-index:60;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:14px;padding:4px 4px 4px 12px;font-size:14px;display:flex;position:fixed}.ctl-link{align-items:center;gap:7px;padding:6px 2px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.ctl-link:hover{opacity:.6}.seg{border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.seg-btn{border-radius:999px;min-width:38px;height:28px;padding:0 10px;font-size:13px;font-weight:600;position:relative}.seg-pill{background:var(--pill);border-radius:999px;position:absolute;inset:0}.seg-label{transition:color .3s var(--ease);position:relative}.seg-btn[aria-pressed=true] .seg-label{color:var(--pill-ink)}.icon-btn{border:1px solid var(--line);width:36px;height:36px;transition:background .25s, transform .25s var(--ease);border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.icon-btn:active{transform:scale(.92)}.shelf{height:100svh;padding:calc(2 * var(--top) + 36px) var(--gutter) var(--top);--stage-h:calc(100svh - 3 * var(--top) - 36px);grid-template-columns:auto minmax(0,1fr);column-gap:clamp(32px,6vw,140px);display:grid;overflow:hidden}.aside{height:100%;min-height:0}.aside-foot{top:var(--top);left:var(--gutter);z-index:40;align-items:center;height:36px;display:flex;position:fixed}.wordmark{-webkit-user-select:none;user-select:none;margin:0;line-height:0}.lockup{height:var(--stage-h);width:auto;color:var(--ink);display:block;overflow:visible}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);border-radius:999px;height:34px;padding:0 16px;font-size:14px;font-weight:500;transition:border-color .3s;position:relative}.chip:hover{border-color:var(--ink)}.chip-pill{background:var(--pill);border-radius:999px;position:absolute;inset:-1px}.chip-label{transition:color .3s var(--ease);position:relative}.chip[aria-pressed=true] .chip-label{color:var(--pill-ink)}.grid{height:var(--stage-h);width:100%;max-width:calc((var(--stage-h) - 120px - clamp(20px, 3vh, 40px)) / .81);grid-template-columns:repeat(12,minmax(0,1fr));align-content:space-between;align-self:start;align-items:end;gap:clamp(20px,3vh,40px) 3.5%;margin-left:auto;display:grid}.book-item{grid-column:span var(--span);min-width:0;container-type:inline-size}@container (width<=210px){.caption-title{font-size:13px}.stats{gap:8px;font-size:12px}.stat{gap:3px}.stat svg{width:11px;height:11px}.caption-row:first-child{flex-direction:column;align-items:flex-start;gap:4px}.caption-row:last-child{display:none}}.book-hit{border-radius:4px;width:100%;display:block}.book{perspective:1100px;width:100%;position:relative}.book-body{box-shadow:var(--book-shadow);transition:box-shadow .5s var(--ease);will-change:transform;border-radius:2px 4px 4px 2px;position:absolute;inset:0;overflow:hidden}.book-hit[data-hover=true] .book-body{box-shadow:var(--book-shadow-lift)}.cover{width:100%;height:100%;display:block}.book-body:after,.face:after,.rail-book:after{content:"";pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000012,inset -2px 0 #ffffff38}.spine{pointer-events:none;background:linear-gradient(90deg,#0003 0%,#ffffff3d 38%,#0000001a 72%,#0000 100%);width:5.5%;position:absolute;inset:0 auto 0 0}.spine:after{content:"";background:#0000001a;width:1px;position:absolute;top:0;bottom:0;right:0}.sheen{pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff6b, transparent 48%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s var(--ease);position:absolute;inset:0}.book-hit[data-hover=true] .sheen{opacity:1}.caption{gap:4px;margin-top:14px;display:grid}.caption-row{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.caption-title{letter-spacing:.01em;white-space:nowrap;font-size:16px;font-weight:800}.caption-tag{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.stats{white-space:nowrap;gap:14px;font-size:14px;font-weight:500;display:flex}.stat{align-items:center;gap:5px;display:inline-flex}.stat svg{opacity:.85}.caption-open{white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.empty{color:var(--muted);grid-column:1/-1}.detail{z-index:50;position:fixed;inset:0}.detail-bg{background:var(--bg);opacity:0;position:absolute;inset:0}.detail-top{top:var(--top);left:var(--gutter);right:calc(var(--gutter) + 340px);opacity:0;justify-content:space-between;align-items:center;gap:16px;height:36px;font-size:15px;font-weight:500;display:flex;position:absolute}.back-btn{align-items:center;gap:10px;padding:6px 0;display:inline-flex}.back-x{display:none}.back-btn:hover svg{transform:translate(-3px)}.back-btn svg,.btn svg{transition:transform .3s var(--ease)}.pager{align-items:center;gap:12px;display:flex}.spread-wrap{inset:calc(2 * var(--top) + 36px) var(--gutter) 128px;place-items:center;display:grid;position:absolute;container-type:size}.spread{perspective:2800px;grid-area:1/1;position:relative}.slot{transform-origin:0 0;width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:50%}.info-page{background:var(--paper);color:var(--paper-ink);box-shadow:0 1px 1px rgba(var(--shadow-rgb), .12), 3px 3px 0 -1px #e4dccb, 5px 5px 0 -2px #d6ccb8, 0 30px 60px -24px rgba(var(--shadow-rgb), .45);border-radius:0 4px 4px 0;position:absolute;inset:0;overflow:hidden;container-type:size}.info-page:before{content:"";pointer-events:none;background:linear-gradient(90deg,#00000024,#0000);width:9%;position:absolute;inset:0 auto 0 0}.info-inner{flex-direction:column;height:100%;padding:min(7cqw,6.2cqh) 8cqw min(6.5cqw,5.6cqh) 9cqw;display:flex;position:relative}.info-inner[data-ready=false]>*{opacity:0}.info-title{font-family:var(--font-display);letter-spacing:.005em;margin:0;font-size:min(12.5cqw,10.5cqh);font-weight:400;line-height:.9}.info-summary{font-family:var(--font-display);letter-spacing:.01em;margin:min(2.2cqw,1.9cqh) 0 0;font-size:min(4cqw,3.5cqh);line-height:1.12}:root[lang=zh-CN] .info-summary{font-family:Noto Sans SC,sans-serif;font-size:min(3.6cqw,3.2cqh);font-weight:900;line-height:1.35}.info-intro{color:#121212bd;text-wrap:pretty;margin:min(2.6cqw,2.3cqh) 0 0;font-size:min(2.45cqw,2.55cqh);line-height:1.55}.info-points{gap:min(.9cqw,.9cqh);margin:min(2.6cqw,2.3cqh) 0 0;padding:0;font-size:min(2.45cqw,2.55cqh);font-weight:600;line-height:1.35;list-style:none;display:grid}.info-points li{grid-template-columns:2.4em 1fr;display:grid}.info-points .n{color:#ff4d17;font-variant-numeric:tabular-nums;font-weight:800}.page-turn{white-space:nowrap;text-underline-offset:4px;align-items:center;gap:8px;font-weight:700;text-decoration:underline;display:inline-flex}.page-turn:hover svg{transform:translate(3px)}.page-turn svg{transition:transform .3s var(--ease)}.spec{border-top:2px solid var(--paper-ink);margin:auto 0 0;padding-top:min(2.4cqw,2.1cqh);font-size:min(2.45cqw,2.55cqh)}.spec>div{border-bottom:1px solid #0000002e;grid-template-columns:28% 1fr;padding:min(1.05cqw,.95cqh) 0;display:grid}.spec dt{font-weight:700}.spec dd{margin:0}.btn-short{display:none}.gh-stats{align-items:center;gap:6px;display:flex}.gh-stats .num:first-of-type{margin-right:10px}.actions{align-items:center;gap:5cqw;margin-top:min(3.4cqw,2.8cqh);display:flex}.btn{white-space:nowrap;background:var(--paper-ink);color:var(--paper);transition:transform .3s var(--ease);align-items:center;gap:12px;padding:min(2.3cqw,2cqh) 3.6cqw;font-size:min(2.7cqw,3cqh);font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:hover svg{transform:translate(4px)}.text-link{text-underline-offset:4px;font-size:min(2.7cqw,3cqh);font-weight:600}.flip{transform-origin:0;transform-style:preserve-3d;position:absolute;inset:0}.face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.face.front{box-shadow:0 30px 60px -24px rgba(var(--shadow-rgb), .45);border-radius:2px 4px 4px 2px}.face.back{box-shadow:0 30px 60px -24px rgba(var(--shadow-rgb), .45);border-radius:4px 0 0 4px;transform:rotateY(180deg)}.flip-shade,.back-shade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.gutter{pointer-events:none;background:linear-gradient(270deg,#00000038,#0000);width:10%;position:absolute;inset:0 0 0 auto}.page-no{letter-spacing:.02em;font-size:clamp(12px,1.1vw,16px);font-weight:600;position:absolute;top:6%;left:8%}.rail{left:var(--gutter);right:var(--gutter);opacity:0;justify-content:center;align-items:flex-start;gap:clamp(16px,2.4vw,40px);height:104px;display:flex;position:absolute;bottom:0;overflow:hidden}.rail-book{width:clamp(120px,12vw,190px);box-shadow:var(--book-shadow);transition:margin-top .45s var(--ease), box-shadow .45s var(--ease);border-radius:2px 4px 0 0;flex:none;margin-top:22px;position:relative;overflow:hidden}.rail-book:hover,.rail-book:focus-visible{margin-top:12px}.rail-book[data-active=true]{box-shadow:var(--book-shadow-lift);cursor:default;margin-top:2px}@media (width<=860px){:root{--top:16px}.controls{gap:8px}.ctl-link span,html.locked .ctl-link{display:none}.shelf{padding:var(--top) 0 20px;flex-direction:column;display:flex}.aside{height:auto;padding:0 16px;display:block}.wordmark{margin-top:60px;line-height:1}.wordmark-line{letter-spacing:-.035em;white-space:nowrap;font-size:clamp(34px,12.6vw,72px);font-weight:900;display:block}.wordmark-dot{color:#ff4d17}.aside-foot{height:auto;margin-top:14px;position:static}.grid{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;align-self:stretch;align-items:center;gap:18px;max-width:none;height:auto;min-height:0;margin:0;padding:16px 16px 4px;scroll-padding-inline:16px;display:flex;overflow:auto hidden;container-type:size}.grid::-webkit-scrollbar{display:none}.book-item{scroll-snap-align:start;flex:none;container-type:normal}.book-hit{width:auto}.book{width:auto;height:min(calc(100cqh - 92px), calc(76cqw / var(--ar)))}.caption{width:0;min-width:100%;margin-top:12px}.caption-title{font-size:14px}.caption-tag{font-size:13px}.stats{gap:12px;font-size:13px}.caption-open{display:none}.detail-top{font-size:14px;left:16px;right:150px}.pager .num{display:none}.back-btn{border:1px solid var(--line);border-radius:999px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.back-btn>span,.back-btn>svg:first-child{display:none!important}.back-x{display:block}.detail-top{justify-content:flex-start;gap:8px}.spread-wrap{inset:calc(var(--top) + 36px + 16px) 16px 16px}.spread{width:min(100cqw, calc(100cqh * var(--a)));aspect-ratio:var(--a);perspective:1400px}.slot{width:100%;height:100%;inset:0}.info-page{transform-style:preserve-3d;border-radius:2px 4px 4px 2px;overflow:visible;container-type:size}.leaf{background:var(--paper);transform-origin:0;backface-visibility:hidden;border-radius:2px 4px 4px 2px;position:absolute;inset:0}.leaf:before{content:"";pointer-events:none;background:linear-gradient(90deg,#00000024,#0000);width:6%;position:absolute;inset:0 auto 0 0}.page-two{position:absolute;inset:0}.info-kicker{font-family:var(--font-display);margin:0;font-size:min(7cqw,8cqh);font-weight:400;line-height:1}.info-intro,.info-points{margin-top:min(3cqw,3.4cqh);font-size:min(3.75cqw,4.35cqh)}.page-two .actions{justify-content:space-between;margin-top:auto}.page-turn{font-size:min(3.9cqw,4.6cqh)}.info-page:before{width:6%}.info-inner{padding:min(6.5cqw,7cqh) 6.5cqw min(6cqw,6.5cqh) 7.5cqw}.info-title{font-size:min(14cqw,15cqh)}.info-summary{margin-top:min(2cqw,2.4cqh);font-size:min(4.7cqw,5.4cqh)}:root[lang=zh-CN] .info-summary{font-size:min(4.3cqw,5cqh)}.spec{padding-top:min(3cqw,3.4cqh);font-size:min(3.8cqw,4.5cqh)}.spec>div{padding:min(1.5cqw,1.7cqh) 0}.actions{gap:5cqw;margin-top:min(4cqw,4.6cqh)}.btn,.text-link{font-size:min(3.9cqw,4.6cqh)}.btn{gap:8px;padding:min(2.6cqw,3cqh) 4cqw}.btn-long{display:none}.btn-short{display:inline}.face.back{display:none}.page-no{font-size:12px}.rail{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}