*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 45%,#405460,#293b46 45%,#17232c);color:#e8edf0;font:14px/1.6 'Microsoft YaHei',Arial,sans-serif}button,input{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer}button:disabled{opacity:.2;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e3bd80;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}header a{display:flex;gap:14px;align-items:center;letter-spacing:1px}header small{display:block;font-size:8px;letter-spacing:3px;color:#8097a6}header button{font-size:12px;color:#9eafba}main{height:calc(100dvh - 150px);display:flex;flex-direction:column;align-items:center;padding:16px 0 8px}h1{font-size:19px;font-weight:400;letter-spacing:3px;margin:7px 0}#viewport{width:100%;flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px 70px 25px}#book{position:relative;flex-shrink:0;filter:drop-shadow(0 22px 22px #0007)}#spread{display:flex;width:100%;height:100%;position:relative;isolation:isolate;background:#f9f8f4;box-shadow:3px 3px #dedbd2,5px 5px #aaa99f,7px 7px #e6e1d8,8px 9px #8c908c;border-radius:2px}.page{position:relative;flex:1;min-width:0;overflow:hidden;background:#fff}.page>img{width:100%;height:100%;display:block}#spread.double:after{content:'';position:absolute;left:calc(50% - 22px);top:0;bottom:0;width:44px;background:linear-gradient(90deg,transparent,#00000008 25%,#00000025 49%,#ffffff33 51%,#00000009 75%,transparent);pointer-events:none;z-index:2}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11233a44,transparent 3%,#fff2 4%,transparent 6%);pointer-events:none}.edge{position:fixed;top:50%;border:1px solid #ffffff20;border-radius:50%;width:48px;height:48px;font:32px Georgia;color:#b6c6d0;z-index:5}.edge:hover:not(:disabled){background:#ffffff15;border-color:#d5b680;color:#f0d7ad}.previous{left:35px}.next{right:35px}#caption{margin-top:7px;font-size:10px;letter-spacing:2px;color:#bcc7ce;flex-shrink:0}#openBook{border:1px solid #cfb28470;color:#ecd3a6;padding:8px 24px;letter-spacing:3px;font-size:11px;margin-top:10px;border-radius:3px}#openBook:hover{background:#cfb28420}footer{position:fixed;bottom:3px;height:67px;left:0;right:0;border-top:1px solid #ffffff0d;background:#17232bc7;display:flex;align-items:center;justify-content:space-between;padding:0 35px;backdrop-filter:blur(12px)}footer>div{display:flex;gap:14px;align-items:center}footer button{font-size:17px;color:#b4c2cb;padding:7px}footer button span{font-size:11px;margin-left:5px}footer button:hover{color:#e7c78e}.pager label{background:#ffffff06;border:1px solid #ffffff15;border-radius:4px;padding:3px 12px;font-size:11px;color:#728b9b}.pager input{color:#dfd6c6;background:transparent;border:0;text-align:center;width:40px;appearance:textfield}.pager input::-webkit-inner-spin-button{appearance:none}#zoomLabel,#fit{font-size:10px;color:#a8bbc7}.progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:#ffffff08}#progressFill{height:100%;width:0;background:#c8ae7d;transition:width .35s}#shade{position:fixed;inset:0;background:#0007;z-index:10;backdrop-filter:blur(3px)}aside{position:fixed;inset:0 auto 0 0;width:370px;max-width:90vw;background:#f6f7f7;color:#344751;z-index:11;overflow:auto;padding:26px;box-shadow:15px 0 40px #0003}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.drawer-head small{font-size:8px;letter-spacing:2px;color:#8d9b9f}.drawer-head h2{font-size:21px;font-weight:400;margin:3px 0}.drawer-head button{font-size:28px;color:#72848c}#search{width:100%;padding:10px 12px;border:1px solid #d8dfe2;border-radius:4px;font-size:12px;margin-bottom:18px}#tocItems button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:10px;border-radius:4px;font-size:12px;color:#546974}#tocItems button:hover{background:#e5ecee}#tocItems button span{color:#99a9b1;font-size:10px}details{border-bottom:1px solid #e0e6e8;padding:8px 0}summary{font-size:12px;cursor:pointer;padding:8px 0;color:#253c47}#tocItems .sub{font-size:11px;padding-left:18px}#thumbPanel{display:grid;grid-template-columns:1fr 1fr;gap:18px}#thumbPanel button{padding:0;color:#657983;font-size:10px}.mini{height:160px;position:relative;background:#fff;box-shadow:0 2px 8px #0002;overflow:hidden;margin-bottom:7px}.mini img{height:100%;width:100%;object-fit:contain}.load-error{position:absolute;inset:30% 10%;background:white;color:#637684;text-align:center;font-size:12px;padding:15px}.load-error button{display:block;color:#2675b5;margin:10px auto}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:15;background:#101a22ed;padding:10px 20px;border-radius:6px;font-size:12px}#turnLayer{position:absolute;inset:0;pointer-events:none;perspective:2000px}.leaf{position:absolute;top:0;bottom:0;width:50%;transform-style:preserve-3d;z-index:5}.leaf.forward{left:50%;transform-origin:left center;animation:forward .65s cubic-bezier(.3,.05,.3,1) forwards}.leaf.backward{left:0;transform-origin:right center;animation:backward .65s cubic-bezier(.3,.05,.3,1) forwards}.face{position:absolute;inset:0;backface-visibility:hidden;background:white;overflow:hidden}.face img{width:100%;height:100%}.face.back{transform:rotateY(180deg)}.face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 40%,#0001)}.single-turn{animation:single .5s ease both}@keyframes forward{to{transform:rotateY(-180deg)}}@keyframes backward{to{transform:rotateY(180deg)}}@keyframes single{from{opacity:.4;transform:perspective(1500px) rotateY(-12deg) translateX(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:700px){header{height:65px;padding:0 17px}header a{font-size:11px;gap:8px}header small{font-size:6px;letter-spacing:2px}main{height:calc(100dvh - 140px);padding-top:13px}h1{font-size:14px;letter-spacing:1px;margin:6px 0}#viewport{padding:12px 32px 20px}.edge{width:27px;height:40px;border:0;font-size:28px}.previous{left:1px}.next{right:1px}footer{height:72px;padding:0 8px}footer>div{gap:2px}footer button{padding:5px;font-size:16px}footer button span{display:none}.pager label{padding:3px 5px}.pager input{width:28px}#zoomLabel{font-size:9px}#openBook{margin-top:8px;padding:6px 20px;font-size:10px}#caption{font-size:9px;margin-top:4px}}@media(max-height:620px){main{padding-top:8px}#openBook{position:absolute;right:90px;bottom:95px;background:#1b2b35}header{height:58px}main{height:calc(100dvh - 128px)}}

