:root{--fb-primary:#2563eb;--fb-primary-hover:#1d4ed8;--fb-bg:#1a1a2e;--fb-surface:#16213e;--fb-surface-hover:#1a2744;--fb-toolbar-bg:rgba(22,33,62,.95);--fb-toolbar-border:hsla(0,0%,100%,.08);--fb-text:#e2e8f0;--fb-text-muted:#94a3b8;--fb-page-bg:#fff;--fb-page-shadow:rgba(0,0,0,.5);--fb-page-shadow-flip:rgba(0,0,0,.25);--fb-border-radius:12px;--fb-animation-duration:600ms;--fb-animation-easing:cubic-bezier(0.645,0.045,0.355,1.0);--fb-thumbnail-width:80px;--fb-touch-target:44px;--fb-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--fb-backdrop-blur:blur(12px);--fb-glow:0 0 20px rgba(37,99,235,.3)}.fb-theme-light{--fb-bg:#f1f5f9;--fb-surface:#fff;--fb-surface-hover:#f8fafc;--fb-toolbar-bg:hsla(0,0%,100%,.95);--fb-toolbar-border:rgba(0,0,0,.08);--fb-text:#1e293b;--fb-text-muted:#64748b;--fb-page-shadow:rgba(0,0,0,.2);--fb-page-shadow-flip:rgba(0,0,0,.12)}.fb-container{background:var(--fb-bg);border-radius:var(--fb-border-radius);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);color:var(--fb-text);display:flex;flex-direction:column;font-family:var(--fb-font);height:100%;min-height:400px;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;width:100%}.fb-container *{box-sizing:border-box}.fb-container.fb-fullscreen{border-radius:0;height:100vh;inset:0;position:fixed;width:100vw;z-index:99999}.fb-viewport{align-items:center;flex:1;justify-content:center;overflow:hidden;perspective:1800px;perspective-origin:50% 50%}.fb-book,.fb-viewport{display:flex;position:relative}.fb-book{transform-style:preserve-3d;transition:transform .3s ease}.fb-book.fb-single-page{justify-content:center}.fb-page{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--fb-page-bg);overflow:hidden;position:relative}.fb-page canvas,.fb-page img{display:block;height:100%;object-fit:contain;width:100%}.fb-page-left{border-radius:4px 0 0 4px;box-shadow:inset -30px 0 40px -20px rgba(0,0,0,.08),-2px 0 8px rgba(0,0,0,.1)}.fb-page-right{border-radius:0 4px 4px 0;box-shadow:inset 30px 0 40px -20px rgba(0,0,0,.08),2px 0 8px rgba(0,0,0,.1)}.fb-book:after{background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.05) 30%,transparent 50%,rgba(0,0,0,.05) 70%,rgba(0,0,0,.15));content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:30px;z-index:10}.fb-book.fb-single-page:after{display:none}.fb-flip-container{height:100%;pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:50%;z-index:20}.fb-flip-container.fb-flip-right{left:50%;transform-origin:left center}.fb-flip-container.fb-flip-left{left:0;transform-origin:right center}.fb-flip-page{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--fb-page-bg);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.fb-flip-page canvas,.fb-flip-page img{display:block;height:100%;object-fit:contain;width:100%}.fb-flip-page.fb-flip-back{transform:rotateY(180deg)}.fb-flip-shadow{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--fb-animation-duration) var(--fb-animation-easing);width:100%;z-index:5}.fb-flip-shadow-left{background:linear-gradient(270deg,rgba(0,0,0,.2),transparent);left:0}.fb-flip-shadow-right{background:linear-gradient(90deg,rgba(0,0,0,.2),transparent);right:0}.fb-flipping .fb-flip-shadow{opacity:1}@keyframes fb-flip-to-left{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes fb-flip-to-right{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.fb-nav-arrow{align-items:center;backdrop-filter:var(--fb-backdrop-blur);-webkit-backdrop-filter:var(--fb-backdrop-blur);background:var(--fb-toolbar-bg);border:1px solid var(--fb-toolbar-border);color:var(--fb-text);cursor:pointer;display:flex;height:80px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:var(--fb-touch-target);z-index:30}.fb-container:focus-within .fb-nav-arrow,.fb-container:hover .fb-nav-arrow{opacity:1}.fb-nav-arrow:hover{background:var(--fb-primary);box-shadow:var(--fb-glow);color:#fff}.fb-nav-arrow:active{transform:translateY(-50%) scale(.95)}.fb-nav-prev{border-radius:10px;left:12px}.fb-nav-next{border-radius:10px;right:12px}.fb-nav-arrow.fb-disabled{opacity:.2!important;pointer-events:none}.fb-nav-arrow svg{height:22px;width:22px}.fb-toolbar{backdrop-filter:var(--fb-backdrop-blur);-webkit-backdrop-filter:var(--fb-backdrop-blur);background:var(--fb-toolbar-bg);border-top:1px solid var(--fb-toolbar-border);flex-shrink:0;gap:4px;justify-content:space-between;min-height:48px;padding:6px 12px}.fb-toolbar,.fb-toolbar-group{align-items:center;display:flex}.fb-toolbar-group{gap:2px}.fb-toolbar-separator{background:var(--fb-toolbar-border);height:24px;margin:0 6px;width:1px}.fb-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--fb-text-muted);cursor:pointer;display:inline-flex;font-family:var(--fb-font);font-size:13px;gap:6px;height:36px;justify-content:center;min-width:var(--fb-touch-target);padding:0 10px;transition:all .15s ease;white-space:nowrap}.fb-btn:hover{background:var(--fb-surface-hover);color:var(--fb-text)}.fb-btn:active{transform:scale(.95)}.fb-btn.fb-active{background:var(--fb-primary);color:#fff}.fb-btn svg{flex-shrink:0;height:18px;width:18px}.fb-btn-label{font-size:12px}.fb-page-indicator{align-items:center;color:var(--fb-text-muted);display:flex;font-size:13px;gap:6px}.fb-page-input{background:var(--fb-surface);border:1px solid var(--fb-toolbar-border);border-radius:6px;color:var(--fb-text);font-family:var(--fb-font);font-size:13px;height:28px;outline:none;text-align:center;transition:border-color .2s;width:42px}.fb-page-input:focus{border-color:var(--fb-primary);box-shadow:0 0 0 2px rgba(37,99,235,.2)}.fb-thumbnails{backdrop-filter:var(--fb-backdrop-blur);-webkit-backdrop-filter:var(--fb-backdrop-blur);background:var(--fb-toolbar-bg);border-right:1px solid var(--fb-toolbar-border);bottom:0;display:flex;flex-direction:column;gap:8px;left:0;overflow-x:hidden;overflow-y:auto;padding:8px;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:140px;z-index:40}.fb-thumbnails.fb-open{transform:translateX(0)}.fb-thumbnails::-webkit-scrollbar{width:4px}.fb-thumbnails::-webkit-scrollbar-track{background:transparent}.fb-thumbnails::-webkit-scrollbar-thumb{background:var(--fb-toolbar-border);border-radius:4px}.fb-thumb{aspect-ratio:.707;background:var(--fb-surface);border:2px solid transparent;border-radius:6px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:all .2s ease}.fb-thumb:hover{border-color:var(--fb-text-muted)}.fb-thumb.fb-active{border-color:var(--fb-primary);box-shadow:var(--fb-glow)}.fb-thumb canvas,.fb-thumb img{display:block;height:100%;object-fit:cover;width:100%}.fb-thumb-label{background:rgba(0,0,0,.6);bottom:0;color:#fff;font-size:10px;left:0;padding:2px 0;position:absolute;right:0;text-align:center}.fb-search-panel{backdrop-filter:var(--fb-backdrop-blur);-webkit-backdrop-filter:var(--fb-backdrop-blur);background:var(--fb-toolbar-bg);border-left:1px solid var(--fb-toolbar-border);display:flex;flex-direction:column;max-height:100%;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:300px;z-index:40}.fb-search-panel.fb-open{transform:translateX(0)}.fb-search-header{align-items:center;border-bottom:1px solid var(--fb-toolbar-border);display:flex;gap:8px;padding:10px 12px}.fb-search-input{background:var(--fb-surface);border:1px solid var(--fb-toolbar-border);border-radius:8px;color:var(--fb-text);flex:1;font-family:var(--fb-font);font-size:13px;height:34px;outline:none;padding:0 10px}.fb-search-input:focus{border-color:var(--fb-primary);box-shadow:0 0 0 2px rgba(37,99,235,.2)}.fb-search-results{flex:1;overflow-y:auto;padding:8px}.fb-search-result{border-radius:6px;color:var(--fb-text-muted);cursor:pointer;font-size:12px;line-height:1.4;padding:8px 10px;transition:background .15s}.fb-search-result:hover{background:var(--fb-surface-hover)}.fb-search-result mark{background:rgba(37,99,235,.3);border-radius:2px;color:var(--fb-text);padding:0 2px}.fb-search-info{border-bottom:1px solid var(--fb-toolbar-border);color:var(--fb-text-muted);font-size:12px;padding:8px 12px}.fb-toc-panel{backdrop-filter:var(--fb-backdrop-blur);-webkit-backdrop-filter:var(--fb-backdrop-blur);background:var(--fb-toolbar-bg);border-right:1px solid var(--fb-toolbar-border);display:flex;flex-direction:column;left:0;max-height:100%;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:260px;z-index:40}.fb-toc-panel.fb-open{transform:translateX(0)}.fb-toc-header{align-items:center;border-bottom:1px solid var(--fb-toolbar-border);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px}.fb-toc-list{flex:1;overflow-y:auto;padding:8px}.fb-toc-item{align-items:center;border-radius:6px;color:var(--fb-text-muted);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 10px;transition:all .15s}.fb-toc-item:hover{background:var(--fb-surface-hover);color:var(--fb-text)}.fb-toc-item.fb-active{color:var(--fb-primary)}.fb-toc-page{font-size:11px;opacity:.6}.fb-loading{align-items:center;background:var(--fb-bg);display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:absolute;z-index:50}.fb-spinner{animation:fb-spin .8s linear infinite;border:3px solid var(--fb-toolbar-border);border-radius:50%;border-top-color:var(--fb-primary);height:40px;width:40px}@keyframes fb-spin{to{transform:rotate(1turn)}}.fb-loading-text{color:var(--fb-text-muted);font-size:14px}.fb-progress{background:var(--fb-toolbar-border);bottom:0;height:3px;left:0;position:absolute;right:0;z-index:35}.fb-progress-bar{background:var(--fb-primary);border-radius:0 2px 2px 0;height:100%;transition:width .3s ease}.fb-share-dropdown{backdrop-filter:var(--fb-backdrop-blur);background:var(--fb-toolbar-bg);border:1px solid var(--fb-toolbar-border);border-radius:10px;bottom:100%;box-shadow:0 10px 25px rgba(0,0,0,.2);display:none;margin-bottom:8px;min-width:160px;padding:6px;position:absolute;right:0;z-index:50}.fb-share-dropdown.fb-open{display:block}.fb-share-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--fb-text-muted);cursor:pointer;display:flex;font-family:var(--fb-font);font-size:13px;gap:8px;padding:8px 10px;transition:all .15s;width:100%}.fb-share-item:hover{background:var(--fb-surface-hover);color:var(--fb-text)}@media (max-width:1024px){.fb-btn-label{display:none}.fb-thumbnails{width:110px}}@media (max-width:600px){.fb-toolbar{gap:2px;padding:4px 8px}.fb-btn{height:34px;min-width:38px;padding:0 6px}.fb-nav-arrow{height:60px;opacity:.7;width:36px}.fb-container:hover .fb-nav-arrow{opacity:.7}.fb-thumbnails{width:100px}.fb-search-panel,.fb-toc-panel{width:100%}.fb-page-indicator .fb-page-input{font-size:12px;height:26px;width:36px}}.fb-zoom-active .fb-book{cursor:grab}.fb-zoom-active .fb-book:active{cursor:grabbing}.fb-fade-in{animation:fb-fade-in .3s ease}@keyframes fb-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fb-autoplay-indicator{align-items:center;background:var(--fb-primary);border-radius:20px;color:#fff;display:none;font-size:11px;gap:6px;padding:4px 10px;position:absolute;right:12px;top:12px;z-index:30}.fb-autoplay-indicator.fb-active{display:flex}.fb-autoplay-dot{animation:fb-pulse 1.5s ease infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes fb-pulse{0%,to{opacity:1}50%{opacity:.3}}