*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}:root{--bg-top: #fbfdff;--bg-mid: #eef5fc;--bg-deep: #dde9f6;--ink: #1b3350;--ink-strong: #12263d;--ink-soft: rgba(21, 42, 68, .78);--ink-muted: rgba(23, 45, 71, .7);--line-soft: rgba(38, 74, 112, .12);--page-shadow: 0 0 0 1px rgba(45, 82, 120, .1), 0 1px 3px rgba(31, 58, 90, .07), 0 16px 36px -18px rgba(31, 58, 90, .24), 0 48px 90px -46px rgba(31, 58, 90, .3);color-scheme:light;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,Segoe UI,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg-mid);overflow:hidden;overscroll-behavior:none}button{font:inherit;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid rgba(27,51,80,.45);outline-offset:3px}.app{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;background:var(--bg-mid);color:var(--ink)}.app:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(125% 85% at 50% 32%,var(--bg-top) 0%,var(--bg-mid) 46%,var(--bg-deep) 100%)}.texture{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at center,rgba(43,88,134,.05) 1px,transparent 1.4px),linear-gradient(to right,rgba(43,88,134,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(43,88,134,.05) 1px,transparent 1px);background-size:32px 32px,44px 44px,44px 44px;background-position:0 0,0 0,0 0}.stage{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:78px clamp(28px,9vw,136px) 98px;touch-action:none;user-select:none;overflow:hidden}.stage-inner{position:relative;width:100%;height:100%;display:grid;place-items:center}.book{position:relative;perspective:2200px;perspective-origin:50% 50%;transform-origin:50% 50%}.book[data-zoom=on]{will-change:transform}.book.is-zoom-anim{transition:transform .26s cubic-bezier(.2,.7,.2,1)}.app.is-zoomed .stage{cursor:grab}.app.is-panning .stage{cursor:grabbing}.book[data-shadow=on]{box-shadow:var(--page-shadow)}.book[data-shadow=on] .page-frame{box-shadow:none}.page-frame{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:2px;background:#fff;box-shadow:var(--page-shadow)}.page-frame[data-crop=left],.page-frame[data-crop=right]{display:flex;align-items:stretch;overflow:visible;background:transparent;border-radius:0;box-shadow:none}.page-frame[data-crop=left]{justify-content:flex-start}.page-frame[data-crop=right]{justify-content:flex-end}.page-frame[data-crop=left] canvas,.page-frame[data-crop=right] canvas{border-radius:2px;box-shadow:var(--page-shadow)}.page-frame canvas{display:block;width:100%;height:100%;flex:0 0 auto}.nav-zone{position:absolute;top:0;bottom:0;width:clamp(64px,15vw,220px);z-index:10;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#1b335033;cursor:pointer;transition:color .25s ease,background-color .25s ease,opacity .25s ease}.nav-zone svg{width:26px;height:26px}.nav-zone--prev{left:0}.nav-zone--next{right:0}.nav-zone:disabled{opacity:0;cursor:default}@media (hover: hover){.nav-zone:not(:disabled):hover{color:#1b335080;background:#1b335009}}.share-thumb{position:absolute;top:0;left:-9999px;width:300px;height:300px;opacity:0;pointer-events:none}.masthead{position:absolute;top:24px;left:30px;z-index:20;display:flex;flex-direction:column;gap:5px;pointer-events:none;opacity:0;transition:opacity .8s ease .1s}.app[data-ready=true] .masthead{opacity:1}.masthead__cn{font-size:12px;letter-spacing:.32em;color:#152a44d1}.masthead__en{font-size:9px;letter-spacing:.28em;color:#152a44ad}.hud{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:30;display:flex;align-items:center;gap:2px;padding:6px;border:1px solid rgba(38,74,112,.14);border-radius:999px;background:#ffffffeb;box-shadow:0 2px 10px #1f3a5a0f,0 18px 40px -24px #1f3a5a61;white-space:nowrap;opacity:0;transform:translate(-50%,6px);transition:opacity .7s ease .15s,transform .7s cubic-bezier(.2,.7,.2,1) .15s}.app[data-ready=true] .hud{opacity:1;transform:translate(-50%)}.hud__btn{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#152a44c7;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.hud__btn svg{width:18px;height:18px}.hud__btn:hover:not(:disabled){background:#1b335012;color:var(--ink-strong)}.hud__btn:disabled{opacity:.28;cursor:default}.hud__counter{min-width:76px;display:flex;align-items:baseline;justify-content:center;gap:6px;font-family:ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace;font-size:13px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink)}.hud__slash{font-size:11px;color:#172d479e}#page-total{color:var(--ink-muted)}.hud__divider{width:1px;height:18px;margin:0 4px;background:#264a7029}.hud__mode{height:34px;padding:0 15px;border:0;border-radius:999px;background:#1b335012;color:#172d47d9;font-size:12px;letter-spacing:.16em;cursor:pointer;transition:background-color .2s ease,color .2s ease}.hud__mode:hover{background:#1b33501f;color:var(--ink-strong)}.app.is-flipping .hud,.app.is-flipping .nav-zone,.app.is-flipping .zoombar{pointer-events:none}.zoombar{position:absolute;top:50%;right:20px;z-index:40;display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid rgba(38,74,112,.14);border-radius:999px;background:#ffffffeb;box-shadow:0 2px 10px #1f3a5a0f,0 18px 40px -24px #1f3a5a52;opacity:0;pointer-events:none;transform:translateY(calc(-50% + 6px));transition:opacity .7s ease .15s,transform .7s cubic-bezier(.2,.7,.2,1) .15s}.app[data-ready=true] .zoombar{opacity:1;pointer-events:auto;transform:translateY(-50%)}.zoombar__btn{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#152a44c7;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.zoombar__btn svg{width:16px;height:16px}.zoombar__btn:hover:not(:disabled){background:#1b335012;color:var(--ink-strong)}.zoombar__btn:disabled{opacity:.28;cursor:default}.copyright{position:absolute;left:28px;bottom:18px;z-index:20;font-size:11px;letter-spacing:.02em;white-space:nowrap;color:#000;opacity:.55;pointer-events:none;user-select:none}.pdf-hint{position:absolute;right:28px;bottom:16px;z-index:40;opacity:0;pointer-events:none;transition:opacity .7s ease .15s}.app[data-ready=true] .pdf-hint{opacity:1;pointer-events:auto}.pdf-hint__link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 2px;color:#1b33509e;font-size:11.5px;line-height:1.2;letter-spacing:.01em;white-space:nowrap;text-decoration:none;transition:color .2s ease}.pdf-hint__link svg{flex:0 0 auto;width:14px;height:14px;display:block}.pdf-hint__link:hover,.pdf-hint__link:focus-visible{color:#12263deb;text-decoration:underline;text-underline-offset:3px}.loader{position:absolute;inset:0;z-index:200;display:grid;place-items:center;background:radial-gradient(125% 85% at 50% 38%,var(--bg-top) 0%,var(--bg-mid) 48%,var(--bg-deep) 100%);transition:opacity .45s ease,visibility .45s ease}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{width:min(320px,76vw);text-align:center}.loader__mark{font-size:clamp(28px,8vw,38px);font-weight:200;letter-spacing:.16em;text-indent:.16em;color:#152a44e0}.loader__title{margin-top:14px;font-size:11px;letter-spacing:.7em;text-indent:.7em;color:var(--ink-muted)}.loader__bar{margin-top:34px;height:1px;overflow:hidden;background:#1f3a5a24}.loader__bar-fill{width:0;height:100%;background:#152a44b8;transition:width .35s ease}.loader__bar-fill.is-indeterminate{animation:loader-slide 1.3s ease-in-out infinite}.loader__bar-fill.is-error{background:#a23f3c;transition:none}@keyframes loader-slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}.loader__status{min-height:1.3em;margin-top:16px;font-size:11px;letter-spacing:.12em;color:var(--ink-muted)}.loader__status.is-error{color:#a23f3c}.loader__retry{height:34px;margin-top:22px;padding:0 20px;border:1px solid rgba(31,58,90,.22);border-radius:999px;background:transparent;color:#152a44d9;font-size:12px;letter-spacing:.15em;cursor:pointer;transition:background-color .2s ease}.loader__retry:hover{background:#1f3a5a0f}.toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);z-index:150;max-width:min(86vw,420px);padding:10px 18px;transform:translate(-50%);border:1px solid rgba(38,74,112,.14);border-radius:999px;background:#fffffff7;box-shadow:0 16px 40px -22px #1f3a5a6b;color:var(--ink);font-size:12px;letter-spacing:.05em;text-align:center}.noscript{position:absolute;inset:0;z-index:300;display:grid;place-items:center;background:var(--bg-mid);color:#152a44cc;font-size:13px;letter-spacing:.1em}.share-modal{position:absolute;inset:0;z-index:180;display:grid;place-items:center;padding:24px 16px calc(env(safe-area-inset-bottom,0px) + 24px);--share-media-height: min(52vh, 520px);animation:share-modal-fade .22s ease both}@supports (height: 100dvh){.share-modal{--share-media-height: min(52dvh, 520px)}}.share-modal__scrim{position:absolute;inset:0;background:#14283e6b}.share-modal__panel{position:relative;display:flex;flex-direction:column;width:min(92vw,404px);max-height:calc(100dvh - 32px);padding:22px 22px 18px;border:1px solid rgba(38,74,112,.16);border-radius:20px;background:#fff;box-shadow:0 0 0 1px #2d52780f,0 18px 44px -22px #14283e6b,0 48px 96px -48px #14283e8c;outline:none;animation:share-modal-rise .26s cubic-bezier(.2,.7,.2,1) both}.share-modal__close{position:absolute;top:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#152a448c;cursor:pointer;transition:background-color .2s ease,color .2s ease}.share-modal__close:hover{background:#1b335012;color:var(--ink-strong)}.share-modal__close svg{width:16px;height:16px}.share-modal__title{margin:0;padding-right:36px;font-size:15px;font-weight:500;letter-spacing:.14em;color:var(--ink-strong)}.share-modal__desc{margin:7px 0 0;font-size:12px;line-height:1.6;letter-spacing:.03em;color:var(--ink-muted)}.share-modal__body{position:relative;display:grid;place-items:center;height:var(--share-media-height);min-height:180px;margin-top:14px}.share-modal__img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--share-media-height);border-radius:4px;background:#fff;box-shadow:0 1px 3px #1f3a5a14,0 18px 36px -22px #1f3a5a73;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.share-modal__skeleton{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(38,74,112,.1);border-radius:8px;background:linear-gradient(160deg,#f8fbff,#eef5fc 55%,#e6eff9)}.share-modal__spinner{width:26px;height:26px;border-radius:50%;border:2px solid rgba(31,58,90,.16);border-top-color:#1b3350b8;animation:share-spin .9s linear infinite}.share-modal__status{margin:0;font-size:11.5px;letter-spacing:.12em;color:var(--ink-muted)}.share-modal__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 8px;text-align:center}.share-modal__error-text{margin:0;font-size:12.5px;line-height:1.7;letter-spacing:.02em;color:#a23f3c}.share-modal__retry{height:34px;padding:0 20px;border:1px solid rgba(31,58,90,.22);border-radius:999px;background:transparent;color:#152a44d9;font-size:12px;letter-spacing:.12em;cursor:pointer;transition:background-color .2s ease}.share-modal__retry:hover{background:#1f3a5a0f}.share-modal__actions{display:flex;gap:8px;margin-top:14px}.share-modal__btn{flex:1 1 0;min-width:0;height:40px;padding:0 12px;border:1px solid rgba(31,58,90,.16);border-radius:999px;background:#fff;color:var(--ink);font-size:12.5px;letter-spacing:.06em;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.share-modal__btn:hover:not(:disabled){background:#1b33500f}.share-modal__btn:disabled{opacity:.38;cursor:default}.share-modal__btn--primary{border-color:var(--ink);background:var(--ink);color:#fff}.share-modal__btn--primary:hover:not(:disabled){border-color:var(--ink-strong);background:var(--ink-strong)}@keyframes share-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes share-modal-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes share-spin{to{transform:rotate(360deg)}}@media (max-height: 620px){.share-modal{padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 12px);--share-media-height: min(48vh, 380px)}@supports (height: 100dvh){.share-modal{--share-media-height: min(48dvh, 380px)}}.share-modal__panel{padding:16px 16px 14px;border-radius:16px;max-height:calc(100dvh - 24px)}.share-modal__title{font-size:14px}.share-modal__desc{margin-top:4px;font-size:11px}.share-modal__body{height:var(--share-media-height);margin-top:10px}.share-modal__actions{margin-top:10px}.share-modal__btn{height:36px}}.flip-shadow{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0}.flip-shadow--next{background:linear-gradient(270deg,#1f3a5a47,#1f3a5a00 62%)}.flip-shadow--prev{background:linear-gradient(90deg,#1f3a5a47,#1f3a5a00 62%)}.flip-layer{position:absolute;inset:0;z-index:3;pointer-events:none;transform-style:preserve-3d}.flip-sheet{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.flip-sheet--next{transform-origin:100% 50%}.flip-sheet--prev{transform-origin:0% 50%}.flip-face{position:absolute;inset:0;overflow:hidden;border-radius:2px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 1px #2d52781a,0 18px 44px -24px #1f3a5a6b}.flip-face--front{background:#fff}.flip-face--front canvas{display:block;width:100%;height:100%}.flip-face--back{transform:rotateY(180deg);background:linear-gradient(102deg,#e3ebf3,#f8fbfe 42%,#e7eef6)}.flip-face--back:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #1f3a5a14,inset 0 0 0 1px #1f3a5a0d}.flip-veil{position:absolute;inset:0;background:#e6f0fa;opacity:0}.flip-sheen{position:absolute;inset:0;opacity:0;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(90deg,#fff0 30%,#ffffffb3 52%,#1f3a5a1a)}.flip-sheet--cover{position:absolute;inset:0 0 0 auto;width:50%;transform-origin:0% 50%;transform-style:preserve-3d;will-change:transform}.flip-left-veil{position:absolute;top:0;bottom:0;left:0;width:50%;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(240% 160% at 100% 40%,#fbfdff,#eef5fc 46%,#dde9f6)}.flip-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.flip-overlay canvas{display:block;height:100%}.spread-flip-clip{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;perspective:2200px;perspective-origin:50% 50%}.spread-flip-layer{position:absolute;inset:0;transform-style:preserve-3d}.spread-flip-under{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:#fff}.spread-flip-under--next{left:50%}.spread-flip-under--prev{left:0}.spread-flip-under canvas{display:block;width:100%;height:100%}.spread-flip-cast{position:absolute;top:0;bottom:0;width:50%;opacity:0;pointer-events:none}.spread-flip-cast--next{left:50%;background:linear-gradient(90deg,#1f3a5a4d,#1f3a5a1a 34%,#1f3a5a00 70%)}.spread-flip-cast--prev{left:0;background:linear-gradient(270deg,#1f3a5a4d,#1f3a5a1a 34%,#1f3a5a00 70%)}.spread-flip-sheet{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:0% 50%;transform-style:preserve-3d;will-change:transform}.spread-flip-face{position:absolute;inset:0;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 20px 46px -26px #1f3a5a66}.spread-flip-face--front{border-radius:0 2px 2px 0}.spread-flip-face--back{transform:rotateY(180deg);border-radius:2px 0 0 2px;background:#f3f7fb}.spread-flip-face canvas{display:block;width:100%;height:100%}.spread-flip-tint{position:absolute;inset:0;opacity:0;pointer-events:none;background:#24425f}.slide-flip{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;perspective:1600px;perspective-origin:50% 50%}.slide-page{position:absolute;inset:0;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 2px 10px #1f3a5a12,0 18px 40px -22px #1f3a5a52;will-change:transform}.slide-page canvas{display:block;width:100%;height:100%}.slide-page__shade{position:absolute;inset:0;opacity:0;pointer-events:none}.slide-flip--next .slide-page--leaving .slide-page__shade{background:linear-gradient(270deg,#1f3a5a33,#1f3a5a00 46%)}.slide-flip--next .slide-page--entering .slide-page__shade,.slide-flip--prev .slide-page--leaving .slide-page__shade{background:linear-gradient(90deg,#1f3a5a33,#1f3a5a00 46%)}.slide-flip--prev .slide-page--entering .slide-page__shade{background:linear-gradient(270deg,#1f3a5a33,#1f3a5a00 46%)}@media (max-width: 760px){.stage{padding:62px 16px 128px}.masthead{top:18px;left:18px}.masthead__en{display:none}.copyright{inset:20px 16px auto auto;font-size:10px}.hud{bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.nav-zone{width:56px}.nav-zone svg{width:20px;height:20px}.zoombar{top:auto;right:auto;left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);flex-direction:row;transform:translateY(6px)}.app[data-ready=true] .zoombar{transform:translateY(0)}.zoombar__btn{width:34px;height:34px}.pdf-hint{right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.pdf-hint__link{font-size:11px}}@media (max-width: 380px){.hud__counter{min-width:64px;font-size:12px}.hud__mode{padding:0 12px}.zoombar{left:12px}.pdf-hint{right:12px}.zoombar__btn{width:32px;height:32px}}@media (max-height: 560px){.stage{padding:52px 18px 64px}.masthead{top:14px;left:18px}.hud{bottom:calc(env(safe-area-inset-bottom,0px) + 8px);padding:4px}.hud__btn{width:34px;height:34px}.zoombar{inset:50% 18px auto auto;flex-direction:column;transform:translateY(calc(-50% + 6px))}.app[data-ready=true] .zoombar{transform:translateY(-50%)}.zoombar__btn{width:32px;height:32px}.pdf-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 60px)}}@media (max-height: 560px) and (min-width: 761px){.pdf-hint{top:14px;right:20px;bottom:auto}}@media (max-height: 560px) and (max-width: 760px){.copyright{inset:14px 16px auto auto}}@media (max-width: 480px) and (min-height: 561px){.copyright{inset:46px auto auto 18px}}@media (prefers-reduced-motion: reduce){.hud,.masthead,.zoombar,.pdf-hint,.book.is-zoom-anim{transition:none}.loader__bar-fill.is-indeterminate{animation:none}.nav-zone{transition:none}.share-modal,.share-modal__panel,.share-modal__spinner{animation:none}}