*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}#app{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.content-container[data-v-0dc24b4b]{overflow:hidden}.chapter-content[data-v-0dc24b4b]{height:100%;font-size:16px;line-height:1.6;font-family:Stix,serif;font-variant-numeric:oldstyle-nums}.page-viewer[data-v-0dc24b4b]{display:flex;flex-direction:column;background:#f5f5f5;flex:1;overflow:hidden}.file-info[data-v-0dc24b4b]{display:flex;align-items:center;gap:20px}.file-name[data-v-0dc24b4b]{font-size:16px;font-weight:500;color:#333}.reset-btn[data-v-0dc24b4b]{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.reset-btn[data-v-0dc24b4b]:hover{background:#5a6fd8}.page-viewer .toolbar[data-v-0dc24b4b]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:100;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-viewer .toolbar-left[data-v-0dc24b4b],.page-viewer .toolbar-right[data-v-0dc24b4b]{display:flex;gap:10px;align-items:center}.page-viewer .toolbar-center[data-v-0dc24b4b]{flex:1;text-align:center}.page-viewer .toolbar-btn[data-v-0dc24b4b]:hover:not(:disabled){background:#f0f0f0;border-color:#ccc}.page-viewer .toolbar-btn[data-v-0dc24b4b]:disabled{opacity:.5;cursor:not-allowed}.page-viewer .page-size-select[data-v-0dc24b4b],.page-viewer .pages-per-view-select[data-v-0dc24b4b]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.page-viewer .page-info[data-v-0dc24b4b]{font-size:14px;color:#666;font-weight:500}.toolbar[data-v-0dc24b4b]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:100}.toolbar-left[data-v-0dc24b4b],.toolbar-right[data-v-0dc24b4b]{display:flex;gap:10px;align-items:center}.toolbar-center[data-v-0dc24b4b]{flex:1;text-align:center}.toolbar-btn[data-v-0dc24b4b]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.toolbar-btn[data-v-0dc24b4b]:hover:not(:disabled){background:#f0f0f0;border-color:#ccc}.toolbar-btn[data-v-0dc24b4b]:disabled{opacity:.5;cursor:not-allowed}.page-size-select[data-v-0dc24b4b],.pages-per-view-select[data-v-0dc24b4b]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.page-info[data-v-0dc24b4b]{font-size:14px;color:#666;font-weight:500}.reader-outer[data-v-0dc24b4b]{width:100%;padding:16px 0;padding-left:22px;display:flex;justify-content:center;align-items:flex-start;background:#f5f5f5;flex:1;overflow:auto;position:relative;transition:padding-left .3s ease}.reader-outer.with-nav[data-v-0dc24b4b]{padding-left:140px}.chapter-nav[data-v-0dc24b4b]{position:absolute;top:12px;left:22px;width:140px;height:calc(100% - 24px);background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:10px;transform:translateX(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto}.chapter-nav.expanded[data-v-0dc24b4b]{transform:translateX(-18px)}.chapter-nav-toggle[data-v-0dc24b4b]{position:absolute;top:0;right:0;width:30px;height:30px;background:#fff;border:none;border-radius:0 8px 8px 0;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.chapter-nav-toggle[data-v-0dc24b4b]:hover{background-color:#f0f0f0}.chapter-list h3[data-v-0dc24b4b]{margin:0 0 10px 0;font-size:13px;color:#333;border-bottom:1px solid #eee;padding-bottom:6px}.chapter-items[data-v-0dc24b4b]{display:flex;flex-direction:column;gap:2px}.chapter-item[data-v-0dc24b4b]{padding:6px;cursor:pointer;border-radius:4px;transition:all .2s;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.chapter-item[data-v-0dc24b4b]:hover{background-color:#f5f5f5}.chapter-item.active[data-v-0dc24b4b]{background-color:#e3f2fd;color:#1976d2;font-weight:500}.chapter-number[data-v-0dc24b4b]{font-size:12px}.chapter-status[data-v-0dc24b4b]{font-size:10px;color:#666;background:#e8f5e8;color:#2e7d32;padding:1px 4px;border-radius:6px}.reader-container[data-v-0dc24b4b]{background:#f5f5f5;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);white-space:normal;overflow:hidden;outline:none;margin:0 auto}.reader-container[data-v-0dc24b4b]:focus{outline-offset:2px}.spreads[data-v-0dc24b4b]{position:relative}.spreads[data-v-0dc24b4b]:after{position:absolute;width:1px;border-right:1px solid #000;height:90%;z-index:100;left:50%;margin-left:-1px;top:5%;opacity:.15;box-shadow:-2px 0 15px #000;content:""}.chapter-content p[data-v-0dc24b4b]{padding:0;margin:0;text-align:justify}.chapter-content h1[data-v-0dc24b4b]{font-size:1.5em;line-height:1.33em;text-align:center;padding-bottom:0;text-transform:uppercase;font-weight:400;letter-spacing:4px;-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}.chapter-content header[data-v-0dc24b4b]{padding:3em 0 2em 0}.chapter-content .article-figure[data-v-0dc24b4b]{margin:20px 0;text-align:center;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.chapter-content .figure-title[data-v-0dc24b4b]{font-size:14px;color:#666;margin-top:8px;font-style:italic;text-align:center}.chapter-content .article-image[data-v-0dc24b4b]{max-width:100%;max-height:90%;height:auto;width:auto;display:block;margin:0 auto;-o-object-fit:contain;object-fit:contain;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.chapter-content .heading[data-v-0dc24b4b]{margin:20px 0 12px 0;color:#2c3e50;-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}.chapter-content .image-break[data-v-0dc24b4b]{display:block;margin:20px auto}.chapter-content .image-inline[data-v-0dc24b4b]{display:inline-block;margin:0 8px}.loading[data-v-0dc24b4b],.no-content[data-v-0dc24b4b]{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-size:16px}.loading p[data-v-0dc24b4b]{display:flex;align-items:center;gap:10px}.loading p[data-v-0dc24b4b]:before{content:"";width:20px;height:20px;border:2px solid #ddd;border-top:2px solid #007bff;border-radius:50%;animation:spin-0dc24b4b 1s linear infinite}@keyframes spin-0dc24b4b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reader-container.night-mode[data-v-0dc24b4b]{background:#23272f}.reader-container.night-mode .chapter-content[data-v-0dc24b4b]{color:#e0e0e0}.reader-container.night-mode .chapter-content .article-title[data-v-0dc24b4b],.reader-container.night-mode .chapter-content .heading[data-v-0dc24b4b]{color:#f0f0f0}.reader-container.night-mode .chapter-content .figure-title[data-v-0dc24b4b]{color:#ccc}@media (max-width:768px){.reader-container[data-v-0dc24b4b]{width:100%;height:400px;padding:10px 20px!important}.toolbar[data-v-0dc24b4b]{flex-direction:column;gap:10px}.toolbar-left[data-v-0dc24b4b],.toolbar-right[data-v-0dc24b4b]{width:100%;justify-content:center}}.chapter-wrapper[data-v-0dc24b4b]{height:100%;width:100%}.upload-area[data-v-8a81bdf8]{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;min-width:100vw}.upload-container[data-v-8a81bdf8]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);text-align:center;max-width:600px;width:90%;position:relative;z-index:10;margin:auto}.upload-container h2[data-v-8a81bdf8],.upload-container p[data-v-8a81bdf8]{color:#222}.upload-container h2[data-v-8a81bdf8]{margin-bottom:10px;font-size:28px}.upload-container p[data-v-8a81bdf8]{margin-bottom:30px;font-size:16px}.upload-buttons[data-v-8a81bdf8]{margin-bottom:40px}.upload-btn[data-v-8a81bdf8]{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s}.upload-btn[data-v-8a81bdf8]:hover{background:#5a6fd8;transform:translateY(-2px)}.reader-interface[data-v-8a81bdf8]{display:flex;flex-direction:column;justify-content:flex-start;height:100vh}.page-viewer-wrapper[data-v-8a81bdf8]{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}