:root{--brand:#007dc4;--brand-light:#00d4ff;--safe-area-bottom:env(safe-area-inset-bottom,0px)}html[data-theme=dark]{--bg:#17294d;--bg-gradient:#17294d;--text:#e6f0fa;--text-dim:#8a9ba8;--glass-bg:#0a1628b8;--glass-border:#007dc459;--hover-bg:#007dc42e;--active-bg:#007dc452;--shadow:0 8px 32px #00000080;--glow:0 0 12px #00d4ff59;--stage-halo:none;--stage-stars:radial-gradient(1.6px 1.6px at 12% 20%, #fff6, transparent 60%), radial-gradient(1.2px 1.2px at 82% 14%, #ffffff42, transparent 60%), radial-gradient(1.4px 1.4px at 30% 80%, #a0beff52, transparent 60%), radial-gradient(1.1px 1.1px at 92% 64%, #ffffff38, transparent 60%), radial-gradient(1.8px 1.8px at 58% 26%, #8cb4ff4d, transparent 60%), radial-gradient(1.1px 1.1px at 6% 58%, #ffffff38, transparent 60%);--stage-grid:linear-gradient(#7a98cd0d 1px, transparent 1px), linear-gradient(90deg, #7a98cd0d 1px, transparent 1px), linear-gradient(#7a98cd17 1px, transparent 1px), linear-gradient(90deg, #7a98cd17 1px, transparent 1px);--stage-grid-size:32px 32px, 32px 32px, 160px 160px, 160px 160px;--stage-grid-mask:radial-gradient(70% 66% at 50% 42%, #000 26%, transparent 100%)}html[data-theme=light]{--bg:#eef3f8;--bg-gradient:radial-gradient(120% 100% at 50% 0%, #fff 0%, #e4edf5 60%);--text:#1b2a3a;--text-dim:#5c7086;--glass-bg:#ffffffc7;--glass-border:#007dc440;--hover-bg:#007dc41a;--active-bg:#007dc433;--shadow:0 8px 32px #1b2a3a26;--glow:0 0 8px #007dc440;--stage-halo:radial-gradient(ellipse 72% 55% at 50% 48%, #fffffff5 0%, #fafcfedb 22%, #eaf0f699 45%, #dce6f04d 66%, #e4edf51f 84%, #e4edf500 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background-color .4s,color .4s}#app{background:var(--stage-halo,none), var(--stage-stars,none), var(--bg-gradient);flex-direction:column;display:flex;position:relative}#app:before{content:"";z-index:0;pointer-events:none;background-image:var(--stage-grid,none);background-size:var(--stage-grid-size,auto);-webkit-mask-image:var(--stage-grid-mask,none);-webkit-mask-image:var(--stage-grid-mask,none);mask-image:var(--stage-grid-mask,none);position:absolute;top:0;bottom:0;left:0;right:0}.bg-canvas{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.book-stage{z-index:1;flex:1;min-height:0;position:relative}.flip-canvas,.flip2d-wrapper{touch-action:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.flip-canvas.grabbing{cursor:grabbing}.flip2d-wrapper{transform-origin:50%;transition:transform .25s}.flip2d-wrapper.pinching{transition:none}.book-stage .stf__wrapper{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}html[data-theme=dark] .book-stage .stf__wrapper{box-shadow:0 2px 6px -2px #0000004d,0 18px 32px -6px #0000005c,0 40px 88px -20px #01081480}html[data-theme=light] .book-stage .stf__wrapper{box-shadow:0 2px 6px -2px #1f36511a,0 16px 30px -8px #1b2a3a21,0 36px 72px -24px #1b2a3a29}@keyframes stage-enter{0%{opacity:0}to{opacity:1}}.book-stage.stage-enter{animation:.28s ease-out both stage-enter}@media (prefers-reduced-motion:reduce){.book-stage.stage-enter{animation:none}}.app-header{z-index:2;pointer-events:none;align-items:center;gap:12px;padding:14px 20px 0;display:flex;position:relative}.app-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:180px;height:30px}.app-title-box{flex-direction:column;min-width:0;display:flex}.app-title{letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.app-company{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.copyright{left:16px;bottom:calc(14px + var(--safe-area-bottom));z-index:2;color:var(--text-dim);opacity:.45;pointer-events:none;letter-spacing:.3px;font-size:11px;position:absolute}@media (max-width:767px){.copyright{opacity:.35;max-width:30vw;font-size:9px;left:10px}}.toolbar{z-index:3;margin:0 auto 14px;margin-bottom:calc(14px + var(--safe-area-bottom));background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 24px);box-shadow:var(--shadow);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:8px 14px;display:flex;position:relative}.toolbar-group{border-left:1px solid var(--glass-border);align-items:center;gap:4px;padding:0 6px;display:flex}.toolbar-group:first-of-type{border-left:none}.toolbar-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .15s;display:flex}.toolbar-btn svg{width:20px;height:20px}.toolbar-btn:hover{background:var(--hover-bg);color:var(--brand-light)}.toolbar-btn:active{background:var(--active-bg);transform:scale(.92)}.toolbar-btn.active{background:var(--active-bg);color:var(--brand-light)}.toolbar-btn.active:hover{background:var(--hover-bg)}.page-box{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;padding:0 6px;display:flex}.page-box input{border:1px solid var(--glass-border);width:48px;height:32px;color:var(--text);text-align:center;-webkit-appearance:textfield;appearance:textfield;background:0 0;border-radius:8px;outline:none;font-size:14px;transition:border-color .2s,box-shadow .2s}.page-box input::-webkit-outer-spin-button{-webkit-appearance:none}.page-box input::-webkit-inner-spin-button{-webkit-appearance:none}.page-box input:focus{border-color:var(--brand);box-shadow:var(--glow)}.page-total{color:var(--text-dim);font-size:13px}@media (max-width:767px){.toolbar{border-radius:14px;gap:4px;padding:6px 8px}.toolbar-btn{width:34px;height:34px}.toolbar-btn svg{width:18px;height:18px}.page-box input{width:40px;height:28px}}.toc-drawer{z-index:20;pointer-events:none;visibility:hidden;position:fixed;top:0;bottom:0;left:0;right:0}.toc-drawer.open{pointer-events:auto;visibility:visible}.toc-mask{opacity:0;background:#00000073;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.toc-drawer.open .toc-mask{opacity:1}.toc-panel{background:var(--glass-bg);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);overscroll-behavior:contain;width:min(320px,85vw);padding:24px 0;transition:transform .32s cubic-bezier(.32,.72,.35,1);position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.toc-drawer.open .toc-panel{transform:translate(0)}.toc-title{border-bottom:1px solid var(--glass-border);padding:0 24px 16px;font-size:18px;font-weight:600}.toc-list,.toc-sublist{list-style:none}.toc-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 24px;font-size:15px;transition:background-color .2s,color .2s;display:flex}.toc-item.depth-1{color:var(--text-dim);padding-left:44px;font-size:14px}.toc-item:hover{background:var(--hover-bg);color:var(--brand-light)}.toc-page{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.fullscreen-state{z-index:10;background:var(--bg-gradient);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .5s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.fullscreen-state.fade-out{opacity:0;pointer-events:none}html[data-theme=dark]{--sk-base:#e9f1fa12;--sk-base-deep:#e9f1fa21;--sk-shine:#e9f1fa29;--sk-spine:#0000002e;--sk-track:#e6f0fa1a;--sk-fill-a:#007dc4;--sk-fill-b:#00b4ff;--sk-book-shadow:0 24px 48px #00000073}html[data-theme=light]{--sk-base:#dbe4ee;--sk-base-deep:#cdd9e4;--sk-shine:#ffffffa6;--sk-spine:#1b2a3a1f;--sk-track:#007dc41f;--sk-fill-a:#007dc4;--sk-fill-b:#0091d5;--sk-book-shadow:0 16px 40px #1b2a3a1f}.skeleton-state{gap:24px}.sk-book{width:420px;max-width:64vw;height:272px;box-shadow:var(--sk-book-shadow);border-radius:12px;gap:6px;display:flex}.sk-page{background:var(--sk-base);border-radius:12px;flex:1;padding:18px 18px 0;animation:2.4s ease-in-out infinite sk-breathe;position:relative;overflow:hidden}.sk-spine{background:var(--sk-spine);filter:blur(1px);align-self:center;width:2px;height:216px}.sk-bar{background:var(--sk-base-deep);border-radius:5px;height:10px;margin-bottom:10px;display:block;position:relative;overflow:hidden}.sk-bar-title{border-radius:7px;width:62%;height:14px;margin-bottom:14px}.sk-line-1{width:100%}.sk-line-2{width:88%}.sk-line-3,.sk-page-r .sk-line-2{width:72%}.sk-page-r .sk-line-3{width:88%}.sk-bar:after{content:"";border-radius:inherit;background:linear-gradient(110deg, transparent 32%, var(--sk-shine) 50%, transparent 68%);background-size:240% 100%;animation:1.6s ease-in-out infinite sk-shimmer;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes sk-shimmer{0%{background-position:130% 0}55%{background-position:-30% 0}to{background-position:-30% 0}}@keyframes sk-breathe{0%,to{opacity:1}50%{opacity:.86}}.sk-progress{flex-direction:column;gap:10px;width:min(260px,100vw - 48px);display:flex}.sk-row{justify-content:space-between;align-items:baseline;display:flex}.sk-label{color:var(--text-dim);letter-spacing:1px;font-size:14px}.sk-percent{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.sk-unit{color:var(--text-dim);margin-left:1px;font-size:11px;font-style:normal;font-weight:400}.sk-track{background:var(--sk-track);border-radius:3px;height:6px;overflow:hidden}.sk-fill{height:100%;width:calc(var(--progress,0) * 1%);background:linear-gradient(90deg, var(--sk-fill-a) 0%, var(--sk-fill-b) 100%);border-radius:3px;transition:width .25s}html[data-theme=dark] .sk-fill{box-shadow:0 0 8px #00b4ff73}@media (max-width:767px){.sk-book{aspect-ratio:210/272;width:clamp(168px,52vw,220px);height:auto}.sk-page-l,.sk-spine{display:none}}@media (prefers-reduced-motion:reduce){.sk-bar:after,.sk-page{animation:none}.sk-fill{transition:none}}.state-error{color:#ff7a7a;font-size:15px}.state-retry-btn{border:1px solid var(--brand);color:var(--brand-light);cursor:pointer;background:0 0;border-radius:10px;padding:10px 28px;font-size:14px;transition:background-color .2s,transform .15s}.state-retry-btn:hover{background:var(--hover-bg)}.state-retry-btn:active{transform:scale(.95)}.toc-panel::-webkit-scrollbar{width:6px}.toc-panel::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}