:root{font-family:Arial,Helvetica,sans-serif;color:#eef2fa;background:#0c172c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;min-height:44px;min-width:44px;border:1px solid #ffffff30;border-radius:8px;background:#243955;color:white;padding:9px 15px;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:3px solid #e7bd76;outline-offset:3px}header{height:84px;padding:16px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}small{font-size:10px;letter-spacing:.14em;color:#d9b87f}h1{font-size:18px;margin:7px 0 0;font-weight:500}h1 span{color:#d9b87f;margin-left:15px}.toolbar{height:64px;display:flex;align-items:center;gap:10px;padding:10px 26px;background:#182942}.primary{background:#d9b87f;color:#142444;font-weight:bold}.hint{flex:1;font-size:12px;color:#bdcbe0}#stage{height:calc(100dvh - 245px);min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#304565,#0c172c 80%)}#book{margin:auto;flex-shrink:0}.leaf{background:#f7f8fc;overflow:hidden;box-shadow:0 2px 15px #0005}.leaf img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.hotspot{position:absolute;display:block;z-index:4;cursor:pointer}.hotspot:hover{background:#d5ad672e;outline:1px solid #b27d28}.hotspot:focus-visible{background:#d5ad6750}#caption{font-size:12px;height:30px;margin:0;padding:7px 20px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#c8d3e4}nav{height:66px;display:flex;justify-content:center;align-items:center;gap:12px;background:#142444}#jump{display:flex;align-items:center;gap:8px;font-size:12px}#pageNumber{width:75px;min-height:44px;background:#243955;color:white;border:1px solid #ffffff30;border-radius:7px;text-align:center}dialog{width:min(900px,95vw);max-height:92dvh;background:#142444;color:white;border:1px solid #ffffff35;border-radius:12px;padding:0}dialog::backdrop{background:#000b}.modalhead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid #ffffff20}h2{font-size:21px;margin:0}#search{margin:14px 18px;padding:14px;width:calc(100% - 36px);background:#0c172c;border:1px solid #ffffff35;border-radius:8px;color:white}#toc{overflow:auto;max-height:65dvh;padding:0 18px 20px}#toc button{display:block;width:100%;text-align:left;margin:6px 0;line-height:1.5}.level1{color:#e7bd76!important;font-size:17px}.level2{color:#9edee0!important;font-weight:bold}.level3{font-size:13px}.n{float:right;color:#e7bd76;padding-left:15px}#enlarge{width:98vw;max-width:1600px;height:96dvh;max-height:96dvh}#zoomBody{overflow:auto;height:calc(100% - 74px);background:#202e44;padding:16px}#zoomBody .leaf{position:relative;width:max(100%,1440px);aspect-ratio:16/9;margin:auto}#help p{padding:0 20px;line-height:1.6}.missing{position:absolute;inset:0;background:#fff;color:#142444;padding:25px}@media(max-width:700px){header{height:84px;padding:12px}h1{font-size:13px}h1 span{display:block;margin:5px 0 0}.toolbar{padding:8px 12px;gap:7px}.hint{font-size:10px}button{padding:8px 11px}nav{gap:5px}#jump{gap:4px}#jump label{display:none}#caption{font-size:10px}#zoomBody .leaf{width:1440px}#zoomTitle{font-size:12px}.modalhead{padding:10px}#enlarge .modalhead button{padding:8px}}