:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#202a36;background:#e9edf1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid #dbe1e6;box-shadow:0 2px 10px #18263908}.brand{min-width:0}.brand strong{display:block;font-size:16px;letter-spacing:.04em}.brand span{display:block;color:#647181;font-size:12px;margin-top:5px}.controls{display:flex;align-items:center;gap:6px;flex-shrink:0}button{border:1px solid #dbe1e6;border-radius:8px;background:#fff;min-width:44px;min-height:44px;padding:8px;color:#25394a}button:hover{background:#f0f4f7}button:focus-visible,input:focus-visible{outline:3px solid #4d8fb6;outline-offset:2px}button:disabled{opacity:.35;cursor:default}.page-field{display:flex;align-items:center;gap:5px;font-size:13px;color:#586675}.page-field input{width:43px;height:44px;text-align:center;border:1px solid #dbe1e6;border-radius:8px;color:#202a36;background:#fff;appearance:textfield;-moz-appearance:textfield}.page-field input::-webkit-inner-spin-button{appearance:none}.zoom{font-size:13px;min-width:52px}.reader{overflow-x:auto;padding:16px 0 32px;min-height:80vh;overscroll-behavior-x:contain}.pages{width:100%;min-width:100%;margin:0 auto;transition:none}.sheet{max-width:960px;width:calc(100% - 24px);margin:0 auto 20px;scroll-margin-top:130px}.paper{background:#fff;box-shadow:0 2px 14px #1a29321a}.paper img{display:block;width:100%;height:auto;background:#fff}.sheet figcaption{text-align:center;color:#607080;font-size:12px;line-height:32px;letter-spacing:.08em}.reader.is-zoomed .pages{width:180%;max-width:none}.reader.is-zoomed .sheet{max-width:none}.footer{text-align:center;font-size:12px;color:#687887;padding:8px 16px calc(24px + env(safe-area-inset-bottom))}.image-error{padding:24px;text-align:center;color:#8c3326;background:#fff6f3}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:8px;z-index:20;background:white;padding:12px}.status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.toolbar{flex-direction:column;gap:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:10px}.brand{text-align:center}.brand strong{font-size:14px}.brand span{display:none}.controls{justify-content:center;width:100%}.reader{padding-top:10px}.sheet{width:calc(100% - 12px);margin-bottom:10px;scroll-margin-top:120px}.sheet figcaption{line-height:28px}.reader.is-zoomed .pages{width:200%}}@media(prefers-reduced-motion:reduce){.pages{transition:none}}