.navbar[data-v-ff8ef6e3]{color:#fff;z-index:100;background:linear-gradient(135deg,#0d0d0d 0%,#1a1a2e 50%,#2d1f4e 100%);width:100%;padding:15px 0;position:fixed;top:0;box-shadow:0 2px 10px #0000004d}.navbar .container[data-v-ff8ef6e3]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo[data-v-ff8ef6e3]{letter-spacing:2px;font-size:24px;font-weight:700}.menu-btn[data-v-ff8ef6e3]{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.menu-btn span[data-v-ff8ef6e3]{background:#fff;border-radius:2px;width:25px;height:3px}.nav-links[data-v-ff8ef6e3]{gap:30px;list-style:none;display:flex}.nav-links a[data-v-ff8ef6e3]{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a[data-v-ff8ef6e3]:hover,.nav-links a.active[data-v-ff8ef6e3]{color:#c2c7ec}@media (width<=768px){.menu-btn[data-v-ff8ef6e3]{display:flex}.nav-links[data-v-ff8ef6e3]{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a2e 50%,#2d1f4e 100%);flex-direction:column;gap:0;width:100%;max-height:0;transition:max-height .3s;position:absolute;top:100%;left:0;overflow:hidden}.nav-links.active[data-v-ff8ef6e3]{max-height:500px}.nav-links li[data-v-ff8ef6e3]{border-bottom:1px solid #ffffff1a;padding:15px 20px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8f9fa;font-family:Microsoft YaHei,PingFang SC,sans-serif;line-height:1.6}.app{min-height:100vh}.main-content{padding-top:80px}.bookshelf-container[data-v-a688cd0f]{max-width:1200px;margin:0 auto}.section-header[data-v-a688cd0f]{text-align:center;margin-bottom:30px}.section-header h2[data-v-a688cd0f]{color:#2d3748;margin-bottom:8px;font-size:28px}.section-header p[data-v-a688cd0f]{color:#718096;font-size:14px}.toolbar[data-v-a688cd0f]{margin-bottom:20px}.category-bar[data-v-a688cd0f]{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;padding:15px;display:flex;box-shadow:0 2px 8px #0000000f}.category-tags[data-v-a688cd0f]{flex-wrap:wrap;gap:10px;display:flex}.category-tag[data-v-a688cd0f]{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex}.category-tag[data-v-a688cd0f]:hover{color:#667eea;border-color:#667eea}.category-tag.active[data-v-a688cd0f]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.delete-category[data-v-a688cd0f]{opacity:.7;font-size:16px;font-weight:700}.delete-category[data-v-a688cd0f]:hover{opacity:1}.category-input[data-v-a688cd0f]{border:2px solid #667eea;border-radius:20px;outline:none;width:150px;padding:8px 16px;font-size:14px}.category-input[data-v-a688cd0f]:focus{box-shadow:0 0 0 3px #667eea33}.category-label[data-v-a688cd0f]{color:#fff;border-radius:12px;margin:8px 15px 0;padding:4px 12px;font-size:12px;display:inline-block}.btn[data-v-a688cd0f]{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary[data-v-a688cd0f]{color:#fff;background:linear-gradient(135deg,#0d0d0d 0%,#2d1f4e 50%,#4a1f6b 100%)}.btn-primary[data-v-a688cd0f]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-secondary[data-v-a688cd0f]{color:#4a5568;background:#fff;border:2px solid #e2e8f0;margin-left:10px}.btn-secondary[data-v-a688cd0f]:hover{border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.books-grid[data-v-a688cd0f]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;display:grid}.book-card[data-v-a688cd0f]{cursor:pointer;background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 15px #00000014}.book-card[data-v-a688cd0f]:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.book-cover[data-v-a688cd0f]{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);height:260px;position:relative;overflow:hidden}.book-cover img[data-v-a688cd0f]{object-fit:cover;width:100%;height:100%}.cover-placeholder[data-v-a688cd0f]{color:#a0aec0;justify-content:center;align-items:center;width:100%;height:100%;font-size:64px;display:flex}.book-title[data-v-a688cd0f]{color:#2d3748;text-overflow:ellipsis;white-space:nowrap;margin:15px 15px 8px;font-size:16px;font-weight:700;overflow:hidden}.book-author[data-v-a688cd0f]{color:#718096;text-overflow:ellipsis;white-space:nowrap;margin:0 15px 10px;font-size:14px;overflow:hidden}.book-meta[data-v-a688cd0f]{border-top:1px solid #f0f0f0;padding:10px 15px 15px}.book-meta span[data-v-a688cd0f]{color:#a0aec0;font-size:12px}.empty-state[data-v-a688cd0f]{text-align:center;padding:80px 20px}.empty-icon[data-v-a688cd0f]{margin-bottom:20px;font-size:80px}.empty-state p[data-v-a688cd0f]{color:#718096;font-size:18px}.context-menu[data-v-a688cd0f]{z-index:1000;background:#fff;border-radius:10px;min-width:180px;padding:8px 0;position:fixed;box-shadow:0 8px 24px #00000026}.context-menu ul[data-v-a688cd0f]{margin:0;padding:0;list-style:none}.context-menu li[data-v-a688cd0f]{cursor:pointer;color:#4a5568;padding:10px 20px;font-size:14px;transition:background-color .2s}.context-menu li[data-v-a688cd0f]:hover{color:#667eea;background-color:#eef2ff}.progress-badge[data-v-a688cd0f]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #10b9814d}.book-actions[data-v-a688cd0f]{gap:8px;padding:0 15px 15px;display:flex}.action-btn[data-v-a688cd0f]{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:18px;transition:all .3s}.read-btn[data-v-a688cd0f]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.read-btn[data-v-a688cd0f]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.delete-btn[data-v-a688cd0f]{color:#e53e3e;background:#fef2f2}.delete-btn[data-v-a688cd0f]:hover{background:#fee2e2;transform:translateY(-2px)}@media (width<=768px){.books-grid[data-v-a688cd0f]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.book-cover[data-v-a688cd0f]{height:200px}.cover-placeholder[data-v-a688cd0f]{font-size:48px}}.editor-container[data-v-49804a2a]{max-width:600px;margin:0 auto;padding:20px}.editor-header[data-v-49804a2a]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.header-left[data-v-49804a2a]{align-items:center;gap:15px;display:flex}.back-btn[data-v-49804a2a]{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 15px;font-size:16px;transition:background-color .2s}.back-btn[data-v-49804a2a]:hover{background-color:#eef2ff}.editor-header h1[data-v-49804a2a]{color:#2d3748;margin:0;font-size:24px}.header-right[data-v-49804a2a]{align-items:center;gap:15px;display:flex}.btn[data-v-49804a2a]{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-primary[data-v-49804a2a]{color:#fff;background:linear-gradient(135deg,#0d0d0d 0%,#2d1f4e 50%,#4a1f6b 100%)}.btn-primary[data-v-49804a2a]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.editor-body[data-v-49804a2a]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000000d}.form-group[data-v-49804a2a]{margin-bottom:20px}.form-group label[data-v-49804a2a]{color:#2d3748;margin-bottom:8px;font-weight:500;display:block}.form-group input[data-v-49804a2a],.form-group textarea[data-v-49804a2a],.form-group select[data-v-49804a2a]{box-sizing:border-box;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 15px;font-size:14px;transition:border-color .3s}.form-group input[data-v-49804a2a]:focus,.form-group textarea[data-v-49804a2a]:focus,.form-group select[data-v-49804a2a]:focus{border-color:#667eea}.category-select[data-v-49804a2a]{cursor:pointer;background:#fff}.form-group textarea[data-v-49804a2a]{resize:vertical;min-height:100px}.file-drop-zone[data-v-49804a2a]{text-align:center;background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;padding:30px;transition:all .3s}.file-drop-zone.drag-over[data-v-49804a2a]{background-color:#eef2ff;border-color:#667eea}.drop-icon[data-v-49804a2a]{margin-bottom:15px;font-size:48px}.file-drop-zone p[data-v-49804a2a]{color:#718096;margin:10px 0}.file-select-btn[data-v-49804a2a]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d0d0d 0%,#2d1f4e 50%,#4a1f6b 100%);border-radius:8px;padding:10px 20px;font-weight:500;transition:transform .2s;display:inline-block}.file-select-btn[data-v-49804a2a]:hover{transform:translateY(-2px)}.selected-file[data-v-49804a2a]{align-items:center;gap:15px;display:flex}.file-icon[data-v-49804a2a]{font-size:36px}.file-info[data-v-49804a2a]{text-align:left;flex:1}.file-name[data-v-49804a2a]{color:#2d3748;margin:0;font-weight:500}.file-size[data-v-49804a2a]{color:#718096;margin:5px 0 0;font-size:14px}.clear-file-btn[data-v-49804a2a]{color:#e53e3e;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:background-color .2s;display:flex}.clear-file-btn[data-v-49804a2a]:hover{background-color:#fff5f5}.editor-tips[data-v-49804a2a]{text-align:center;margin-top:20px}.editor-tips p[data-v-49804a2a]{color:#a0aec0;font-size:14px}@media (width<=768px){.editor-header[data-v-49804a2a]{flex-direction:column;align-items:flex-start;gap:15px}.header-right[data-v-49804a2a]{justify-content:flex-end;width:100%}.editor-body[data-v-49804a2a]{padding:20px}}.modal[data-v-89983cfe]{z-index:200;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn-89983cfe;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn-89983cfe{0%{opacity:0}to{opacity:1}}.modal-content[data-v-89983cfe]{background-color:#fff;border-radius:12px;width:100%;max-width:500px;margin:20px;padding:30px;animation:.3s slideIn-89983cfe;position:relative}@keyframes slideIn-89983cfe{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-89983cfe]{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700;transition:color .2s}.close-btn[data-v-89983cfe]:hover{color:#333}.modal-content h3[data-v-89983cfe]{color:#2d3748;margin-bottom:20px}.detail-container[data-v-df817c40]{max-width:800px;margin:0 auto;padding:20px}.detail-header[data-v-df817c40]{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.back-btn[data-v-df817c40]{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 15px;font-size:16px;transition:background-color .2s}.back-btn[data-v-df817c40]:hover{background-color:#eef2ff}.delete-btn[data-v-df817c40]{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:background-color .2s}.delete-btn[data-v-df817c40]:hover{background-color:#fecaca}.book-detail[data-v-df817c40]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000000d}.book-info[data-v-df817c40]{border-bottom:1px solid #f0f0f0;gap:30px;margin-bottom:30px;padding-bottom:30px;display:flex}.book-cover-large[data-v-df817c40]{flex-shrink:0;width:200px;height:280px}.book-cover-large img[data-v-df817c40]{object-fit:cover;border-radius:8px;width:100%;height:100%}.cover-placeholder-large[data-v-df817c40]{color:#a0aec0;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:64px;display:flex}.book-info-text[data-v-df817c40]{flex:1}.book-info-text h1[data-v-df817c40]{color:#2d3748;margin-bottom:10px;font-size:28px}.author[data-v-df817c40]{color:#667eea;margin-bottom:15px;font-size:18px}.isbn[data-v-df817c40]{color:#718096;margin-bottom:10px;font-size:14px}.description[data-v-df817c40]{color:#4a5568;margin-bottom:15px;font-size:15px;line-height:1.8}.added[data-v-df817c40]{color:#a0aec0;font-size:14px}.book-actions[data-v-df817c40]{gap:15px;margin-bottom:30px;display:flex}.btn[data-v-df817c40]{cursor:pointer;border:none;border-radius:8px;padding:12px 25px;font-size:15px;font-weight:500;transition:all .3s}.btn-primary[data-v-df817c40]{color:#fff;background:linear-gradient(135deg,#0d0d0d 0%,#2d1f4e 50%,#4a1f6b 100%)}.btn-secondary[data-v-df817c40]{color:#4a5568;background:#e2e8f0}.btn-read[data-v-df817c40]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-read[data-v-df817c40]:hover{box-shadow:0 4px 15px #10b98166}.progress-section[data-v-df817c40]{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:30px;padding:15px}.progress-section p[data-v-df817c40]{color:#166534;margin:5px 0}.progress-date[data-v-df817c40]{color:#15803d;font-size:13px}.section[data-v-df817c40]{margin-bottom:30px}.section h2[data-v-df817c40]{color:#2d3748;margin-bottom:20px;font-size:20px}.bookmarks-list[data-v-df817c40],.reviews-list[data-v-df817c40]{flex-direction:column;gap:15px;display:flex}.bookmark-item[data-v-df817c40],.review-item[data-v-df817c40]{background:#f8fafc;border-radius:10px;padding:15px;position:relative}.bookmark-info[data-v-df817c40]{flex-direction:column;gap:5px;display:flex}.page[data-v-df817c40]{color:#2d3748;font-weight:600}.note[data-v-df817c40]{color:#4a5568;font-style:italic}.date[data-v-df817c40]{color:#a0aec0;font-size:13px}.review-rating[data-v-df817c40]{margin-bottom:10px}.star[data-v-df817c40]{color:#e2e8f0;font-size:20px}.star.filled[data-v-df817c40]{color:#f59e0b}.review-content[data-v-df817c40]{color:#4a5568;margin-bottom:10px;line-height:1.8}.review-date[data-v-df817c40]{color:#a0aec0;font-size:13px}.delete-btn-small[data-v-df817c40]{color:#e53e3e;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:13px;transition:background-color .2s;position:absolute;top:10px;right:10px}.delete-btn-small[data-v-df817c40]:hover{background-color:#fef2f2}.empty-section[data-v-df817c40]{text-align:center;color:#718096;background:#f8fafc;border-radius:10px;padding:30px}.modal-form[data-v-df817c40]{flex-direction:column;gap:15px;display:flex}.form-group[data-v-df817c40]{margin-bottom:15px}.form-group label[data-v-df817c40]{color:#2d3748;margin-bottom:8px;font-weight:500;display:block}.form-group input[data-v-df817c40],.form-group textarea[data-v-df817c40]{border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 15px;font-size:14px;transition:border-color .3s}.form-group input[data-v-df817c40]:focus,.form-group textarea[data-v-df817c40]:focus{border-color:#667eea}.form-group textarea[data-v-df817c40]{resize:vertical;min-height:100px}.rating-selector[data-v-df817c40]{gap:10px;display:flex}.star-btn[data-v-df817c40]{cursor:pointer;color:#e2e8f0;background:0 0;border:none;font-size:32px;transition:color .2s}.star-btn.active[data-v-df817c40],.star-btn[data-v-df817c40]:hover{color:#f59e0b}.fav-count[data-v-df817c40]{color:#f59e0b;margin-left:10px;font-size:14px;font-weight:400}.highlights-list[data-v-df817c40]{flex-direction:column;gap:15px;display:flex}.highlight-item[data-v-df817c40]{background:#f8fafc;border-left:4px solid #ccc;border-radius:10px;padding:16px 18px;position:relative}.highlight-header[data-v-df817c40]{align-items:center;gap:10px;margin-bottom:10px;display:flex}.color-dot[data-v-df817c40]{border-radius:50%;flex-shrink:0;width:12px;height:12px}.highlight-date[data-v-df817c40]{color:#a0aec0;flex:1;font-size:12px}.fav-toggle[data-v-df817c40]{cursor:pointer;color:#cbd5e0;background:0 0;border:none;padding:0 4px;font-size:20px;transition:color .2s,transform .2s}.fav-toggle[data-v-df817c40]:hover{transform:scale(1.15)}.fav-toggle.active[data-v-df817c40]{color:#f59e0b}.highlight-text[data-v-df817c40]{color:#2d3748;white-space:pre-wrap;word-break:break-word;margin:0 0 10px;font-size:15px;line-height:1.8}.highlight-note[data-v-df817c40]{color:#78350f;background:#fff8e1;border-radius:8px;margin-bottom:10px;padding:10px 12px;font-size:14px;line-height:1.6}.note-label[data-v-df817c40]{font-weight:600}.highlight-actions[data-v-df817c40]{flex-wrap:wrap;gap:12px;display:flex}.action-link[data-v-df817c40]{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 8px;font-size:13px;transition:background-color .2s}.action-link[data-v-df817c40]:hover{background-color:#eef2ff}.action-link.delete[data-v-df817c40]{color:#e53e3e}.action-link.delete[data-v-df817c40]:hover{background-color:#fef2f2}.edit-hint-text[data-v-df817c40]{color:#4a5568;background:#f7fafc;border-left:3px solid #667eea;border-radius:0 8px 8px 0;max-height:120px;margin:0;padding:10px 12px;font-style:italic;line-height:1.7;overflow-y:auto}@media (width<=768px){.book-info[data-v-df817c40]{flex-direction:column;align-items:center}.book-cover-large[data-v-df817c40]{width:150px;height:200px}.book-info-text[data-v-df817c40]{text-align:center}.book-actions[data-v-df817c40]{flex-direction:column}.btn[data-v-df817c40]{width:100%}}.reader-container[data-v-6b36a66a]{background:#f5f5f5;flex-direction:column;display:flex;position:fixed;inset:0}.reader-header[data-v-6b36a66a]{z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;box-shadow:0 2px 8px #00000014}.back-btn[data-v-6b36a66a],.menu-btn[data-v-6b36a66a]{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:20px;transition:background-color .2s}.back-btn[data-v-6b36a66a]:hover,.menu-btn[data-v-6b36a66a]:hover{background-color:#eef2ff}.book-info[data-v-6b36a66a]{text-align:center}.book-info h2[data-v-6b36a66a]{color:#2d3748;margin:0;font-size:18px}.percentage[data-v-6b36a66a]{color:#718096;margin:5px 0 0;font-size:13px}.reader-main[data-v-6b36a66a]{flex:1;display:flex;position:relative;overflow:hidden}.error-state[data-v-6b36a66a]{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.error-icon[data-v-6b36a66a]{margin-bottom:20px;font-size:64px}.error-state p[data-v-6b36a66a]{color:#e53e3e;max-width:400px;margin-bottom:20px;font-size:16px}.reader-content[data-v-6b36a66a]{flex:1;align-items:center;display:flex;position:relative}.reader-area[data-v-6b36a66a]{flex:1;height:100%;position:relative}.loading-overlay[data-v-6b36a66a]{background:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader[data-v-6b36a66a]{background:#e2e8f0;border-radius:4px;width:300px;height:8px;margin-bottom:20px;overflow:hidden}.loader-bar[data-v-6b36a66a]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px;height:100%;transition:width .3s}.nav-btn[data-v-6b36a66a]{cursor:pointer;color:#718096;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:40px;height:100%;font-size:28px;transition:background-color .2s;display:flex}.nav-btn[data-v-6b36a66a]:hover{background-color:#0000000d}.toc-panel[data-v-6b36a66a]{z-index:50;background:#fff;flex-direction:column;width:300px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 12px #0000001a}.toc-header[data-v-6b36a66a]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.toc-header h3[data-v-6b36a66a]{color:#2d3748;margin:0}.close-btn[data-v-6b36a66a]{color:#718096;cursor:pointer;background:0 0;border:none;font-size:24px}.toc-list[data-v-6b36a66a]{flex:1;margin:0;padding:10px 0;list-style:none;overflow-y:auto}.toc-item[data-v-6b36a66a]{cursor:pointer;color:#4a5568;border-bottom:1px solid #f0f0f0;padding:12px 20px;transition:background-color .2s}.toc-item[data-v-6b36a66a]:hover{color:#667eea;background-color:#eef2ff}.reader-footer[data-v-6b36a66a]{text-align:center;color:#a0aec0;background:#fff;padding:12px;font-size:13px}.btn[data-v-6b36a66a]{cursor:pointer;border:none;border-radius:8px;margin:5px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s}.btn-primary[data-v-6b36a66a]{color:#fff;background:linear-gradient(135deg,#0d0d0d 0%,#2d1f4e 50%,#4a1f6b 100%)}.btn-secondary[data-v-6b36a66a]{color:#4a5568;background:#e2e8f0}.fixed-menu[data-v-6b36a66a]{z-index:1000;position:fixed;top:50%;right:15px;transform:translateY(-50%)}.menu-toggle[data-v-6b36a66a]{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .3s;display:flex;box-shadow:0 2px 12px #00000026}.menu-toggle[data-v-6b36a66a]:hover{transform:scale(1.1);box-shadow:0 4px 16px #0003}.menu-panel[data-v-6b36a66a]{background:#fff;border-radius:12px;width:300px;position:absolute;top:50%;right:55px;overflow:hidden;transform:translateY(-50%);box-shadow:-4px 0 20px #00000026}.menu-section[data-v-6b36a66a]{padding:15px}.menu-section h4[data-v-6b36a66a]{color:#2d3748;margin:0 0 12px;font-size:14px}.toc-toggle[data-v-6b36a66a]{text-align:left;color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.toc-toggle[data-v-6b36a66a]:hover{background-color:#f7fafc}.toc-toggle .arrow[data-v-6b36a66a]{color:#a0aec0;font-size:12px}.toc-container[data-v-6b36a66a]{max-height:200px;margin-top:8px;overflow-y:auto}.menu-divider[data-v-6b36a66a]{background:#e2e8f0;height:1px}.setting-group[data-v-6b36a66a]{margin-bottom:25px}.setting-group label[data-v-6b36a66a]{color:#4a5568;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.theme-options[data-v-6b36a66a]{flex-wrap:wrap;gap:12px;display:flex}.theme-btn[data-v-6b36a66a]{cursor:pointer;border:2px solid #0000;border-radius:8px;width:40px;height:40px;transition:all .2s}.theme-btn[data-v-6b36a66a]:hover{transform:scale(1.1)}.theme-btn.active[data-v-6b36a66a]{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.font-select[data-v-6b36a66a]{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px;font-size:14px}.font-size-slider[data-v-6b36a66a]{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.font-size-slider[data-v-6b36a66a]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #667eea4d}.font-size-slider[data-v-6b36a66a]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #667eea4d}.selection-toolbar[data-v-6b36a66a]{z-index:2000;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;animation:.15s ease-out toolbarIn-6b36a66a;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 6px 20px #0000002e}@keyframes toolbarIn-6b36a66a{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.toolbar-colors[data-v-6b36a66a]{gap:6px;display:flex}.toolbar-divider[data-v-6b36a66a]{background:#e2e8f0;width:1px;height:24px;margin:0 4px}.color-btn[data-v-6b36a66a]{cursor:pointer;border:2px solid #fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 0 0 1px #cbd5e0}.color-btn[data-v-6b36a66a]:hover{transform:scale(1.15)}.color-btn.active[data-v-6b36a66a]{box-shadow:0 0 0 2px #667eea}.toolbar-btn[data-v-6b36a66a]{color:#4a5568;cursor:pointer;white-space:nowrap;background:#f7fafc;border:none;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.toolbar-btn[data-v-6b36a66a]:hover{color:#667eea;background:#eef2ff}.fav-btn[data-v-6b36a66a]:hover{color:#f59e0b}.note-form[data-v-6b36a66a]{flex-direction:column;gap:16px;display:flex}.note-selected-text[data-v-6b36a66a]{color:#4a5568;background:#f7fafc;border-left:3px solid #667eea;border-radius:0 8px 8px 0;max-height:120px;margin:0;padding:12px 15px;font-style:italic;line-height:1.7;overflow-y:auto}.note-form .form-group label[data-v-6b36a66a]{color:#2d3748;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.note-form textarea[data-v-6b36a66a]{resize:vertical;box-sizing:border-box;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;min-height:100px;padding:12px 15px;font-size:14px}.note-form textarea[data-v-6b36a66a]:focus{border-color:#667eea}.color-picker[data-v-6b36a66a]{gap:12px;display:flex}.fav-checkbox[data-v-6b36a66a]{cursor:pointer;color:#4a5568;align-items:center;gap:8px;font-size:14px;display:flex}.fav-checkbox input[data-v-6b36a66a]{accent-color:#667eea;width:18px;height:18px}.note-form .btn[data-v-6b36a66a]{align-self:flex-end}@media (width<=768px){.nav-btn[data-v-6b36a66a]{width:40px;font-size:30px}.toc-panel[data-v-6b36a66a]{width:250px}}