:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#242424;color:#f4f4f4;--bar-height: 46px;--book-zoom: 1}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#242424;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}.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}.loading-screen{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;gap:20px;background:#050505;transition:opacity .45s ease,visibility .45s ease}.loading-screen.loaded{opacity:0;visibility:hidden}.loading-screen.error .loading-track span{background:#d70916}.loading-brand{display:flex;flex-direction:column;align-items:center;gap:12px;letter-spacing:.28em;color:#eee}.loading-brand img{width:170px;height:66px;object-fit:contain}.loading-track{width:min(260px,70vw);height:3px;overflow:hidden;border-radius:3px;background:#282828}.loading-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#d70916,#d9ab42,#1266c7);transition:width .22s ease}.loading-screen p{margin:0;text-align:center;color:#696969;font-size:12px}.topbar,.bottombar{position:fixed;z-index:80;left:0;width:100%;height:var(--bar-height);display:flex;align-items:center;background:#181818;box-shadow:0 1px #ffffff06}.topbar{top:0;justify-content:space-between;padding:0 10px}.bottombar{bottom:0;justify-content:space-between;padding:0 12px}.brand-button{height:36px;min-width:170px;display:flex;align-items:center;gap:6px;padding:2px 6px;border:0;background:transparent;cursor:pointer}.brand-button img{display:block;width:32px;height:24px;flex:0 0 auto;object-fit:contain}.brand-button span{color:#f4f4f4;font-size:15px;font-weight:650;letter-spacing:.08em;white-space:nowrap}.top-actions,.bottom-left,.bottom-right,.page-controls{display:flex;align-items:center;gap:6px}.icon-button{min-width:34px;height:34px;display:inline-grid;place-items:center;padding:0 8px;border:0;border-radius:4px;background:transparent;color:#ddd;font-size:19px;line-height:1;cursor:pointer;transition:color .18s ease,background .18s ease}.icon-button:hover,.icon-button:focus-visible,.icon-button.active{color:#fff;background:#353535;outline:none}.icon-button.active{color:#f4ca65}.icon-button.muted{color:#777}.viewer{position:fixed;inset:var(--bar-height) 0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#2b2b2b 0,#242424 62%)}.book-stage{position:relative;width:calc(100% - 128px);height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;scrollbar-width:none}.book-stage::-webkit-scrollbar{display:none}.book-shell{width:auto;height:100%;max-width:100%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;aspect-ratio:1100 / 960;transform:scale(var(--book-zoom));transform-origin:center;transition:transform .25s ease}.cover-overlay{position:absolute;z-index:10;top:50%;left:50%;display:none;height:100%;max-width:100%;padding:0;overflow:hidden;aspect-ratio:550 / 960;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}.cover-overlay img{display:block;width:100%;height:100%;object-fit:cover}.book-stage.cover-mode .cover-overlay{display:block}.book-stage.cover-mode .book-shell{visibility:hidden}#book{width:100%;height:100%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}.stf__parent{margin:auto}.stf__block{background:transparent}.edge-button{position:absolute;z-index:12;top:50%;width:64px;height:160px;transform:translateY(-50%);border:0;background:transparent;cursor:pointer}.edge-button:before,.edge-button:after{content:"";position:absolute;left:50%;width:30px;height:1px;background:#f3f3f3}.edge-prev{left:0}.edge-next{right:0}.edge-prev:before,.edge-prev:after{transform-origin:left center}.edge-prev:before{transform:translate(-15px) rotate(-45deg)}.edge-prev:after{transform:translate(-15px) rotate(45deg)}.edge-next:before,.edge-next:after{transform-origin:right center}.edge-next:before{transform:translate(-15px) rotate(45deg)}.edge-next:after{transform:translate(-15px) rotate(-45deg)}.page-field{display:block}.page-field input{width:78px;height:30px;padding:0 8px;border:0;border-radius:5px;background:#dedede;color:#222;text-align:center;font-size:12px;outline:none}.thumb-panel{position:fixed;z-index:110;top:var(--bar-height);bottom:var(--bar-height);left:0;width:280px;padding:0 14px 18px;overflow-y:auto;background:#1d1d1d;transform:translate(-100%);transition:transform .22s ease;box-shadow:12px 0 26px #00000047}.thumb-panel.open{transform:translate(0)}.panel-heading{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;height:54px;background:#1d1d1d}.panel-heading button{width:34px;height:34px;border:0;border-radius:50%;background:#292929;color:#fff;font-size:22px;cursor:pointer}.thumb-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumb-card{padding:6px;border:1px solid transparent;border-radius:3px;background:#272727;color:#bbb;text-align:left;cursor:pointer}.thumb-card.active{border-color:#d9ad52;color:#fff}.thumb-card img{display:block;width:100%;aspect-ratio:2200 / 3840;object-fit:cover;background:#fff}.thumb-card span{display:block;padding-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.panel-backdrop{position:fixed;z-index:100;inset:var(--bar-height) 0;background:#00000052;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.panel-backdrop.open{opacity:1;visibility:visible}@media(max-width:720px){:root{--bar-height: 46px}.topbar{padding-inline:6px}.brand-button{min-width:124px;padding-left:3px}.brand-button img{width:28px;height:22px}.brand-button span{font-size:12px;letter-spacing:.03em}.top-actions{gap:0}.top-actions .icon-button{min-width:32px;padding:0 6px;font-size:17px}.viewer{background:#242424}.book-stage{width:100%;align-items:center;padding:10px 8px}.book-shell{width:100%;height:auto;max-height:100%;aspect-ratio:550 / 960}.cover-overlay{width:calc(100% - 16px);height:auto;max-height:calc(100% - 20px)}.edge-button{display:none}.bottombar{padding:0 5px}.bottom-right #zoomButton,.bottom-right #autoButton{display:none}.bottom-left,.bottom-right{min-width:38px}.bottom-right{justify-content:flex-end}.page-controls{gap:2px}.page-controls .icon-button{min-width:34px;padding:0 4px;font-size:18px}.page-field input{width:74px}.thumb-panel{width:min(86vw,340px)}.thumb-list{grid-template-columns:repeat(2,minmax(0,1fr))}}