.page-viewer{position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;isolation:isolate;color:#eee4ce;background:radial-gradient(ellipse at 50% 0,#22334b 0,#101c31 50%,#0a1222 100%);font-family:"PingFang SC","Microsoft YaHei",sans-serif;overscroll-behavior:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
.page-viewer[hidden],.page-viewer [hidden]{display:none!important}
.page-viewer *{box-sizing:border-box}
.page-viewer .pv-header{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:16px;padding:15px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));border-bottom:1px solid #d4bd8733;background:#111d31d9;opacity:1;transform:none;pointer-events:auto}
.pv-heading{display:flex;align-items:baseline;gap:17px;min-width:0}.pv-name{font-family:"Songti SC","Noto Serif SC","SimSun",serif;font-size:20px;font-weight:400;letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pv-counter{font-family:Georgia,serif;font-size:14px;color:#c5b38e;white-space:nowrap}.page-viewer button{font:inherit;color:#e5d0a4;background:transparent;border:1px solid #d7be8540;cursor:pointer;border-radius:7px;min-height:40px;padding:8px 12px;touch-action:manipulation;transition:background .18s}.page-viewer button:hover{background:#d8bf8414}.page-viewer button:focus-visible,.pv-stage:focus-visible{outline:2px solid #e5c27d;outline-offset:-3px}.page-viewer button:disabled{opacity:.3;cursor:default}.page-viewer .pv-close{flex:0 0 auto;font-size:13px;letter-spacing:1px}.pv-close span{font-size:22px;margin-left:12px;vertical-align:-2px}.pv-hint{flex:0 0 auto;margin:0;padding:9px 14px;text-align:center;color:#aaaeb9;font-size:11px;letter-spacing:1px;line-height:1.5}.pv-stage{position:relative;min-height:80px;min-width:0;flex:1 1 auto;overflow:hidden;touch-action:none;outline:0;background:#07101c5c;margin:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));border:1px solid #dbc18a20}.pv-plane{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;box-shadow:0 8px 35px #0008;pointer-events:none;background:#f7f2e9}.pv-image{position:absolute;max-width:none!important;max-height:none!important;object-fit:fill;display:block;user-select:none;-webkit-user-drag:none;transform-origin:center center;pointer-events:none}.pv-stage.pv-can-drag{cursor:grab}.pv-stage.pv-can-drag:active{cursor:grabbing}.pv-status{position:absolute;inset:40% 15px auto;margin:0;text-align:center;font-size:15px;line-height:1.8;color:#d4c6aa;pointer-events:none}.pv-caption{flex:0 0 auto;max-height:23vh;overflow:auto;overscroll-behavior:contain;margin:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));padding:12px 18px;background:#eee6d7;color:#5d4a35;font-family:"Songti SC","SimSun",serif;font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #d9c7a6}.page-viewer .pv-controls{display:flex;position:relative;inset:auto;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:#0f1a2f;pointer-events:auto}.pv-controls button{font-size:13px;white-space:nowrap}.pv-zoom{display:flex;align-items:center;justify-content:center;gap:7px}.pv-percent{min-width:48px;text-align:center;font-size:12px;color:#c9bea8;font-variant-numeric:tabular-nums}.pv-minus,.pv-plus{font-size:21px!important;padding:3px 12px!important;min-width:39px}.pv-is-text{background:#f1eadc;touch-action:pan-y}.pv-text{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:clamp(24px,5vw,64px);color:#493c30;font-family:"Songti SC","Noto Serif SC","SimSun",serif;font-size:22px;line-height:1.95;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#ac927055 transparent}.pv-text h2{font-size:1.4em;font-weight:400;letter-spacing:2px;margin:0 0 1em;line-height:1.55}.pv-prose{white-space:pre-wrap;max-width:34em;margin:auto}.pv-credit{text-align:right;font-size:.76em;line-height:1.8;margin:1.5em auto 0;max-width:44em;color:#8b7050}
@media(max-width:600px){.page-viewer .pv-header{padding:10px 13px;gap:8px}.pv-heading{gap:10px}.pv-name{font-size:18px;letter-spacing:1px}.pv-counter{font-size:12px}.page-viewer .pv-close{font-size:12px;padding:5px 8px;min-height:36px}.pv-close span{margin-left:5px}.pv-hint{font-size:10px;padding:7px 5px;letter-spacing:.3px}.page-viewer .pv-controls{padding:8px 8px;gap:5px}.pv-controls>button{padding:7px 10px;font-size:18px;min-width:42px}.pv-controls>button span{display:none}.pv-zoom{gap:3px}.pv-zoom button{padding:6px 8px;font-size:11px;min-height:38px}.pv-zoom .pv-minus,.pv-zoom .pv-plus{min-width:34px;padding:3px 7px!important}.pv-percent{min-width:39px;font-size:11px}.pv-caption{padding:9px 12px;font-size:16px;line-height:1.6;max-height:24vh}.pv-text{font-size:21px;padding:25px 22px}}
@media(orientation:landscape) and (max-height:600px){.page-viewer .pv-header{padding-top:5px;padding-bottom:5px}.pv-name{font-size:17px}.page-viewer .pv-close{min-height:30px;padding:2px 9px}.pv-hint{padding:3px 8px;font-size:10px}.page-viewer .pv-controls{padding-top:5px;padding-bottom:5px}.pv-controls button{min-height:31px;padding-top:3px;padding-bottom:3px}.pv-caption{padding:5px 14px;max-height:21vh;font-size:14px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.page-viewer *{transition:none!important}}