@font-face{font-family:ReaderSerif;src:local(Songti SC),local(STSong),local(Noto Serif CJK SC);font-display:swap}@font-face{font-family:ReaderSans;src:local(Avenir Next),local(PingFang SC),local(Microsoft YaHei);font-display:swap}:root{--ink:#fff;--muted:#bff4ff;--panel:#079aff38;--panel-strong:#14caff42;--line:#a2eeff59;--accent:#ffe36d;--accent-2:#96f6ff;--accent-dark:#044dcb;--shadow:0 30px 90px #0040b457;--radius:18px;--mobile-hero-height:112px;--mobile-bottom-height:58px}*{box-sizing:border-box}html{background:#0534b6;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% 17%,#4edbff5c,#0000 12vw),radial-gradient(circle at 11% 18%,#00cdff47,#0000 24vw),radial-gradient(circle at 88% 12%,#ffe25f24,#0000 18vw),linear-gradient(#075bd9 0%,#076ce6 31%,#064fc8 66%,#07309b 100%);margin:0;font-family:ReaderSans,sans-serif;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(115deg,#0000 0 36%,#96f6ff33 36.2%,#0000 37.2% 100%),linear-gradient(107deg,#0000 0 49%,#ffe5702e 49.15%,#0000 50% 100%),repeating-linear-gradient(90deg,#ffffff0e 0 1px,#0000 1px 72px);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 80%);mask-image:linear-gradient(#000000b8,#0000 80%)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.reader-shell{width:min(1440px,100vw - 24px);min-height:100vh;margin:0 auto;padding:28px 0 26px}.hero{background:radial-gradient(circle at 47% 82%,#75e8ff57,#0000 19%),radial-gradient(circle at 20% 72%,#00dcff2e,#0000 22%),linear-gradient(#043fbef0,#055bdad6);border:1px solid #a6f1ff47;border-bottom:0;border-radius:24px 24px 0 0;justify-content:space-between;align-items:end;gap:24px;min-height:188px;margin-bottom:0;padding:34px 44px 30px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff3d}.hero:before,.hero:after{pointer-events:none;content:"";position:absolute}.hero:before{filter:blur(8px);opacity:.82;background:radial-gradient(circle,#ffffffb3 0 8%,#0000 9%),radial-gradient(circle at 30% 44%,#4eeaffc2,#0000 34%),radial-gradient(circle at 60% 30%,#ffe25f47,#0000 24%);border-radius:50%;width:250px;height:132px;bottom:-48px;right:28%}.hero:after{opacity:.64;background:linear-gradient(13deg,#0000 0 28%,#8ff6ffb8 29%,#0000 31% 100%),linear-gradient(171deg,#0000 0 38%,#ffdf5f9e 39%,#0000 40.5% 100%),linear-gradient(4deg,#0000 0 18%,#31daff5c 19%,#0000 22% 100%);width:min(46vw,520px);height:88px;bottom:20px;right:28px}.eyebrow{color:#d9ff62;letter-spacing:.2em;text-shadow:0 0 18px #d9ff628c;margin:0 0 8px;font-size:13px;font-weight:800}h1{letter-spacing:0;text-shadow:0 8px 24px #003ab473;margin:0;font-family:ReaderSans,sans-serif;font-size:clamp(44px,6.6vw,90px);font-weight:950;line-height:.98}h1 span{font-size:.64em;font-weight:500;display:block}.hero-subtitle{color:#006df5;background:linear-gradient(90deg,#ffec91f0,#9afaffe6);border-radius:999px;margin:14px 0 0;padding:7px 18px;font-size:clamp(18px,2.2vw,30px);font-weight:900;line-height:1.2;display:inline-block;box-shadow:0 12px 34px #0066ff3d}.hero-status{color:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#005be157;border:3px solid #ffffff47;border-radius:999px;justify-content:center;align-items:baseline;gap:7px;min-width:136px;padding:14px 20px;display:flex;box-shadow:inset 0 1px #ffffff29,0 0 34px #8af4ff29}.hero-status span:first-child{color:var(--ink);font-size:38px;font-weight:950}.reader-card{border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #ffffff38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0489e833,#03319b61),#0452cc57;border:1px solid #a8f2ff57;overflow:hidden}.toolbar,.bottom-tools{background:#034cbf57;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;display:flex}.toolbar{border-bottom:1px solid #abf4ff47}.bottom-tools{border-top:1px solid #abf4ff47}.ghost-button,.zoom-tools button{min-height:42px;color:var(--ink);background:linear-gradient(#1fb3f47a,#0452cc6b);border:2px solid #a7f4ff6b;border-radius:999px;transition:transform .16s,background .16s,border-color .16s;box-shadow:inset 0 1px #ffffff42,0 7px #ffd748e6,0 18px 36px #004ac038}.ghost-button{min-width:96px;padding:0 18px;font-weight:850}.ghost-button:hover:not(:disabled),.zoom-tools button:hover:not(:disabled){background:linear-gradient(#7ee8ff9e,#055cda80);border-color:#fff076bf;transform:translateY(-2px)}.progress-wrap{color:#e8fbff;white-space:nowrap;grid-template-columns:minmax(220px,620px) 86px;justify-content:center;align-items:center;gap:12px;width:min(62vw,760px);font-size:16px;font-weight:850;display:grid}.progress-track{background:#0045b094;border-radius:999px;height:13px;overflow:hidden;box-shadow:inset 0 2px 7px #00165c47}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#fff06f,#fff7b4);width:0;height:100%;transition:width .26s;display:block;box-shadow:0 0 18px #ffef649e}.stage-wrap{background:radial-gradient(circle at 50% 4%,#70e4ff2e,#0000 24%),linear-gradient(#044cbe2e,#032d8e57);place-items:center;min-height:72vh;padding:28px 0 34px;display:grid;position:relative}.page-stage{perspective:1600px;touch-action:pan-y;outline:none;place-items:center;width:100%;min-height:72vh;display:grid;position:relative}.scroll-document{width:100%;display:none}.desktop-page{background:#fff;border:2px solid #ffffffb8;border-radius:16px;place-items:center;width:min(1420px,100vw - 112px);max-width:calc(100vw - 112px);margin:0 auto 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 54px #002f8e5c,0 0 32px #69f0ff24}.desktop-page canvas{background:#fff;max-width:100%;display:block}.desktop-page-loader{color:#0053d6;background:linear-gradient(#fff,#eaf8ff);place-items:center;font-weight:850;display:grid;position:absolute;inset:0}.desktop-page.is-rendered .desktop-page-loader{display:none}.desktop-page-label{z-index:1;color:#fff;text-align:center;opacity:0;background:#044cbeb8;border-radius:999px;min-width:34px;padding:4px 8px;font-size:12px;font-weight:850;transition:opacity .16s;position:absolute;bottom:12px;right:14px}.desktop-page:hover .desktop-page-label{opacity:1}body[data-reader-mode=desktop] .page-stage{perspective:none;align-items:start;min-height:0}body[data-reader-mode=desktop] .scroll-document{gap:0;padding:0;display:grid}body[data-reader-mode=desktop] .page-shadow,body[data-reader-mode=desktop] .nav-zone{display:none}body[data-reader-mode=desktop] .stage-wrap{align-items:start;padding-top:34px}body[data-reader-mode=desktop] .toolbar{display:none}.desktop-scrollbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03217c52;border:1px solid #96f6ff59;border-radius:999px;width:18px;height:min(46vh,420px);padding:2px;display:none;position:fixed;top:58%;right:max(22px,50vw - 702px);transform:translateY(-50%);box-shadow:inset 0 1px #ffffff2e,0 10px 28px #0024823d}.desktop-scrollbar-track{border-radius:inherit;width:100%;height:100%;position:relative}.desktop-scrollbar-thumb{border-radius:inherit;cursor:grab;background:linear-gradient(#fff06f,#7cecff);border:1px solid #fff290bd;width:100%;min-height:46px;position:absolute;top:0;left:0;box-shadow:0 0 18px #7cecff6b,0 6px 16px #0036aa42}.desktop-scrollbar-thumb:active{cursor:grabbing}body[data-reader-mode=desktop] .desktop-scrollbar{display:block}.back-to-top{z-index:50;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#1fb3f4db,#0452cceb);border:2px solid #a7f4ff7a;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;font-weight:950;line-height:1;transition:opacity .18s,transform .18s;display:grid;position:fixed;bottom:36px;right:max(22px,50vw - 702px);transform:translateY(14px);box-shadow:inset 0 1px #ffffff47,0 7px #ffd748e6,0 16px 34px #00268c47}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{transform:translateY(-2px)}.page-shadow{transform-origin:0;--drag-x:0px;background:#f8f6ef;border:2px solid #ffffffb8;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 36px 64px #002f8e70,0 0 42px #69f0ff2e}.page-shadow:before{z-index:2;pointer-events:none;content:"";mix-blend-mode:multiply;opacity:0;background:linear-gradient(90deg,#ffffff61,#0000 18%),linear-gradient(270deg,#0c161438,#0000 20%);transition:opacity .18s;position:absolute;inset:0}canvas{background:#fff;max-width:calc(100vw - 26px);max-height:none;display:block}.loading-mask{color:#0053d6;opacity:0;pointer-events:none;background:#e7fcffcc;align-content:center;justify-items:center;gap:12px;transition:opacity .16s;display:grid;position:absolute;inset:0}.loading-mask.is-visible{opacity:1}.loader{border:4px solid #006bff2e;border-top-color:#008cff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.nav-zone{z-index:3;background:0 0;border:0;width:min(13vw,150px);position:absolute;top:0;bottom:0}.nav-zone:after{width:44px;height:44px;color:var(--ink);opacity:0;background:#007dff75;border:2px solid #96f6ff8f;border-radius:50%;place-items:center;font-size:28px;line-height:1;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.nav-zone-left{left:0}.nav-zone-right{right:0}.nav-zone-left:after{content:"<";left:18px}.nav-zone-right:after{content:">";right:18px}.nav-zone:hover:after,.nav-zone:focus-visible:after{opacity:1}.page-jump,.zoom-tools{color:#e8fbff;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.page-jump input{width:78px;height:38px;color:var(--ink);text-align:center;background:#005ae159;border:1px solid #96f6ff7a;border-radius:14px}.zoom-tools{background:#005be14d;border:1px solid #96f6ff66;border-radius:999px;padding:4px}.zoom-tools button{width:36px;min-height:34px;padding:0}.zoom-tools span{min-width:54px;color:var(--ink);text-align:center}.hint{color:#fff2a0;text-align:center;text-shadow:0 2px 12px #0047be85;margin:14px 4px 0;font-size:18px;font-weight:900}.turn-next{animation:.52s cubic-bezier(.16,.84,.24,1) turnNext}.turn-prev{animation:.52s cubic-bezier(.16,.84,.24,1) turnPrev}.turn-next:before,.turn-prev:before{animation:.52s pageGloss}.slide-next{will-change:transform, opacity;animation:.22s cubic-bezier(.2,.8,.2,1) slideNext}.slide-prev{will-change:transform, opacity;animation:.22s cubic-bezier(.2,.8,.2,1) slidePrev}.is-dragging{transform:translateX(calc(var(--drag-x) * .52)) rotateY(calc(var(--drag-x) * -.05deg)) scale(.992);transition:none}.is-dragging:before{opacity:.52}.swipe-back{transition:transform .22s cubic-bezier(.2,.75,.24,1);transform:translate(0)rotateY(0)scale(1)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes turnNext{0%{opacity:0;filter:blur(2px);transform:translate(76px)rotateY(-22deg)scale(.965)}55%{opacity:1;filter:blur();transform:translate(-10px)rotateY(3deg)scale(1.006)}to{opacity:1;filter:blur();transform:translate(0)rotateY(0)scale(1)}}@keyframes turnPrev{0%{opacity:0;filter:blur(2px);transform:translate(-76px)rotateY(22deg)scale(.965)}55%{opacity:1;filter:blur();transform:translate(10px)rotateY(-3deg)scale(1.006)}to{opacity:1;filter:blur();transform:translate(0)rotateY(0)scale(1)}}@keyframes pageGloss{0%{opacity:.72;transform:translate(-28%)}to{opacity:0;transform:translate(28%)}}@keyframes slideNext{0%{opacity:.84;transform:translate(24px)}to{opacity:1;transform:translate(0,0)}}@keyframes slidePrev{0%{opacity:.84;transform:translate(-24px)}to{opacity:1;transform:translate(0,0)}}@keyframes mobileTurnNext{0%{opacity:.08;filter:blur(1px);transform:translate(54px)rotateY(-14deg)scale(.976)}62%{opacity:1;filter:blur();transform:translate(-7px)rotateY(2deg)scale(1.004)}to{opacity:1;filter:blur();transform:translate(0)rotateY(0)scale(1)}}@keyframes mobileTurnPrev{0%{opacity:.08;filter:blur(1px);transform:translate(-54px)rotateY(14deg)scale(.976)}62%{opacity:1;filter:blur();transform:translate(7px)rotateY(-2deg)scale(1.004)}to{opacity:1;filter:blur();transform:translate(0)rotateY(0)scale(1)}}@media (width<=720px){html,body{overflow-x:hidden}:root{--radius:20px}body{background:radial-gradient(circle at 50% 9%,#74e6ff52,#0000 34vw),radial-gradient(circle at 9% 14%,#00cdff3d,#0000 42vw),linear-gradient(#075bd9 0%,#076ce6 40%,#07309b 100%)}.reader-shell{width:100vw;padding:0}.hero{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 100%,#75e8ff4d,#0000 36%),linear-gradient(#043fbef7,#055bdadb);border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:start;min-height:116px;margin-bottom:0;padding:14px 22px 12px;display:grid;position:sticky;top:0}.eyebrow{color:#d9ff62;margin-bottom:5px;font-size:10px}h1{max-width:260px;font-size:clamp(29px,9.2vw,40px)}h1 span{font-size:.58em}.hero-subtitle{margin-top:7px;padding:4px 10px;font-size:13px}.hero-status{border-width:2px;min-width:78px;padding:7px 10px}.hero-status span:first-child{font-size:22px}.reader-card{background:linear-gradient(#0489e833,#03319b61),#0452cc5c;border-left:0;border-right:0;border-radius:0;overflow:visible}.toolbar,.bottom-tools{padding:10px 24px}.toolbar{top:var(--mobile-hero-height);z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#044cbee6;border-top:1px solid #aaf4ff47;position:sticky}.ghost-button{min-width:68px;min-height:38px;padding:0 12px;font-size:13px}.progress-wrap{text-align:center;grid-template-columns:1fr;gap:6px;width:100%;min-width:0}.stage-wrap{-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 0,#70e4ff2e,#0000 28%),linear-gradient(#044cbe24,#032d8e57);align-items:start;min-height:0;padding:16px 0 18px;overflow:auto visible}.page-stage{width:max(100vw, var(--mobile-page-width,100vw));place-items:start center;min-width:100vw;min-height:0}.scroll-document,.desktop-scrollbar{display:none!important}.back-to-top{right:16px;bottom:calc(var(--mobile-bottom-height) + 18px);width:42px;height:42px;font-size:21px}.page-shadow{border-radius:14px}canvas{max-width:none;max-height:none}.nav-zone{display:none}.bottom-tools{z-index:45;padding:10px 24px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0440b2f0;border-top:1px solid #aaf4ff4d;gap:8px;position:fixed;bottom:0;left:0;right:0}.reader-card:after{height:var(--mobile-bottom-height);content:"";display:block}.page-jump{gap:6px}.page-jump input{width:58px;height:34px}.zoom-tools span{min-width:46px;font-size:13px}.hint{font-size:12px;display:none}.turn-next{animation-name:mobileTurnNext}.turn-prev{animation-name:mobileTurnPrev}.slide-next,.slide-prev{animation-duration:.2s}}@media (width<=420px){.hero-status{transform-origin:100% 0;transform:scale(.92)}h1{max-width:220px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}