:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--brand-blue:#003da6;--brand-cyan:#44bcf9;--surface-deep:#051126;--surface-mid:#0a2144;--glass:rgba(8,27,56,.82);--line:rgba(185,222,255,.18);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:#06142a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 18% 8%,rgba(68,188,249,.16),transparent 34%),linear-gradient(155deg,#071831 0%,#040c1b 100%)}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}input:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}[hidden]{display:none!important}.reader-shell{width:100%;height:100vh;isolation:isolate;background:radial-gradient(circle at 50% 38%,rgba(29,112,202,.2),transparent 42%),linear-gradient(165deg,rgba(10,35,73,.98),rgba(3,12,27,.99));grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;position:relative;overflow:hidden}.reader-shell:before{z-index:-1;content:"";background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,transparent 80%);mask-image:linear-gradient(#000,transparent 80%)}.topbar{z-index:20;min-height:calc(58px + var(--safe-top));padding:calc(10px + var(--safe-top)) 18px 10px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:linear-gradient(rgba(4,15,34,.96),rgba(4,15,34,.68));grid-row:1;justify-content:space-between;align-items:center;display:flex;position:relative}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-wordmark{color:#fff;letter-spacing:.12em;font-size:15px;font-weight:800}.brand-divider{background:rgba(255,255,255,.24);width:1px;height:18px}.brand-title{color:rgba(235,246,255,.78);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.edition-badge{color:rgba(176,229,255,.8);letter-spacing:.12em;border:1px solid rgba(68,188,249,.3);border-radius:999px;flex:none;margin-left:12px;padding:5px 8px;font-size:8px;font-weight:700}.reader-stage{z-index:1;touch-action:none;user-select:none;grid-row:2;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.stage-glow{aspect-ratio:1;filter:blur(24px);pointer-events:none;background:radial-gradient(circle,rgba(40,126,222,.2),transparent 66%);border-radius:50%;width:min(86vw,760px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.book-viewport{z-index:2;transform-origin:50%;will-change:transform;filter:drop-shadow(0 28px 38px rgba(0,0,0,.44))drop-shadow(0 4px 8px rgba(0,0,0,.28));flex:none;transition:filter .18s;position:relative;transform:translate(0,0)scale(1)}.book-viewport:after{z-index:-1;content:"";pointer-events:none;border:1px solid rgba(255,255,255,.16);border-radius:2px;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.book-viewport.is-zoomed{filter:drop-shadow(0 18px 30px rgba(0,0,0,.42))}.book-host,.book-host.stf__parent{touch-action:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;display:block!important}.book-host .stf__wrapper{box-sizing:border-box;width:100%;height:100%;position:relative;padding-bottom:0!important}.book-host .stf__block{overflow:visible}.book-page{contain:paint;backface-visibility:hidden;background:#fff;overflow:hidden}.page-image{object-fit:fill;opacity:.94;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .16s;display:block}.page-image.is-ready{opacity:1}.reading-tip{z-index:8;color:rgba(224,241,255,.6);letter-spacing:.04em;white-space:nowrap;backdrop-filter:blur(8px);pointer-events:none;background:rgba(4,14,31,.52);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 10px;font-size:10px;transition:opacity .18s;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.reader-stage.has-zoom .reading-tip,.reader-stage.is-flipping .reading-tip{opacity:0}.reader-toolbar{z-index:20;padding:4px 14px calc(8px + var(--safe-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:linear-gradient(rgba(5,20,43,.9),rgba(3,13,30,.98));grid-row:3;position:relative;box-shadow:0 -16px 34px rgba(0,0,0,.18)}.progress-row{align-items:center;height:22px;display:flex}.page-progress{--progress:0%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.page-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--brand-cyan) 0 var(--progress), rgba(196,225,255,.2) var(--progress) 100%);border-radius:999px;height:3px}.page-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--brand-blue);border:3px solid #dff4ff;border-radius:50%;width:15px;height:15px;margin-top:-6px;box-shadow:0 0 0 4px rgba(68,188,249,.15)}.page-progress::-moz-range-track{background:rgba(196,225,255,.2);border-radius:999px;height:3px}.page-progress::-moz-range-progress{background:var(--brand-cyan);border-radius:999px;height:3px}.page-progress::-moz-range-thumb{background:var(--brand-blue);border:3px solid #dff4ff;border-radius:50%;width:11px;height:11px}.control-row{grid-template-columns:1fr auto 1fr 1fr;align-items:center;gap:4px;max-width:520px;min-height:44px;margin:0 auto;display:grid}.tool-button,.page-counter,.close-button{cursor:pointer;border:0}.tool-button{color:rgba(232,246,255,.78);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:54px;min-height:44px;transition:color .16s,background .16s;display:inline-flex}.tool-button:active,.tool-button.is-active{color:#fff;background:rgba(68,188,249,.12)}.tool-label{font-size:11px}.page-counter{color:rgba(234,246,255,.68);font-variant-numeric:tabular-nums;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:999px;justify-content:center;align-items:baseline;gap:3px;min-width:72px;min-height:34px;padding:7px 12px;font-size:11px;display:inline-flex}.page-counter strong{color:#fff;font-size:14px}.grid-icon{grid-template-columns:repeat(2,1fr);gap:3px;width:16px;height:16px;display:grid}.grid-icon i{border:1.5px solid;border-radius:1px}.fullscreen-icon{width:17px;height:17px;display:block;position:relative}.fullscreen-icon i{border-color:currentColor;width:6px;height:6px;position:absolute}.fullscreen-icon i:first-child{border-top:1.5px solid;border-left:1.5px solid;top:0;left:0}.fullscreen-icon i:nth-child(2){border-top:1.5px solid;border-right:1.5px solid;top:0;right:0}.fullscreen-icon i:nth-child(3){border-bottom:1.5px solid;border-right:1.5px solid;bottom:0;right:0}.fullscreen-icon i:nth-child(4){border-bottom:1.5px solid;border-left:1.5px solid;bottom:0;left:0}.zoom-value{min-width:30px;color:var(--brand-cyan);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.drawer-backdrop,.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);background:rgba(0,7,18,.66);position:absolute;top:0;bottom:0;left:0;right:0}.thumbnail-drawer{z-index:50;max-height:min(72%,680px);padding-bottom:var(--safe-bottom);visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(165deg,rgba(13,39,77,.98),rgba(4,16,36,.99));border-top:1px solid rgba(151,211,255,.28);border-radius:22px 22px 0 0;flex-direction:column;transition:transform .26s cubic-bezier(.22,.8,.26,1),opacity .18s,visibility 0s linear .26s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(102%);box-shadow:0 -24px 60px rgba(0,0,0,.44)}.thumbnail-drawer.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:transform .26s cubic-bezier(.22,.8,.26,1),opacity .18s,visibility;transform:translateY(0)}.drawer-header{justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.drawer-header h2,.page-jump-card h2{margin:3px 0 0;font-size:19px}.drawer-eyebrow{color:var(--brand-cyan);letter-spacing:.18em;font-size:9px;font-weight:800}.close-button{color:rgba(238,248,255,.82);background:rgba(255,255,255,.08);border-radius:50%;place-items:center;width:42px;height:42px;font-size:25px;font-weight:300;display:grid}.thumbnail-grid{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;padding:8px 16px 22px;display:grid;overflow:auto}.thumbnail-item{color:rgba(226,241,255,.72);cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:5px;transition:border-color .16s,background .16s,transform .16s;position:relative}.thumbnail-item img{width:100%;aspect-ratio:var(--page-ratio);object-fit:cover;background:#fff;border-radius:4px;display:block}.thumbnail-item span{text-align:left;font-variant-numeric:tabular-nums;padding:7px 2px 2px;font-size:10px;display:block}.thumbnail-item.is-current{border-color:var(--brand-cyan);color:#fff;background:rgba(68,188,249,.12);box-shadow:0 0 0 3px rgba(68,188,249,.09)}.modal-backdrop{place-items:center;padding:20px;display:grid}.page-jump-card{background:linear-gradient(155deg,#102f5e,#07172f 76%);border:1px solid rgba(151,211,255,.25);border-radius:22px;width:min(100%,360px);padding:24px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.5)}.page-jump-card p{color:rgba(223,240,255,.64);margin:8px 0 20px;font-size:13px}.modal-close{position:absolute;top:15px;right:15px}.page-input-wrap{color:rgba(226,241,255,.66);background:rgba(1,8,20,.35);border:1px solid rgba(190,223,255,.2);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:6px 6px 6px 14px;font-size:12px;display:grid}.page-input-wrap input{color:#fff;text-align:center;background:rgba(255,255,255,.08);border:0;border-radius:8px;width:100%;min-width:0;padding:10px 12px;font-size:20px;font-weight:700}.input-error{color:#ffb1ad;min-height:28px;padding:7px 2px 0;font-size:11px;display:block}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0752ba,#168ed5);border:0;border-radius:11px;width:100%;min-height:44px;padding:10px 18px;font-weight:700;box-shadow:0 10px 24px rgba(0,61,166,.3)}.loading-screen,.fatal-error{z-index:80;background:radial-gradient(circle at 50% 38%,rgba(45,132,224,.24),transparent 32%),linear-gradient(150deg,#08204a,#030b18 78%);flex-direction:column;justify-content:center;align-items:center;padding:28px;transition:opacity .28s,visibility .28s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loading-screen.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loading-mark{letter-spacing:.2em;font-size:25px;font-weight:800}.loading-line{background:rgba(255,255,255,.1);border-radius:999px;width:min(58vw,240px);height:3px;margin:22px 0 11px;overflow:hidden}.loading-line span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-blue), var(--brand-cyan));width:40%;height:100%;animation:1.2s ease-in-out infinite loading-slide;display:block}.loading-screen p,.fatal-error p{color:rgba(225,242,255,.64);font-size:12px}@keyframes loading-slide{0%{transform:translate(-110%)}to{transform:translate(360%)}}.fatal-error{text-align:center;gap:10px}.fatal-error strong{font-size:20px}.fatal-error .primary-button{width:auto;margin-top:8px}.page-load-error{z-index:15;color:#ffe3e1;background:rgba(71,17,24,.92);border:1px solid rgba(255,177,173,.28);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px rgba(0,0,0,.32)}.page-load-error button{color:#3a1116;background:#ffd3d0;border:0;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.reader-shell.is-immersive{height:100vh;height:100dvh}.reader-shell.is-native-fullscreen{z-index:9999;width:100%;height:100vh;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0}.reader-shell.is-immersive .topbar,.reader-shell.is-native-fullscreen .topbar{display:none}body.has-immersive-reader{overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (min-width:640px){.topbar{padding-left:24px;padding-right:24px}.thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:24px;padding-right:24px}.drawer-header{padding-left:26px;padding-right:26px}}@media (orientation:landscape) and (max-height:560px){.topbar{min-height:calc(46px + var(--safe-top));padding-top:calc(6px + var(--safe-top));padding-bottom:6px}.reader-toolbar{padding-top:0;padding-bottom:calc(4px + var(--safe-bottom))}.progress-row{height:16px}.control-row,.tool-button{min-height:38px}.reading-tip,.tool-label,.edition-badge{display:none}.thumbnail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:360px){.edition-badge{display:none}.brand-title{font-size:11px}.reader-toolbar{padding-left:9px;padding-right:9px}.control-row{gap:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}