@import url(style/book-style.css);:root{--page-ratio:.8;color:var(--ink);background:#fff;font-family:var(--book-serif);font-synthesis:none}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{overflow:hidden;background:#fff}button{color:inherit;font:inherit}.room{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;padding:22px 24px 20px}.book-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(100%,1100px);margin:auto}.book-header h1{margin:0;font:400 16px/1.3 var(--book-serif);letter-spacing:-.01em}.book-header a,.book-header span{font:400 10px/1.4 var(--book-sans);color:#6e7365;text-decoration:none}.book-header span:last-child{text-align:right}.stage{position:relative;display:grid;place-items:center;min-height:0;padding:16px 0}.book-rig{display:grid;place-items:center;width:min(100%,calc((100dvh - 140px) * var(--page-ratio) * 2),calc(640px * var(--page-ratio) * 2));height:min(calc(100dvh - 140px),640px)}.book{position:relative;isolation:isolate;filter:drop-shadow(0 9px 12px rgb(29 37 21 / 15%));transition:translate 760ms ease}.book[data-layout=landscape][data-edge=front]{translate:-25% 0}.book[data-layout=landscape][data-edge=back]{translate:25% 0}.book-page{position:relative;overflow:hidden;background:var(--paper)}.book-page.--left::before,.book-page.--right::before{position:absolute;inset-block:0;z-index:3;width:clamp(14px,4%,28px);content:"";pointer-events:none}.book-page.--left::before{right:0;background:linear-gradient(to left,rgb(28 30 24 / 12%),rgb(28 30 24 / 3%) 40%,transparent)}.book-page.--right::before{left:0;background:linear-gradient(to right,rgb(28 30 24 / 12%),rgb(28 30 24 / 3%) 40%,transparent)}.controls{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:20px;width:min(100%,280px);margin:auto}.controls button{border:1px solid #dcdfd5;border-radius:50%;width:36px;height:36px;padding:0;background:#fff;font:400 15px var(--book-sans);cursor:pointer}.controls button:disabled{opacity:.28;cursor:default}.status{display:grid;gap:4px;text-align:center}.status span{font:400 10px/1.4 var(--book-sans);letter-spacing:.04em;color:#666e5d}.status small{font:400 9px/1.4 var(--book-sans);color:#969b8f}a:focus-visible,button:focus-visible{outline:2px solid #6b735d;outline-offset:4px}@media (max-width:700px){.room{padding:16px 9px}.book-header{grid-template-columns:1fr auto}.book-header h1{font-size:13px}.book-header #orientation{display:none}}@media (prefers-reduced-motion:reduce){.book{transition:none}}@media print{body{overflow:visible}.book-header,.controls{display:none}}:root{--ink:#102f4d;--book-sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}body{background:#edf0f2;font-family:var(--book-sans)}.room{padding:21px 28px 18px;gap:0;grid-template-columns:minmax(0,1fr)}.book-header{width:min(100%,1180px);display:flex;justify-content:space-between;gap:24px;padding-bottom:15px;border-bottom:1px solid #d9e0e5}.masthead{display:flex;align-items:center;gap:18px;min-width:0}.brand-mark{font:700 24px/1 var(--book-sans);letter-spacing:-.04em}.book-header h1{font:500 15px/1.5 var(--book-sans);letter-spacing:.05em}.book-header .edition{display:block;margin-top:3px;color:#778894;font:400 10px/1.4 var(--book-sans);letter-spacing:.08em;text-align:left}.header-tools{display:flex;align-items:center;gap:6px}.tool{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid transparent;border-radius:6px;background:0 0;cursor:pointer;font:400 12px/1 var(--book-sans);color:#35506a;text-decoration:none}.book-header a.tool{font:400 12px/1 var(--book-sans);color:#35506a}.tool:hover{background:#e2e7eb;border-color:#d3dce3}.tool svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tool:disabled{opacity:.45;cursor:default}.stage{padding:15px 0;min-width:0}.book-rig{width:min(100%,calc((100dvh - 235px) * var(--page-ratio) * 2),calc(640px * var(--page-ratio) * 2));height:min(calc(100dvh - 235px),640px)}.book-peek,.book-shell,.book-stack{display:none}.book{width:100%;height:100%;min-width:0!important;min-height:0!important;filter:drop-shadow(0 15px 19px rgb(11 38 65 / 18%));touch-action:none!important}.stf__wrapper{position:relative;width:100%;height:100%}.pdf-page{background:#fff}.pdf-page>img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.folded-back{position:absolute;overflow:hidden;background:#fff;pointer-events:none}.folded-back::before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(to right,rgb(30 47 63 / 5%),transparent 30%)}.book[data-edge=back] .book-page.--left::before,.book[data-edge=front] .book-page.--right::before{opacity:.45}.reader-footer{width:min(100%,760px);margin:0 auto}.controls{width:380px;max-width:100%;grid-template-columns:44px 1fr 44px;gap:22px}.controls button{width:42px;height:42px;border:1px solid #ced8df;background:#f7f9fa;color:#254b70;font:400 20px/1 var(--book-sans)}.controls button:not(:disabled):hover{background:#103453;color:#fff;border-color:#103453}.status{gap:3px}.status #page-status{font:500 13px/1.4 var(--book-sans);letter-spacing:.06em;color:#183b5b}.status #current-section{color:#7c8e9b;font:400 10px/1.4 var(--book-sans);letter-spacing:.04em}.progress-row{display:flex;align-items:center;gap:15px;margin-top:14px}#progress{--progress:0%;appearance:none;-webkit-appearance:none;flex:1;height:3px;background:linear-gradient(90deg,#315572 var(--progress),#d2dae0 var(--progress));border-radius:3px;cursor:pointer}#progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;background:#315572;border:0;border-radius:50%}#progress::-moz-range-thumb{width:10px;height:10px;background:#315572;border:0;border-radius:50%}#jump-form{display:flex;align-items:center;gap:6px;font-size:10px;color:#7a8a96;white-space:nowrap}#jump-page{width:37px;height:26px;padding:0 4px;border:1px solid #ced8df;border-radius:4px;background:#f5f8fa;text-align:center;color:#214665;font:400 11px var(--book-sans);appearance:textfield}#jump-page::-webkit-inner-spin-button{-webkit-appearance:none}#jump-form button{height:26px;padding:0 7px;border:0;border-radius:4px;background:#dfe6ec;color:#34546f;font:400 10px var(--book-sans);cursor:pointer}#reader-hint{margin:10px 0 0;text-align:center;color:#8495a2;font:400 10px/1.5 var(--book-sans);letter-spacing:.02em}dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #d8e0e6;border-radius:10px;color:#173c5d;background:#f4f6f7;box-shadow:0 18px 70px rgb(0 19 40 / 25%)}dialog::backdrop{background:rgb(5 25 44 / 57%);backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:#f8fafb;border-bottom:1px solid #dce3e8}.dialog-header h2{margin:0;font:500 16px/1.4 var(--book-sans);letter-spacing:.04em}.dialog-header p{margin:4px 0 0;font:400 10px/1.5 var(--book-sans);color:#8394a0}.close-button{min-width:34px;height:34px;border:1px solid #d8e0e6;border-radius:50%;background:#fff;color:#45627a;font:400 22px/1 var(--book-sans);cursor:pointer}.chapter-list{display:flex;flex-wrap:wrap;gap:7px;padding:16px 22px 0}.chapter-list button{padding:8px 10px;border:1px solid #d7e0e6;border-radius:5px;background:#fff;color:#375873;font:400 11px var(--book-sans);cursor:pointer}.chapter-list button:hover{border-color:#4a6983}.thumbnail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 14px;padding:20px 22px 22px}.thumbnail{min-width:0;padding:7px 7px 8px;border:1px solid transparent;border-radius:5px;background:0 0;cursor:pointer;text-align:left}.thumbnail img{display:block;width:100%;aspect-ratio:210/297;object-fit:contain;background:#fff;box-shadow:0 2px 6px rgb(21 48 71 / 12%)}.thumbnail span{display:block;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 10px/1.4 var(--book-sans);color:#536e84}.thumbnail b{font-weight:500;color:#183b5b;margin-right:5px}.thumbnail.is-active,.thumbnail:hover{border-color:#55748c;background:#e6edf3}#zoom-dialog{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none}#zoom-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.zoom-tools{display:flex;align-items:center;gap:13px}.zoom-step{font-size:18px;padding-inline:6px}#zoom-level{width:120px;accent-color:#245172}#zoom-value{font-size:11px;min-width:37px}#zoom-scroll{overflow:auto;padding:24px;background:#dfe6eb;overscroll-behavior:contain}#zoom-strip{--zoom:1.25;display:flex;gap:0;width:max-content;margin:0 auto;align-items:flex-start}#zoom-strip figure{margin:0;width:calc(560px * var(--zoom))}#zoom-strip img{display:block;width:100%;height:auto;background:#fff}#zoom-strip figcaption{margin:13px 0;font:400 11px/1.4 var(--book-sans);color:#567085;text-align:center}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #547692;outline-offset:4px}[hidden]{display:none!important}@media (max-width:700px){.room{padding:14px 12px 15px}.book-header{gap:8px;padding-bottom:12px}.masthead{gap:10px}.brand-mark{font-size:21px}.book-header h1{font-size:12px;letter-spacing:.015em}.book-header .edition{font-size:9px}.tool{padding:0 7px;height:34px}.header-tools{gap:2px}.header-tools .tool span{display:none}.book-rig{position:relative;display:block;width:min(100%,calc((100dvh - 220px) * var(--page-ratio) * 1.18),calc(640px * var(--page-ratio) * 1.18));height:auto;aspect-ratio:calc(var(--page-ratio) * 1.18);overflow:hidden;border-radius:2px;filter:drop-shadow(0 9px 12px rgb(11 38 65 / 17%))}.book.book{position:absolute;inset:0 auto 0 calc(100% * .155 / 1.18);width:calc(100% / 1.18);height:100%;filter:none;touch-action:none;translate:none!important}.book-shell{display:block;position:absolute;inset:0;border-block:2px solid #9caebb;border-right:2px solid #8b9eaf;border-radius:2px;background:#f1f3f5}.book-peek{display:block;position:absolute;inset:1px auto 1px 0;width:calc(100% * .155 / 1.18);overflow:hidden;padding:0;border:0;border-left:2px solid #9caebb;border-radius:0;background:#fff;cursor:pointer;color:#294b68}.book-peek:disabled{cursor:default}.book-peek img{position:absolute;inset:0 0 0 auto;height:100%;width:auto;aspect-ratio:453/640;max-width:none;object-fit:contain;user-select:none;pointer-events:none}.peek-gutter{position:absolute;inset:0;background:linear-gradient(to right,rgb(91 112 130 / 9%),transparent 30%,rgb(22 49 71 / 7%) 70%,rgb(22 49 71 / 18%));pointer-events:none}.book-stack{display:block;position:absolute;top:4px;bottom:4px;right:2px;width:10px;border-radius:0 2px 2px 0;background:repeating-linear-gradient(to right,#b7c2ca 0 1px,#fefefe 1px 3px,#dce3e8 3px 4px)}.book-rig[data-edge=front] .book-peek,.book-rig[data-edge=front] .book-shell{display:none}.book-rig[data-edge=front] .book.book{left:calc((100% - 100% / 1.18)/ 2)}.book-rig[data-edge=front] .book-stack{right:calc((100% - 100% / 1.18)/ 2 - 7px)}.thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 12px}.chapter-list{padding:12px 16px 0}.dialog-header{padding:13px 16px}#zoom-dialog .dialog-header{gap:6px;padding:12px 10px}#zoom-dialog .dialog-header>div:first-child{min-width:0}#zoom-title{font-size:12px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoom-tools{gap:3px;flex-shrink:0}.zoom-tools .tool{width:27px;height:32px;padding:0}.zoom-tools .close-button{min-width:30px;height:30px}#zoom-dialog .dialog-header p,#zoom-level{display:none}#zoom-value{min-width:33px;font-size:10px;text-align:center}#zoom-scroll{padding:12px}#zoom-strip{--zoom:1}}@media (max-height:520px){.room{padding-top:8px;padding-bottom:8px}.book-header{padding-bottom:6px}.book-rig{width:min(100%,calc((100dvh - 150px) * var(--page-ratio) * 2));height:min(calc(100dvh - 150px),640px)}.stage{padding:6px 0}#reader-hint{display:none}.progress-row{margin-top:8px}.controls button{height:34px;width:34px}}@media (max-width:700px) and (max-height:520px){.book-rig{width:min(100%,calc((100dvh - 150px) * var(--page-ratio) * 1.18));height:auto}}