:root{color-scheme:light;font-family:system-ui,"Microsoft YaHei",sans-serif;color:#794619;background:#f4f0e9}
*{box-sizing:border-box}body{margin:0}button,a,select{touch-action:manipulation}button,select,.back{font:inherit;color:inherit;background:#fffdf8;border:1px solid #dabb9a;border-radius:8px;padding:7px 11px;min-height:38px;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled),.back:hover{background:#f8e9d6}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b77630;outline-offset:2px}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:#fffcf6f5;border-bottom:1px solid #e4cfb7}h1{font-size:18px;margin:0;white-space:nowrap}.identity,.controls{display:flex;align-items:center;gap:10px}.pages{padding:20px 12px 40px;overflow:auto}.page{width:min(100%,1200px);margin:0 auto 20px;scroll-margin-top:80px;background:white;box-shadow:0 3px 18px #69482918}.page img{display:block;width:100%;height:auto}.pages.enlarged .page{width:1488px;max-width:none}.page img:not([src]){visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){header{padding:8px;gap:8px;flex-wrap:wrap}.identity{gap:10px}.controls{gap:5px;flex:0 0 100%;justify-content:space-between}.controls button{white-space:nowrap;flex-shrink:0}h1{font-size:16px}.pages{padding:10px 0 24px}.page{margin-bottom:10px;scroll-margin-top:105px}button,select,.back{padding:6px 8px;font-size:13px;min-height:36px}#zoom{font-size:12px}}
@media print{header{display:none}.pages{padding:0;overflow:visible}.page{width:100%;box-shadow:none;break-after:page;margin:0}}