*{box-sizing:border-box}body.app-body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1f2937;overflow:hidden;position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%}.toast{position:fixed;top:5rem;left:50%;transform:translateX(-50%);background-color:#1f2937;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:opacity .3s;opacity:0;pointer-events:none;z-index:50000}.toast.show{opacity:1}.toc-overlay{position:fixed;inset:0;background-color:#1c2332d4;z-index:20000;display:none;opacity:0;transition:opacity .3s}.toc-overlay.show{display:block;opacity:1}.toc-drawer{position:fixed;top:0;bottom:0;left:0;width:30rem;max-width:85vw;background-color:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:translateX(-100%);transition:transform .3s;z-index:20010;display:flex;flex-direction:column}.toc-drawer.open{transform:translateX(0)}.toc-header{padding:.875rem 1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.toc-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.icon{width:1.25rem;height:1.25rem}.icon-teal{color:#0d9488}.icon-teal-light{color:#2dd4bf}.icon-large{width:2rem;height:2rem}.offset-left{margin-left:-.25rem}.offset-right{margin-right:-.25rem}.btn-close{background:0 0;border:none;color:#6b7280;cursor:pointer;transition:color .3s;padding:0;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:#0d9488}.btn-close-white{color:#fff;background-color:rgba(255,255,255,.1);padding:.5rem;border-radius:9999px}.btn-close-white:hover{color:#2dd4bf}.toc-content{flex:1;overflow-y:auto;padding:.5rem .75rem;font-size:.875rem;display:flex;flex-direction:column;gap:0}.toc-item{display:block;width:100%;text-align:left;padding:.625rem .75rem;border-radius:.25rem;transition:background-color .2s,color .2s;background:0 0;border:none;cursor:pointer;color:#374151;font-size:.875rem;font-family:inherit;line-height:1.4}.toc-item:hover{background-color:#e6f7f5;color:#0d9488}.toc-item.active,.toc-item.toc-active{background-color:#e6f7f5;color:#0d9488;font-weight:600}.toc-item.font-bold{font-weight:700}.toc-item.level-1{padding-left:1.5rem;color:#4b5563;font-size:.8125rem}.toc-item.level-2{padding-left:2.25rem;color:#6b7280;font-size:.8125rem}.toc-item.level-3{padding-left:3rem;color:#9ca3af;font-size:.8125rem}.thumb-overlay{position:fixed;inset:0;background-color:#1c2332d4;z-index:20000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.thumb-overlay.show{display:flex;opacity:1}.thumb-container{background-color:transparent;border-radius:0;width:90%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.thumb-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem 1.25rem;color:#fff;flex-shrink:0}.thumb-title{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.375rem;margin:0}.thumb-body{flex:1;display:flex;align-items:stretch;overflow:hidden;padding:0;gap:0;min-height:0}.thumb-nav-btn{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgba(255,255,255,.12);border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:2}.thumb-nav-btn:hover{background-color:rgba(255,255,255,.25)}.thumb-nav-btn:disabled{opacity:.3;cursor:not-allowed}.thumb-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .875rem;padding:1rem .5rem 1.25rem .5rem;align-content:start;min-height:0}@media (min-width:640px){.thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:1rem 1.25rem 1.25rem 1.25rem}}@media (min-width:1024px){.thumb-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.thumb-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer}.thumb-box{width:100%;aspect-ratio:3/4;border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.3);border:2px solid transparent;transition:all .2s;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;background-color:#fff}.thumb-box canvas{width:100%!important;height:100%!important;object-fit:contain;display:block}.thumb-item:hover .thumb-box{border-color:#2dd4bf;transform:scale(1.04);box-shadow:0 6px 20px rgba(45,212,191,.3)}.thumb-box.cover{background:linear-gradient(to bottom right,#0891b2,#14b8a6)}.thumb-box.cover span{color:#fff;font-weight:700;font-size:.875rem;letter-spacing:.1em}.thumb-box.page-num{color:#d1d5db;font-size:1.5rem;font-weight:700}.thumb-label{color:#b0b0ba;font-size:.6875rem;transition:color .2s;white-space:nowrap}.thumb-item:hover .thumb-label{color:#fff}.app-header{height:4rem;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:9999;flex-shrink:0;border-bottom:1px solid #f3f4f6;border-top:4px solid #14b8a6}@media (min-width:640px){.app-header{padding:0 1.5rem}}.header-left{display:flex;align-items:center;gap:.75rem}.logo{height:2rem;object-fit:contain}.logo-fallback{width:2rem;height:2rem;border-radius:9999px;background-color:#dc2626;display:flex;align-items:center;justify-content:center;color:#fde047;font-size:1.25rem;font-family:serif}.header-title{font-weight:700;font-size:1rem;color:#1f2937;letter-spacing:.025em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:640px){.header-title{font-size:1.125rem}}.header-right{display:flex;align-items:center;gap:.375rem;color:#6b7280}@media (min-width:640px){.header-right{gap:.5rem}}.btn-icon{background:0 0;border:none;padding:.375rem;color:inherit;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:#0d9488}.divider{width:1px;height:1rem;background-color:#d1d5db;margin:0 .25rem}.zoom-text{font-size:.75rem;padding:0 .25rem;font-weight:500;display:none}@media (min-width:640px){.zoom-text{display:inline}}.app-main{flex:1;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:0;min-height:0;background-color:#f8f9fc;background-image:url("data:image/svg+xml;utf8,<svg width='40' height='40' xmlns='http://www.w3.org/2000/svg'><path d='M 18 20 L 22 20 M 20 18 L 20 22' stroke='%23d1d5db' stroke-width='1' fill='none'/></svg>")}@media (min-width:640px){.app-main{padding:1rem 2rem .5rem 2rem}}.btn-flip{position:absolute;z-index:20;width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:all .3s;border:none;cursor:pointer}@media (min-width:640px){.btn-flip{width:3.5rem;height:3.5rem}}.btn-flip:disabled{opacity:.5;cursor:not-allowed}.btn-prev{left:.5rem;background-color:#41c7a9;box-shadow:0 4px 16px rgba(65,199,169,.3);color:#fff}@media (min-width:640px){.btn-prev{left:1.5rem}}@media (min-width:768px){.btn-prev{left:3rem}}@media (min-width:1024px){.btn-prev{left:6rem}}.btn-prev:not(:disabled):hover{background-color:#14b8a6;box-shadow:0 20px 25px -5px rgba(65,199,169,.3)}.btn-prev:disabled{background-color:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;color:#9ca3af!important}.btn-prev:disabled:hover{background-color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);color:#9ca3af}.btn-next{right:.5rem;background-color:#41c7a9;box-shadow:0 4px 16px rgba(65,199,169,.3);color:#fff}@media (min-width:640px){.btn-next{right:1.5rem}}@media (min-width:768px){.btn-next{right:3rem}}@media (min-width:1024px){.btn-next{right:6rem}}.btn-next:not(:disabled):hover{background-color:#14b8a6;box-shadow:0 20px 25px -5px rgba(65,199,169,.3)}.btn-next:disabled{background-color:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;color:#9ca3af!important}.btn-next:disabled:hover{background-color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);color:#9ca3af}.container-book{width:100%;max-width:100vw;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;padding:0;transition:transform .3s ease;transform-origin:center center}@media (min-width:640px){.container-book{width:100%;max-width:100vw;height:100%;padding:0 4rem 0 4rem}}@media (min-width:768px){.container-book{width:76%;max-width:76vw;height:76%;padding-left:8rem;padding-right:8rem}}@media (min-width:1024px){.container-book{padding-left:10rem;padding-right:10rem}}.flip-book{box-shadow:0 30px 80px rgba(0,0,0,.35),0 10px 30px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.15);display:none;transition:transform .5s ease,box-shadow .5s ease}.flip-book.book-cover-closed{transform:translateX(-25%);box-shadow:0 0 0 transparent,0 0 0 transparent,0 0 0 transparent}.flip-book.book-cover-closed .page:not(.page-cover),.flip-book.book-cover-closed .page:not(.page-cover)::after{box-shadow:none!important}.flip-book.book-cover-closed .page-cover{box-shadow:inset -3px 0 10px rgba(0,0,0,.15),4px 0 0 0 #0a6b56,7px 0 0 0 #0c7a65,10px 0 0 0 #0e8a74!important}.flip-book.book-cover-closed .page-cover::after{box-shadow:inset -10px 0 20px rgba(0,0,0,.12)!important}.flip-book.book-back-closed{transform:translateX(25%);box-shadow:0 0 0 transparent,0 0 0 transparent,0 0 0 transparent}.flip-book.book-back-closed .page:not(.page-cover),.flip-book.book-back-closed .page:not(.page-cover)::after{box-shadow:none!important}.flip-book.book-back-closed .page-cover{box-shadow:inset 3px 0 10px rgba(0,0,0,.15),-3px 0 6px rgba(0,0,0,.18)!important}.flip-book.book-back-closed .page-cover::after{box-shadow:inset 10px 0 20px rgba(0,0,0,.12)!important}.app-footer{height:3rem;background-color:#fafbfc;display:flex;align-items:center;justify-content:center;padding:0 1rem;flex-shrink:0;position:relative;z-index:999;border-top:1px solid #f3f4f6;box-shadow:0 -1px 3px rgba(0,0,0,.05);-webkit-transform:translateZ(0);transform:translateZ(0)}.page-control{font-size:.8125rem;color:#9ca3af;display:flex;align-items:center;gap:.375rem;transition:color .2s}.page-control:focus-within{color:#6b7280}.page-input{width:2.5rem;text-align:center;border:1px solid #e5e7eb;border-radius:.25rem;color:#4b5563;padding:.125rem 0;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:border-color .2s}.page-input:focus{outline:0;border-color:#9ca3af}.page-input:disabled{opacity:.5}.page{background-color:#fff;border:none;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0)}.page.--left{border-right:0px solid rgba(0,0,0,.06)}.page.--right{box-shadow:4px 0 0 0 #e8e8e8,6px 0 0 0 #f4f4f4,8px 0 0 0 #ebebeb,10px 0 0 0 #f8f8f8;border-left:0 solid rgba(0,0,0,.06)}.page-cover{background:linear-gradient(150deg,#0f4c75 0,#1b6ca8 35%,#0e8f7e 70%,#0b7a5e 100%);color:#fff;border:none}.page-cover.--right{box-shadow:4px 0 0 0 #0a6b56,7px 0 0 0 #0c7a65,10px 0 0 0 #0e8a74}.page-content{padding:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0)}.page::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:10}.page.--left::after{box-shadow:inset -60px 0 50px -10px rgba(0,0,0,.01),inset -8px 0 12px -2px rgba(0,0,0,.1)}.page.--right::after{box-shadow:inset 80px 0 50px -10px rgba(0,0,0,.08),inset 8px 0 12px -2px rgba(0,0,0,.1)}.page-cover.--left::after{box-shadow:inset -30px 0 60px rgba(0,0,0,.3),inset -5px 0 15px rgba(0,0,0,.2)}.page-cover.--right::after{box-shadow:inset 30px 0 60px rgba(0,0,0,.3),inset 5px 0 15px rgba(0,0,0,.2)}::-webkit-scrollbar{display:none}.share-overlay{position:fixed;inset:0;background-color:#1c2332d4;z-index:30000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.share-overlay.show{display:flex;opacity:1}.share-modal{background-color:#fff;border-radius:12px;width:90%;max-width:430px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.18);transform:scale(.95);transition:transform .25s}.share-overlay.show .share-modal{transform:scale(1)}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem 1.25rem;border-bottom:1px solid #f3f4f6}.share-modal-title{font-size:1rem;font-weight:600;color:#1f2937;letter-spacing:.02em}.share-modal-close{background:0 0;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:color .2s,background-color .2s}.share-modal-close:hover{color:#374151;background-color:#f3f4f6}.share-modal-body{padding:1.25rem 1.25rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.share-book-name{margin:0;font-size:.9375rem;color:#374151;text-align:center;font-weight:400;line-height:1.6}.share-link-row{display:flex;align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem .75rem;gap:.5rem}.share-link-text{flex:1;font-size:.8125rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Courier New',monospace;line-height:1.4}.share-copy-btn{flex-shrink:0;background:0 0;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:4px;transition:color .2s,background-color .2s}.share-copy-btn:hover{color:#0d9488;background-color:#e6f7f5}.stf__block,.stf__item,.stf__item canvas,.stf__parent,.stf__wrapper{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}@media print{body.app-body{background:#fff!important;height:auto!important;overflow:visible!important;display:block!important}footer,header,main{display:none!important}#print-area{display:block!important;position:absolute;top:0;left:0;width:100%;background-color:#fff;z-index:9999;padding:2rem}}@media (max-width:639.98px){.header-right .btn-icon[title="全屏"],.header-right .btn-icon[title="打印"],.header-right .divider,.header-right .zoom-text{display:none!important}.header-right .btn-icon[title="目录"],.header-right .btn-icon[title="页面缩略图"]{position:absolute;bottom:0;background-color:#fafbfc;border-top:1px solid #e5e7eb;z-index:9999!important;height:3.5rem;border-radius:0;padding:0;box-shadow:0 -2px 10px rgba(0,0,0,.03);display:flex;align-items:center;justify-content:center;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.header-right .btn-icon[title="目录"]{left:0;width:50%}.header-right .btn-icon[title="页面缩略图"]{right:0;width:50%;border-left:1px solid #e5e7eb}.header-right .btn-icon[title="目录"]::after{content:'目录';margin-left:.375rem;font-size:.8125rem;font-weight:500;color:inherit}.header-right .btn-icon[title="页面缩略图"]::after{content:'缩略图';margin-left:.375rem;font-size:.8125rem;font-weight:500;color:inherit}.zoom-text{display:inline-flex!important;align-items:center;font-size:.75rem}.app-footer{position:absolute!important;bottom:3.5rem!important;left:0;width:100%}.app-main{padding-bottom:6.5rem!important}.btn-flip{top:auto!important;bottom:7rem!important;z-index:9999!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.btn-prev{left:1rem}.btn-next{right:1rem}.stf__parent,.stf__parent *{box-shadow:none!important}}