:root{color-scheme:dark;--bg:#102f34;--surface:#163d40;--forest:#18483f;--gold:#cdbd98;--text:#f4f0e6;--muted:#b8cbc8;--line:#3d6060;--accent:#a6ce57;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 53% 35%,#20554c 0,#123b3c 46%,#102b33 100%);color:var(--text);height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.28;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:hover:not(:disabled),a:hover{color:var(--gold)}button{transition:background .18s,color .18s}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.masthead{height:82px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 34px;border-bottom:1px solid #cdbd9826;background:#0e2d32b3}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{object-fit:contain}.brand strong{font-size:18px;font-weight:600;letter-spacing:1px}.brand small{display:block;font-size:11px;letter-spacing:2px;color:var(--muted);margin-top:5px}.edition{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:2px;color:var(--muted);white-space:nowrap}.edition span{font-family:Georgia,serif;font-size:25px;color:var(--gold);letter-spacing:1px}.edition i{width:1px;height:15px;background:var(--line)}.header-actions{display:flex;align-items:center;gap:24px;font-size:13px}.download{border:1px solid #cdbd9877;border-radius:4px;padding:11px 14px;min-height:44px}.download span{margin-left:12px}.contact{font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--gold)}
#reader{flex:1;min-height:0;display:flex;flex-direction:column;padding:15px 28px 12px}.reading-heading,.reading-note{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px;letter-spacing:1px;flex-shrink:0}.reading-heading{padding:0 6px 13px}.reading-heading #chapterLabel{color:var(--gold)}.reading-note{padding:14px 6px 0;font-size:11px;color:#a9c0ba}.stage{flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:center;padding:0 60px}.stage:before{content:"";position:absolute;bottom:-2%;left:15%;right:15%;height:16%;background:#061b20;filter:blur(22px);opacity:.3;border-radius:50%;pointer-events:none}#book{transform:translateX(var(--cover-offset,0px));transition:transform .65s ease;position:relative;flex:none;min-width:0!important;min-height:0!important;filter:drop-shadow(0 10px 16px #04171d55);z-index:1}.stf__wrapper{position:relative;width:100%;height:100%}.page{background:var(--forest);overflow:hidden}.page img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}.page.failed:after{content:"图片暂未载入，可点击重试或下载PDF";position:absolute;inset:45% 5% auto;text-align:center;font-size:14px;color:var(--text);background:var(--forest);padding:12px}.page-number{position:absolute;inset:auto 8px 8px auto;font-size:10px;opacity:0}.turn{position:absolute;top:calc(50% - 28px);width:48px;height:56px;z-index:3;border:1px solid #cdbd9833;border-radius:6px;background:#0e303859;display:grid;place-items:center;color:var(--gold)}.turn:hover:not(:disabled){background:#31574e}.turn-prev{left:0}.turn-next{right:0}.turn svg{width:23px;height:30px}#loading{position:absolute;z-index:5;padding:12px 20px;background:var(--bg);border:1px solid var(--line);border-radius:5px;font-size:14px;color:var(--gold)}
.page-control{min-width:44px;min-height:44px;padding:8px;display:grid;place-items:center;border-radius:4px;color:var(--muted)}.page-control:hover:not(:disabled){background:#cdbd981c;color:var(--gold)}.toolbar{min-height:76px;flex-shrink:0;background:#0b282eeb;border-top:1px solid #cdbd982b;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 30px max(8px,env(safe-area-inset-bottom));z-index:4}.tool-group{display:flex;align-items:center;gap:10px}.tool{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 10px;border-radius:5px;font-size:12px;white-space:nowrap}.tool:hover{background:#ffffff09}.tool[aria-pressed=true]{background:#cdbd981a;color:var(--gold)}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;flex-wrap:nowrap;white-space:nowrap}.small-control{padding:10px 8px;min-height:44px;color:var(--muted);font-size:12px}.pagination form{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;color:var(--muted);height:44px;padding-right:7px;gap:2px}.pagination input{appearance:textfield;-moz-appearance:textfield;width:32px;background:transparent;border:0;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;font-size:14px;height:42px}.pagination input::-webkit-inner-spin-button{appearance:none}.pagination #spreadSuffix{font-size:14px;color:var(--text)}.page-total{font-size:13px}.share-link-choices{display:flex;gap:6px;margin-bottom:18px}.share-link-choices button[aria-pressed=true]{background:#cdbd9822;border-color:var(--gold)}
dialog{color:var(--text);background:#113337;border:1px solid var(--line);box-shadow:0 16px 65px #0007;max-height:100dvh}dialog::backdrop{background:#061e2688;backdrop-filter:blur(3px)}.drawer{margin:0;width:410px;max-width:100vw;height:100%;max-height:100dvh;padding:0;overflow:hidden;border-width:0 1px 0 0}.drawer[open]{display:flex;flex-direction:column}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 20px 18px}.drawer-heading small{font-size:10px;color:var(--gold);letter-spacing:2px}.drawer h1{font-size:24px;font-weight:500;margin:9px 0 0;letter-spacing:1px}.close{min-width:44px;min-height:44px;font-size:30px;line-height:1;border-radius:5px;color:var(--muted)}.close:hover{background:#fff1}.drawer-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 16px;gap:6px}.drawer-tabs button{font-size:13px;padding:12px 10px;min-height:46px;border-bottom:2px solid transparent}.drawer-tabs button[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold)}.drawer-content{overflow-y:auto;flex:1;padding:20px;overscroll-behavior:contain}.drawer-bottom{border-top:1px solid var(--line);padding:15px 20px max(15px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;font-size:12px}.drawer-bottom a{color:var(--gold)}.drawer-bottom span{font-size:11px;color:var(--muted)}.toc-lead{display:flex;gap:6px;margin-bottom:18px}.toc-lead button{flex:1;background:#ffffff08;border:1px solid var(--line);padding:10px 6px;min-height:44px;font-size:12px;border-radius:4px}.toc-item{display:block;width:100%;text-align:left;border-bottom:1px solid #496a634f;padding:14px 0}.toc-top{display:flex;align-items:center;gap:12px}.toc-number{color:var(--gold);font-family:Georgia,serif;font-size:24px;width:30px}.toc-title{flex:1;font-size:16px;letter-spacing:.5px}.toc-range{color:var(--muted);font-size:11px}.toc-subtitle{display:block;font-size:11px;color:var(--muted);margin:7px 0 0 42px;line-height:1.7}.toc-item[aria-current=true]{color:var(--gold)}.toc-final{margin-top:18px;display:flex;justify-content:space-between;gap:8px}.toc-final button{min-height:44px;padding:8px;border:1px solid var(--line);border-radius:4px;font-size:12px;flex:1}.thumb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.thumb{min-width:0;padding:4px;border:1px solid transparent;border-radius:3px;text-align:left;align-self:start}.thumb[aria-current=true]{border-color:var(--gold);background:#cdbd980d}.thumb img{width:100%;aspect-ratio:923/1253;object-fit:contain;display:block;box-shadow:0 4px 8px #0003}.thumb span{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:7px}.thumb b{color:var(--gold);font-weight:500;margin-right:4px}.search-label{display:block;color:var(--gold);font-size:14px;margin:0 0 12px}input[type=search]{width:100%;min-height:48px;border:1px solid var(--line);background:#071e23;color:var(--text);border-radius:5px;padding:10px 12px;font-size:14px}input::placeholder{color:#92aaa6}.search-summary{font-size:12px;line-height:1.8;color:var(--muted)}.search-result{padding:15px 0;display:block;width:100%;text-align:left;border-bottom:1px solid var(--line);min-height:44px}.search-result strong{display:block;font-size:15px;font-weight:500}.search-result small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px}
.zoom-dialog{padding:0;width:96vw;max-width:1600px;height:94dvh;border-radius:7px;overflow:hidden}.zoom-dialog[open]{display:flex;flex-direction:column}.zoom-dialog header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.zoom-dialog h2{font-size:14px;font-weight:500;margin:0;flex:1}.zoom-dialog p{flex-shrink:0;font-size:11px;padding:0 16px;color:var(--muted)}.zoom-body{flex:1;min-height:0;overflow:auto;text-align:center;background:#09262b;padding:18px}.zoom-body img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;margin:auto}.zoom-body.original img{height:auto;width:auto;max-width:none;margin:0 auto}.zoom-body img.failed{display:none}.zoom-page{border:1px solid var(--line);border-radius:4px;padding:8px 12px;min-height:44px;font-size:12px;margin-left:5px}.zoom-page[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.outline-button{border:1px solid #cdbd9877;color:var(--gold);font-size:12px;border-radius:4px;padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.share-dialog{width:440px;max-width:calc(100vw - 24px);padding:28px;border-radius:7px}.share-dialog .close{position:absolute;top:12px;right:12px}.share-dialog h2{font-weight:500;font-size:24px;margin:0 35px 20px 0}.share-dialog p{font-size:14px;line-height:1.8;color:var(--muted)}.share-dialog label{display:block;font-size:12px;margin-bottom:8px}.share-dialog input{width:100%;background:#08242a;color:var(--text);border:1px solid var(--line);padding:10px;margin-bottom:20px;min-height:44px;font-size:13px}.share-dialog .outline-button{margin-right:8px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--text);color:var(--bg);border-radius:5px;box-shadow:0 4px 25px #0004;z-index:20;font-size:13px;max-width:90vw;text-align:center}.noscript{position:fixed;inset:40% 15%;padding:24px;background:var(--surface);z-index:100;text-align:center;line-height:2}.noscript a{text-decoration:underline;color:var(--gold)}
@media(min-width:1600px){#reader{padding-left:70px;padding-right:70px}.masthead{padding-inline:50px}.toolbar{padding-inline:50px}}
@media(max-width:1120px){.edition{display:none}.toolbar{padding-inline:18px;gap:8px}.tool{flex-direction:column;gap:4px;padding:6px 8px}.tool-group{gap:3px}.pagination{gap:5px}}
@media(max-width:700px){.masthead{height:65px;padding:0 16px;gap:12px}.brand{gap:8px}.brand img{width:27px;height:36px}.brand strong{font-size:15px;letter-spacing:.4px}.brand small{font-size:9px;letter-spacing:1px}.contact{display:none}.header-actions{gap:0}.download{padding:10px;font-size:11px;border:0}.download span{display:none}#reader{padding:12px 10px 9px}.reading-heading{font-size:10px;padding:0 6px 10px;letter-spacing:0}.reading-note{font-size:10px;padding:10px 6px 0;justify-content:center}.reading-note>span:first-child{display:none}.stage{padding:0 4px}.turn{display:none}.toolbar{min-height:118px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px 16px max(7px,env(safe-area-inset-bottom));gap:3px 0;position:relative}.pagination{grid-row:1;grid-column:1/-1;min-height:48px;padding-inline:0}.mode-tool{display:none}.pagination form{background:#cdbd9810;height:44px}.pagination input{width:30px;height:42px}.tool-group{display:contents}.tool{grid-row:2;min-height:50px;min-width:44px;font-size:10px;padding:5px 6px;gap:4px}.tool svg{width:20px;height:20px}.desktop-tool{display:none}.toast{bottom:140px}.zoom-dialog{height:96dvh;width:98vw}.zoom-dialog header{gap:5px;padding:6px}.zoom-dialog h2{font-size:11px}.zoom-dialog .outline-button{font-size:11px;padding:8px}.zoom-page{font-size:11px;padding:8px;margin-left:2px}.zoom-body{padding:8px}.zoom-dialog p{font-size:10px}.drawer-heading{padding-top:20px}.drawer h1{font-size:22px}}
@media(max-height:520px) and (min-width:701px){.masthead{height:54px}.brand img{height:32px;width:26px}.brand small{display:none}#reader{padding-block:7px}.reading-heading{padding-bottom:6px}.reading-note{display:none}.toolbar{min-height:58px;padding-block:4px}.tool{flex-direction:row}.tool-group{gap:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.stage:before{filter:none}}