*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,sans-serif;color:#173e4c;background:#dce5e8;display:flex;flex-direction:column}header{height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#fff;border-bottom:1px solid #cbdadd;gap:12px}.title{font-size:19px;font-weight:700;white-space:nowrap}.title small{font-size:12px;color:#60808b;margin-right:10px;font-weight:400}.tools{display:flex;gap:7px;align-items:center;direction:ltr}button{border:1px solid #cbdadd;border-radius:8px;background:#fff;color:#173e4c;font:inherit;min-height:38px;padding:7px 13px;cursor:pointer;touch-action:manipulation}button:hover{background:#eaf4f4;border-color:#4c9394}button:focus-visible,input:focus-visible{outline:3px solid #e4a436;outline-offset:2px}button:disabled{opacity:.35;cursor:default}output{font-size:13px;min-width:42px;text-align:center}main{flex:1;min-height:0;position:relative;overflow:auto;direction:ltr;overscroll-behavior:contain}#sheet{margin:12px auto;box-shadow:0 3px 24px #173e4c22;line-height:0;background:white;width:800px}img{display:block;width:100%;height:auto;user-select:none}#status{position:fixed;top:75px;left:50%;transform:translateX(-50%);padding:8px 18px;background:white;border-radius:8px;box-shadow:0 2px 12px #0002}#status:empty{display:none}footer{display:flex;justify-content:center;align-items:center;gap:26px;height:58px;flex-shrink:0;background:#fff;border-top:1px solid #cbdadd}footer button{min-width:160px}#next{background:#17696f;color:white;border-color:#17696f}.pager{display:flex;align-items:center;gap:9px;direction:ltr;font-size:14px}input{width:59px;border:1px solid #b6ccd2;border-radius:6px;padding:7px;text-align:center;font-size:16px;color:#173e4c}input::-webkit-inner-spin-button{opacity:1}:fullscreen{background:#dce5e8}@media(max-width:650px){header{padding:7px 10px;height:92px;flex-wrap:wrap;justify-content:center;gap:5px}.title{font-size:16px}.title small{font-size:11px}.tools{gap:5px}button{padding:6px 10px}.tools button{min-height:34px}footer{gap:10px;height:64px}footer button{min-width:64px;font-size:12px}footer button span{max-width:84px;display:inline-block}.pager{gap:5px}.pager>span:first-child{display:none}#sheet{margin:8px auto}}