:root{--paper:#f4ebd9;--paper-2:#efe3cb;--cream:#fbf5e6;--ink:#2b2118;--ink-2:#5a4a38;--ink-3:#8a7762;--line:#503a1e33;--ochre:#9a5f2a;--wood:#b98756;--sage:#6f8452;--bluegray:#52708c;--gold:#b98b2f;--brick:#a64a3b;--teal:#2f6e70;--accent:#3f6a4a;--danger:#a3392c;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "Songti TC", "SimSun", "Times New Roman", serif;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #2d6a8f}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.lib{--bw:clamp(110px, min(15.2vw, 17vh), 190px);--bh:calc(var(--bw) * 1.38);--bd:calc(var(--bw) * .2);background:radial-gradient(1200px 700px at 8% -10%,#fff7d6f2,#fff7d600 60%),linear-gradient(#f6eddb 0%,#efe2c8 100%);min-height:100%;position:relative;overflow:hidden}.lib:before{content:"";pointer-events:none;background:linear-gradient(104deg,#0000 0 12%,#fff9dc8c 12% 19%,#0000 19% 26%,#fff9dc66 26% 31%,#0000 31%);position:absolute;inset:-20% 0 0 -10%}.lib-top{z-index:2;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,56px) 0;display:flex;position:relative}.brand{font-family:var(--serif);letter-spacing:.12em;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.brand svg{width:30px;height:30px}.lib-note{font-family:var(--serif);color:var(--ink-2);letter-spacing:.1em;font-size:14px}.lib-hero{z-index:2;text-align:center;padding:clamp(6px,1.6vh,20px) 16px 0;position:relative}.lib-hero h1{font-family:var(--serif);letter-spacing:.08em;color:#261b12;text-shadow:0 1px #fff9;margin:0;font-size:clamp(34px,min(6.4vw,8.4vh),74px);font-weight:900;line-height:1.1}.lib-hero p{font-family:var(--serif);letter-spacing:.22em;color:var(--ink-2);margin:6px 0 0;font-size:clamp(13px,1.5vw,19px)}.lib-hero .rule{background:var(--gold);width:64px;height:2px;margin:12px auto 0}.shelves{z-index:2;flex-direction:column;align-items:center;padding:clamp(14px,3vh,30px) 12px 40px;display:flex;position:relative}.shelf-row{justify-content:center;gap:clamp(22px,5.2vw,84px);width:min(1040px,94vw);padding:0 clamp(18px,3vw,60px) 58px;display:flex;position:relative}.shelf-row:after{content:"";background:linear-gradient(#d9b17c 0%,#c4905a 55%,#a87444 100%);border-radius:3px;height:58px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 14px 22px #50321440,inset 0 2px #ffeec899}.shelf-row:before{content:"";z-index:0;background:linear-gradient(#0000,#5a3c142e);height:12px;position:absolute;bottom:56px;left:0;right:0}.shelf-row+.shelf-row{margin-top:18px}.book-slot{z-index:1;width:var(--bw);height:var(--bh);position:relative}.book{width:var(--bw);height:var(--bh);perspective:900px;color:inherit;background:0 0;border:0;padding:0;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .4s;display:block;position:relative}.book-3d{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:rotateY(24deg)translateZ(0)}.book:hover .book-3d,.book:focus-visible .book-3d{transform:translateY(-10px)rotateY(10deg)}.book .face{backface-visibility:hidden;position:absolute}.book .front{transform:translateZ(calc(var(--bd) / 2));background:linear-gradient(135deg, var(--c) 0%, var(--c-dark) 140%);border-radius:3px 6px 6px 3px;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 8px 0 10px -6px #0000004d}.book .front:before{content:"";opacity:.35;mix-blend-mode:multiply;background:repeating-linear-gradient(45deg,#0000001a 0 1px,#0000 1px 3px),repeating-linear-gradient(-45deg,#00000014 0 1px,#0000 1px 3px);position:absolute;inset:0}.book .front:after{content:"";background:#00000038;width:3px;position:absolute;top:0;bottom:0;left:7%;box-shadow:1px 0 #ffffff1f}.book .spine{width:var(--bd);margin-left:calc(var(--bd) / -2);background:linear-gradient(90deg, var(--c-dark), var(--c) 55%, var(--c-dark));justify-content:center;align-items:center;display:flex;top:0;bottom:0;left:0;transform:rotateY(-90deg)}.book .spine span{writing-mode:vertical-rl;font-family:var(--serif);font-size:calc(var(--bw) * .075);color:#f6ecd4;letter-spacing:.18em;opacity:.92;white-space:nowrap}.book .pages-edge{width:var(--bd);margin-right:calc(var(--bd) / -2);background:repeating-linear-gradient(#f2e8d0 0 2px,#d9cba9 2px 3px);top:2%;bottom:2%;right:0;transform:rotateY(90deg)}.book .top-face{height:var(--bd);margin-top:calc(var(--bd) / -2);background:repeating-linear-gradient(90deg,#f2e8d0 0 2px,#d9cba9 2px 3px);top:0;left:0;right:0;transform:rotateX(90deg)}.cover-in{padding:calc(var(--bw) * .1) calc(var(--bw) * .09) calc(var(--bw) * .08) calc(var(--bw) * .14);color:#f6ecd4;text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.cover-in .kicker{font-family:var(--serif);font-size:calc(var(--bw) * .055);letter-spacing:.18em;opacity:.8}.cover-in .subject{font-family:var(--serif);font-weight:900;font-size:calc(var(--bw) * .25);letter-spacing:.16em;margin-top:calc(var(--bw) * .05);text-shadow:0 2px #00000040}.cover-in .vol{font-family:var(--serif);font-size:calc(var(--bw) * .1);letter-spacing:.1em;margin-top:2px}.cover-in svg{opacity:.95;width:92%;margin-top:auto;margin-bottom:auto}.cover-in .foot{font-family:var(--serif);font-size:calc(var(--bw) * .052);letter-spacing:.14em;opacity:.75}.book .shadow{filter:blur(3px);z-index:-1;background:radial-gradient(#3c260e61,#0000 70%);border-radius:50%;height:14px;position:absolute;bottom:-6px;left:4%;right:-16%}.book .bookmark{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);width:14px;height:34px;transform:translateZ(calc(var(--bd) / 2 + 1px));z-index:3;background:#c0392b;position:absolute;top:-2px;right:14%;box-shadow:0 2px 4px #0000004d}.book-caption{z-index:2;width:calc(var(--bw) * 1.7);text-align:center;font-family:var(--serif);color:#3b2510;text-shadow:0 1px #ffebc880;pointer-events:none;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.book-caption b{letter-spacing:.08em;font-size:clamp(13px,1.25vw,17px);display:block}.book-caption small{font-family:var(--sans);color:#5d4226;margin-top:1px;font-size:clamp(10.5px,.95vw,12.5px);display:block}.book-caption .resume{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:var(--sans);color:var(--accent);background:#fffaebb3;border:1px solid #3f6a4a59;border-radius:99px;margin-top:2px;padding:0 8px;font-size:11px;display:inline-block;overflow:hidden}.lib.leaving .book-slot:not(.picked) .book{opacity:0;transform:scale(.94)}.lib.leaving .lib-hero,.lib.leaving .lib-top{opacity:0;transition:opacity .35s}.book-slot.picked{z-index:20}.book-slot.picked .book{transition:transform .6s cubic-bezier(.5,0,.2,1)}.lib-veil{z-index:30;opacity:0;pointer-events:none;background:#efe4cf;transition:opacity .35s .25s;position:fixed;inset:0}.lib.leaving .lib-veil{opacity:1}.props{pointer-events:none;z-index:1;position:absolute;inset:0}.props svg{position:absolute}.lib-steps{z-index:2;width:168px;font-family:var(--serif);display:none;position:absolute;top:50%;right:clamp(16px,2.4vw,44px);transform:translateY(-40%)}.lib-steps li{border-top:1px solid var(--line);margin-bottom:22px;padding-top:10px;list-style:none}.lib-steps b{letter-spacing:.06em;font-size:16px;display:block}.lib-steps span{font-family:var(--sans);color:var(--ink-3);margin-top:2px;font-size:12px;line-height:1.5;display:block}.lib-steps i{color:var(--gold);font-size:22px;font-style:italic;display:block}@media (width>=1360px){.lib-steps{display:block}.lib{--bw:clamp(118px, min(14vw, 17vh), 190px)}}@media (width<=760px){.lib{--bw:min(40vw, 168px)}.shelf-row{flex-wrap:wrap;gap:70px 18px;width:auto;max-width:460px;padding-bottom:12px}.shelf-row+.shelf-row{margin-top:70px}.lib-note{display:none}.lib-hero p{letter-spacing:.1em}}@media (width<=1100px){.props{display:none}}@media (width<=760px){.shelf-row:after,.shelf-row:before{display:none}.book-caption{width:calc(var(--bw) + 8px)}.book-slot:before{content:"";left:-16px;right:-16px;top:calc(var(--bh) - 2px);z-index:-1;background:linear-gradient(#d9b17c,#a87444);border-radius:3px;height:56px;position:absolute;box-shadow:0 8px 14px #50321440}}.edition-tabs{border:1px solid var(--line);background:#fffaecb3;border-radius:999px;gap:0;margin-top:14px;padding:3px;display:inline-flex}.edition-tabs a{color:var(--ink-2);font-family:var(--serif);border-radius:999px;align-items:baseline;gap:6px;padding:6px 16px;text-decoration:none;transition:background .25s,color .25s;display:flex}.edition-tabs a b{letter-spacing:.12em;font-size:15px;font-weight:600}.edition-tabs a small{font-family:var(--sans);color:var(--ink-3);font-size:11px}.edition-tabs a.on{color:#f6eddb;background:#2b2118}.edition-tabs a.on small{color:#f6eddbb3}.edition-tabs a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (width<=520px){.edition-tabs a{padding:6px 11px}.edition-tabs a small{display:none}}.reader{width:100%;height:100%;min-height:100svh;font-family:var(--sans);position:relative;overflow:clip}.desk:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000000d 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0000000a 0 1px,#0000 1px 3px);position:absolute;inset:0}.desk:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 160px #1e281473}.book-label{z-index:5;font-family:var(--serif);color:#fff9e8e0;letter-spacing:.12em;text-shadow:0 1px 2px #00000059;pointer-events:none;font-size:15px;position:absolute;top:14px;right:22px}.stage{z-index:1;position:absolute;inset:0}.stage-canvas{touch-action:pan-y;width:100%;height:100%;display:block}.left-host{z-index:3}.mode-spread:not(.nogl) .left-host{transform-origin:0 0;opacity:0;transition:opacity .25s;position:absolute;top:0;left:0}.mode-spread:not(.nogl) .left-host[data-ready="1"]{opacity:1}.mode-spread:not(.nogl) .left-host.fading{transition-duration:.12s;opacity:0!important}.left-host .pl{height:100%}.pl{color:var(--ink);font-family:var(--serif);flex-direction:column;padding:30px 38px 16px 44px;font-size:15.5px;line-height:1.62;display:flex}.pl-head .kicker{font-family:var(--sans);color:var(--ink-3);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.pl-head .tag{color:var(--ochre);border:1px solid #9a5f2a80;border-radius:3px;padding:0 6px;font-size:11.5px}.pl-head .idx{font-variant-numeric:tabular-nums;margin-left:auto}.pl-head h2{letter-spacing:.02em;color:#2a2016;margin:6px 0 4px;font-size:25px;font-weight:900;line-height:1.3}.safety{border-left:3px solid var(--danger);font-family:var(--sans);color:#6d2a21;background:#a3392c17;margin:6px 0;padding:7px 10px;font-size:12.5px;line-height:1.5}.safety b{margin-right:6px}.objective{color:var(--ink-2);margin:6px 0 8px;font-size:14.5px}.tabs{border-bottom:1px solid var(--line);font-family:var(--sans);gap:4px;margin-bottom:8px;display:flex}.tabs button{color:var(--ink-3);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 10px;font-size:13px}.tabs button.on{color:var(--ink);border-bottom-color:var(--ochre);font-weight:600}.pl-body{scrollbar-width:thin;scrollbar-color:#785a3266 transparent;flex:1;min-height:0;padding-right:6px;overflow-y:auto}.pl-body .sub{font-family:var(--sans);letter-spacing:.1em;color:var(--ink-3);margin:12px 0 4px;font-size:12.5px;font-weight:600}.steps{counter-reset:s;margin:0;padding:0;list-style:none}.steps li{gap:9px;margin:5px 0;font-size:14.5px;display:flex}.steps li span{background:var(--accent);color:#fff;width:20px;height:20px;font:600 12px/20px var(--sans);text-align:center;border-radius:50%;flex:none;margin-top:3px}.formula{font-family:var(--serif);background:#d6be8c47;border:1px dashed #8c643259;border-radius:3px;margin:8px 0;padding:5px 12px;font-size:15px;font-style:italic}.formula-inline{font-style:italic}.chips{flex-wrap:wrap;gap:6px;margin:4px 0;padding:0;list-style:none;display:flex}.chips li{font-family:var(--sans);border:1px solid var(--line);background:#fffcf099;border-radius:99px;padding:2px 9px;font-size:12.5px}.concl{margin:4px 0}.note{font-family:var(--sans);color:var(--ink-3);font-size:12px}.controls{border:1px solid var(--line);font-family:var(--sans);background:#fffbeeb3;border-radius:8px;margin-top:8px;padding:8px 12px 6px}.ctl{grid-template-columns:1fr auto;align-items:center;gap:0 10px;margin-bottom:6px;display:grid}.ctl-label{font-size:13.5px;font-weight:600}.ctl-val{font-variant-numeric:tabular-nums;color:var(--accent);text-align:right;font-size:13.5px;font-weight:600}.ctl input[type=range]{appearance:none;background:linear-gradient(90deg, var(--accent) var(--f,50%), #d8ccb2 var(--f,50%));outline-offset:4px;border-radius:3px;grid-column:1/-1;width:100%;height:6px;margin:4px 0 0}.ctl input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);cursor:grab;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0000004d}.ctl input[type=range]::-moz-range-thumb{border:2px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px}.ctl-range{color:var(--ink-3);grid-column:1/-1;font-size:11px}.ctl-opt{display:block}.seg{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.seg button{border:1px solid var(--line);background:#fffaf0;border-radius:99px;padding:4px 11px;font-size:13px}.seg button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.actions{flex-wrap:wrap;gap:7px;margin-top:4px;display:flex}.act{color:#2d4a35;background:#f1f5e8;border:1px solid #3f6a4a80;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.act em{opacity:.7;margin-left:4px;font-style:normal;font-weight:400}.readout{border:1px solid var(--line);font-family:var(--sans);background:#faf4e2d9;border-radius:6px;margin:8px 0 4px;padding:9px 12px}.readout h3{letter-spacing:.1em;color:var(--ink-3);margin:0 0 3px;font-size:12.5px}.readout .phen{font-family:var(--serif);margin:0 0 6px;font-size:14.5px;line-height:1.55}.readout dl{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 12px;margin:0;display:grid}.readout dl>div{border-bottom:1px dotted var(--line);justify-content:space-between;gap:8px;padding:2px 0;display:flex}.readout dt{color:var(--ink-2);font-size:12.5px}.readout dd{font-variant-numeric:tabular-nums;color:#2a2016;margin:0;font-size:13.5px;font-weight:600}.readout .warn{color:var(--danger);margin:6px 0 0;font-size:12.5px}.readout .fid{color:var(--ink-3);margin:6px 0 0;font-size:11.5px;line-height:1.5}.pl-foot{border-top:1px solid var(--line);font-family:var(--sans);color:var(--ink-3);margin-top:8px;padding-top:6px;font-size:11.5px}.mode-spread .pl{padding:20px 24px 14px 28px;font-size:18px;line-height:1.55}.mode-spread .pl-head h2{font-size:27px}.mode-spread .pl-head .kicker{font-size:14px}.mode-spread .pl-head .tag{font-size:13px}.mode-spread .objective,.mode-spread .steps li,.mode-spread .readout .phen{font-size:17px}.mode-spread .tabs button{padding:7px 8px;font-size:15px}.mode-spread .ctl-label,.mode-spread .ctl-val,.mode-spread .readout dd{font-size:16px}.mode-spread .act,.mode-spread .seg button{font-size:15px}.mode-spread .formula{font-size:18px}.mode-spread .readout dt,.mode-spread .readout h3{font-size:14px}.mode-spread .ctl-range,.mode-spread .readout .fid,.mode-spread .pl-foot{font-size:13px}.toolbar{z-index:10;-webkit-backdrop-filter:blur(10px)saturate(1.2);background:#f4eee2c7;border-radius:99px;align-items:center;gap:4px;max-width:calc(100vw - 16px);padding:6px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #1e190a47,inset 0 0 0 1px #ffffff80}.toolbar button{color:#3a2e20;white-space:nowrap;background:0 0;border:0;border-radius:99px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;display:inline-flex}.toolbar button:hover:not(:disabled){background:#785a3224}.toolbar button:disabled{opacity:.35;cursor:default}.toolbar .sep{background:#503a1e40;width:1px;height:22px;margin:0 4px}.toolbar .pager{text-align:center;font-variant-numeric:tabular-nums;color:#3a2e20;min-width:64px;font-size:14px}.toc-wrap{z-index:30;position:absolute;inset:0}.toc-scrim{background:#1e1c1240;position:absolute;inset:0}.toc{border-right:6px solid var(--c,#7a5a2b);background:#f8f0dd;flex-direction:column;width:min(430px,94vw);animation:.25s tocIn;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:8px 0 30px #1e140559}@keyframes tocIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.toc header{font-family:var(--serif);justify-content:space-between;align-items:flex-start;padding:18px 20px 8px;display:flex}.toc header b{font-size:20px;display:block}.toc header small{color:var(--ink-3);font-family:var(--sans);font-size:12.5px}.toc .x{color:var(--ink-2);background:0 0;border:0;padding:0 6px;font-size:28px;line-height:1}.toc-search{padding:4px 20px 10px;position:relative}.toc-search input{border:1px solid var(--line);width:100%;font:inherit;background:#fffdf6;border-radius:8px;padding:9px 12px;font-size:14px}.toc-search span{color:var(--ink-3);font-size:12px;position:absolute;top:13px;right:30px}.toc-list{flex:1;padding:0 12px 24px 20px;overflow-y:auto}.toc-list h4{font-family:var(--serif);color:var(--ochre);letter-spacing:.06em;margin:14px 0 4px;font-size:14px}.toc-list ul{margin:0;padding:0;list-style:none}.toc-list li button{text-align:left;width:100%;font-family:var(--serif);background:0 0;border:0;border-radius:6px;grid-template-columns:32px 1fr auto;align-items:baseline;gap:6px;padding:7px 8px;font-size:14.5px;line-height:1.4;display:grid}.toc-list li button:hover{background:#785a321a}.toc-list li button.cur{box-shadow:inset 3px 0 0 var(--accent);background:#3f6a4a24;font-weight:700}.toc-list li em{font-style:normal;font-family:var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.toc-list li small{font-family:var(--sans);color:var(--ink-3);font-size:11px}.toc .empty{color:var(--ink-3);padding:16px 4px;font-size:14px}.nogl-page{font-family:var(--serif);background:linear-gradient(90deg,#0000001f,#0000 8%),#f8f1de;padding:40px;position:absolute;inset:0;overflow:auto}.nogl-page h3{margin:0 0 8px;font-size:22px}.nogl-page h4{font-family:var(--sans);letter-spacing:.1em;color:var(--ink-3);margin:14px 0 4px;font-size:12.5px}.nogl-page .why{color:var(--danger);font-size:14px}.nogl-read{font-family:var(--sans);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 14px;margin:6px 0;display:grid}.nogl-read>div{border-bottom:1px dotted var(--line);justify-content:space-between;display:flex}.nogl-read dt{color:var(--ink-2);font-size:13px}.nogl-read dd{margin:0;font-weight:600}.empty-book{place-items:center;display:grid}.empty-card{z-index:3;max-width:480px;font-family:var(--serif);background:#f8f1de;border-radius:6px;padding:32px 40px;position:relative;box-shadow:0 12px 40px #0000004d}.empty-card button{border:1px solid var(--accent);background:#fff;border-radius:99px;padding:8px 18px;font-size:14px}.mode-stack{grid-template-rows:minmax(210px,46svh) minmax(0,1fr) auto;height:100svh;display:grid}.mode-stack .stage{grid-row:1;position:relative;inset:auto}.mode-stack .left-host{background:#f8f1de;border-top:1px solid #785a3266;grid-row:2;min-height:0;transition:opacity .25s;position:relative;overflow:hidden;box-shadow:0 -8px 20px #00000038}.mode-stack .left-host,.nogl .left-host{transform:none!important}.mode-stack .left-host.fading{opacity:0}.mode-stack .left-host .pl{height:100%;padding:14px 16px 8px;font-size:15px}.mode-stack .pl-head h2{font-size:21px}.mode-stack .toolbar{grid-row:3;justify-self:center;margin:6px auto 10px;position:relative;bottom:auto;left:auto;transform:none}.mode-stack .toolbar button span:not(.pager){display:none}.mode-stack .toolbar button{padding:9px 11px}.mode-stack .book-label{font-size:12px;top:8px;right:12px}.mode-stack.nogl .stage{overflow:auto}.mode-stack.nogl .nogl-page{min-height:100%;padding:20px;position:relative}.mode-spread.nogl{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;height:100svh;display:grid}.mode-spread.nogl .stage{grid-area:1/2;position:relative}.mode-spread.nogl .left-host{background:#f8f1de;grid-area:1/1;position:relative;overflow:hidden}.mode-spread.nogl .toolbar{grid-area:2/1/auto/-1;justify-self:center;margin:8px 0 12px;position:relative;left:auto;transform:none}@media (width<=420px){.toolbar{gap:0;padding:4px 6px}.toolbar .pager{min-width:54px;font-size:13px}.toolbar .sep{margin:0 1px}}.reader{--ink:#343a36;--ink-2:#5e655f;--ink-3:#81867d;--line:#464c4130;--accent:#626f64}.desk{background:repeating-linear-gradient(1deg,#0000 0 3px,#524e3e09 3px 4px,#0000 4px 9px),repeating-linear-gradient(0deg,#0000 0 86px,#544e3a1c 87px,#ffffff40 89px,#0000 91px 178px),linear-gradient(110deg,#d1cebc,#e5e2cf 57%,#c3c3b1)}.desk:before{opacity:1;mix-blend-mode:normal;transform-origin:top;background:repeating-linear-gradient(42deg,#ffffff14 0 1px,#0000 1px 3px),repeating-linear-gradient(-42deg,#2d3d340f 0 1px,#0000 1px 4px),linear-gradient(110deg,#9eaca2,#a7b1a5 62%,#899d90);border-radius:32px;inset:17% -6% -28%;transform:perspective(1000px)rotateX(14deg);box-shadow:0 -1px 3px #2c322526}.desk:after{box-shadow:none;background:linear-gradient(135deg,#fffff61f 16%,#0000 55%,#2c352626)}.book-label{color:#3f453bad;text-shadow:none;letter-spacing:.08em;font-size:12px}.mode-spread .pl{color:#363a34;padding:28px 34px 18px 38px}.mode-spread .pl-head h2{font-size:25px;font-weight:700;line-height:1.35}.mode-spread .pl-head .kicker{letter-spacing:.06em;font-size:12px}.pl-head .tag{color:#93917d;border:0;padding:0;font-size:11px}.pl-head .idx{color:#8b8d80}.tabs{border-bottom-color:#505a461f;gap:12px;margin-top:8px;margin-bottom:12px}.mode-spread .tabs button{font-family:var(--serif);border-bottom-width:1px;padding:3px 0 6px;font-size:13px}.tabs button.on{border-bottom-color:#697166;font-weight:500}.mode-spread .steps li{margin:5px 0;font-size:16px;line-height:1.6}.steps li span{color:#777d6d;width:14px;font-family:var(--serif);background:0 0;border-radius:0;font-style:italic;font-weight:400}.formula,.mode-spread .formula{color:#4f574c;background:0 0;border:1px solid #71775d29;border-radius:0;margin:13px 0;padding:9px 12px;font-size:18px}.controls,.readout{background:0 0;border:0;border-radius:0;margin-top:14px;padding:0}.controls{border-bottom:1px solid #5a634d26;padding-bottom:10px}.mode-spread .ctl-label,.mode-spread .ctl-val{font-size:14px;font-weight:400}.ctl-val{color:#59634e}.ctl input[type=range]{background:linear-gradient(90deg, #747c64 var(--f,50%), #d8dccb var(--f,50%));height:3px;margin-top:7px}.ctl input[type=range]::-webkit-slider-thumb{width:12px;height:12px;box-shadow:none;background:#fafbf3;border:1px solid #737b67}.mode-spread .ctl-range{color:#929687;font-size:10.5px}.seg{gap:14px}.seg button,.mode-spread .seg button{color:#6e7567;background:0 0;border:0;border-radius:0;padding:3px 0;font-size:14px}.seg button:before{content:"";border:1px solid #8b927c;width:9px;height:9px;margin-right:6px;display:inline-block;transform:rotate(-2deg)}.seg button.on{color:#353e32;background:0 0}.seg button.on:before{background:#75816a;box-shadow:inset 0 0 0 2px #f3f4e9}.act,.mode-spread .act{color:#505b47;font-family:var(--serif);background:#fffffa33;border:1px solid #a5ab96;border-radius:1px;padding:5px 9px;font-size:13px;font-weight:400}.act:hover{background:#dfe4cf66}.readout{margin-top:10px}.readout h3{font-family:var(--serif);text-transform:none;color:#919780;font-weight:400}.mode-spread .readout .phen{font-size:15px}.readout dl>div{border-bottom:0}.mode-spread .readout dd{font-size:14px;font-weight:400}.mode-spread .readout dt{font-size:12px}.mode-spread .readout .fid{color:#929786;font-size:11px;line-height:1.6}.safety{color:#8b806c;background:0 0;border-left:1px solid #ac9e82;padding:3px 7px}.mode-spread .safety{font-size:11px}.pl-foot,.mode-spread .pl-foot{color:#8b907e;border-top:0;font-size:11px;font-style:italic}.toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#434b40;background:linear-gradient(#f2f5ede3,#cad4c9c7);border:1px solid #ffffffe0;border-radius:28px;justify-content:center;min-width:min(620px,100% - 24px);min-height:50px;box-shadow:0 5px 20px #28302221,inset 0 1px 3px #ffffffbf}.toolbar button{font-family:var(--serif);color:#46503e;font-size:13px}.toolbar .pager{font-family:var(--serif);color:#57604d;font-size:14px}.mode-stack .left-host{box-shadow:none;background:#f6f6ec}.mode-stack .toolbar{min-width:auto}@media (prefers-reduced-motion:reduce){.desk:before{transform:none}}.is-inspecting .left-host{pointer-events:none}.toolbar button[aria-pressed=true][title=返回全书视角]{background:#67775824;border-radius:18px}@media (width<=420px){.mode-stack .toolbar button{padding:8px 9px}}.mode-stack{height:100dvh;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);grid-template-rows:minmax(240px,48dvh) minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.mode-stack .left-host{overscroll-behavior:contain}.mode-stack .pl-body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.mode-stack .tabs{gap:12px;margin:4px 0 8px}.mode-stack .tabs button{min-height:44px;padding:7px 0;font-size:14px}.mode-stack .seg button{min-height:40px;padding:8px 5px}.mode-stack .act{min-height:44px;padding:8px 12px;font-size:14px}.mode-stack .ctl{margin-bottom:10px}.mode-stack .ctl input[type=range]{touch-action:pan-y;background-clip:content-box;height:28px;margin:0;padding:12px 0}.mode-stack .ctl input[type=range]::-webkit-slider-thumb{width:20px;height:20px}.mode-stack .ctl input[type=range]::-moz-range-thumb{background:#fafbf3;border:1px solid #737b67;width:18px;height:18px}.mode-stack .toolbar{gap:0;margin:5px auto;padding:3px 5px}.mode-stack .toolbar button{touch-action:manipulation;min-width:40px;min-height:44px;padding:8px 10px}.mode-stack .toolbar .pager{min-width:52px;font-size:13px}.mode-stack .toolbar .sep{margin:0 2px}@media (width<=759px),(height<=499px) and (width<=999px){.toc-search input{min-height:44px;font-size:16px}.toc-list li button{min-height:44px}.toc .x{min-width:44px;min-height:44px}}@media (height<=499px) and (width>=600px){.mode-stack{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:48% minmax(0,1fr)}.mode-stack .stage{grid-area:1/1}.mode-stack .left-host{border:0;grid-area:1/2}.mode-stack .toolbar{grid-area:2/1/auto/-1}.mode-stack .book-label{left:10px;right:auto}.mode-stack .pl-head h2{font-size:18px}}.mode-stack .toolbar .sep{display:none}.mode-stack .toolbar .pager{min-width:44px}.mode-stack .left-host{-webkit-overflow-scrolling:touch;overflow-y:auto}.mode-stack .left-host .pl{height:auto;min-height:100%}.mode-stack .pl-body{flex:none;overflow:visible}@media (width<=350px){.mode-stack .toolbar button{min-width:36px;padding-left:7px;padding-right:7px}.mode-stack .toolbar .pager{min-width:40px}}.mode-stack .stage,.mode-stack .left-host{min-width:0;max-width:100%}.mode-stack{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.mode-stack .book-label{top:calc(8px + env(safe-area-inset-top,0px))}@media (height<=499px) and (width>=600px){.mode-stack .book-label{left:calc(10px + env(safe-area-inset-left,0px))}}