#viewport{justify-content:safe center;align-items:safe center}

/* Shared icon geometry and button states. */
.ui-icon{display:block;width:20px;height:20px;flex-shrink:0;pointer-events:none;stroke-width:1.75}
header .brand-mark{width:28px;height:28px;color:#d3bb91;stroke-width:1.6}
header a{gap:13px}
header button,footer button,#openBook{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;min-height:40px}
header button,footer button{transition:color .15s,background-color .15s}
header button:hover:not(:disabled),footer button:hover:not(:disabled){background:#ffffff0e;color:#ecd3a6}
header button[aria-pressed="true"],footer button[aria-expanded="true"]{background:#d3bb911a;color:#ecd3a6}
footer button span{margin-left:0}footer button{min-width:40px}
button:disabled{opacity:.32}button:disabled:hover{background:transparent;color:#b4c2cb}
.edge{display:grid;place-items:center}.edge .ui-icon{width:24px;height:24px;stroke-width:1.75}
.drawer-head button{display:grid;place-items:center;width:44px;height:44px;border-radius:6px}.drawer-head button:hover{background:#e5ecee}
.drawer-head button .ui-icon{width:22px;height:22px}
#openBook .ui-icon{width:17px;height:17px}main{padding-top:12px}
@media(max-width:700px){header .brand-mark{width:25px;height:25px}header a{gap:10px}footer button{gap:0;min-width:40px;min-height:40px}footer .ui-icon{width:20px;height:20px}.edge{width:32px;height:48px}.edge .ui-icon{width:22px;height:22px}main{padding-top:6px}}
@media(max-width:480px){footer{height:100px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:44px 44px;gap:0;padding:6px 14px}footer .pager{grid-column:1 / -1;grid-row:1;justify-content:center;gap:12px}footer>div:first-child{grid-column:1;grid-row:2;justify-content:flex-start}footer>div:last-child{grid-column:2;grid-row:2;justify-content:flex-end}main{height:calc(100dvh - 168px)}#toast{bottom:115px}}
.cover-art{display:block;width:100%;height:100%;overflow:hidden}.mini .cover-art{background:#fff}