:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#26483f;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh}main{height:100%;max-width:1100px;margin:auto;display:flex;flex-direction:column}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}
#documents{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex-shrink:0;padding:8px;background:#fff;border-bottom:1px solid #dce5df}#documents button{min-height:42px;padding:8px 10px;border:1px solid #d4dfd9;border-radius:7px;background:#f8faf9;color:#35584a;font-size:14px;white-space:nowrap}#documents button[aria-pressed=true]{background:#1a5b50;border-color:#1a5b50;color:#fff}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:6px 8px;background:#fff;border-bottom:1px solid #dce5df;flex-shrink:0}.paging,.view-options{display:flex;align-items:center;gap:6px;font-size:13px}.paging button{width:34px;min-height:38px;border:1px solid #d4dfd9;border-radius:6px;background:#f8faf9;color:#35584a;font-size:19px}select{min-height:38px;max-width:112px;padding:4px;border:1px solid #d4dfd9;border-radius:6px;background:#fff;color:#35584a;font-size:12px}#total{white-space:nowrap;font-size:12px}#status{font-size:13px;padding:8px 12px;background:#f7faf8;flex-shrink:0}#status:empty{display:none}
#viewport{flex:1;min-height:0;overflow:auto;padding:4px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#fff;overflow-anchor:none}#viewport[data-mode=horizontal][data-zoom="1"]{touch-action:pan-y pinch-zoom}#pages{min-width:100%}.page-sheet{position:relative;margin:0 auto 12px;background:#fff;max-width:none}.page-sheet[hidden]{display:none}canvas{display:block;width:100%;height:auto;background:#fff;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.page-meta{text-align:center;font-size:11px;line-height:22px;color:#789085;border-bottom:1px solid #e0e7e2;user-select:none}.loading-note{position:absolute;top:14px;left:0;width:100%;text-align:center;font-size:12px;color:#789085}.page-sheet[data-ready=true] .loading-note{display:none}:focus-visible{outline:3px solid #c68b32;outline-offset:2px}.print-notice{display:none}
@media(max-width:600px){#documents{padding:6px;gap:5px}#documents button{font-size:13px;padding:6px;min-height:40px}.toolbar{padding:5px 6px;gap:6px}.paging,.view-options{gap:4px}}
@media print{body>*{display:none!important}.print-notice{display:block!important;color:#000;font-size:18px}}