.bookmarks-section {margin-bottom: 50px;background: white;border-radius: 12px;padding: 0;overflow: hidden;border: 1px solid #f0f0f0;transition: all 0.3s ease;box-shadow: none;}.bookmarks-section.collapsed {border: 1px solid #f0f0f0;background: #fafafa;margin-bottom: 50px;}.bookmarks-section.collapsed .bookmarks-list {display: none;}.bookmarks-section.collapsed .bookmark-categories {display: none;}.bookmarks-section.collapsed .bookmarks-list,.bookmarks-section.collapsed .bookmark-categories,.bookmarks-section.collapsed .bookmarks-pagination {display: none !important;}.bookmarks-pagination {display: flex;justify-content: center;align-items: center;gap: 8px;padding: 16px 24px;background: white;border-top: 1px solid #f0f0f0;transition: all 0.3s ease;}.bookmarks-pagination.hidden {display: none;}.bookmark-page-btn {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: white;border: 1px solid #e0e0e0;border-radius: 8px;color: #666;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;user-select: none;}.bookmark-page-btn:hover:not(.disabled) {background: #f5f5f5;border-color: #d0d0d0;}.bookmark-page-btn.active {background: #4f46e5;color: white;border-color: #4f46e5;}.bookmark-page-btn.disabled {opacity: 0.5;cursor: not-allowed;}.bookmark-page-btn i {font-size: 12px;}.bookmark-page-info {font-size: 13px;color: #666;margin-left: 16px;}.pagination-controls {display: flex;justify-content: space-between;align-items: center;padding: 12px 24px;background: #fafafa;border-top: 1px solid #f0f0f0;}.pagination-toggle {display: flex;align-items: center;gap: 8px;background: transparent;border: 1px solid #e0e0e0;border-radius: 6px;padding: 6px 12px;font-size: 13px;color: #666;cursor: pointer;transition: all 0.2s ease;}.pagination-toggle:hover {background: #f0f0f0;border-color: #d0d0d0;}.pagination-toggle i {font-size: 12px;}.section-header {padding: 14px 24px;background: #fafafa;display: flex;justify-content: space-between;align-items: center;cursor: pointer;transition: background 0.2s ease;}.bookmarks-section.collapsed .section-header {background: #fafafa;border-bottom: none;}.section-header:hover {background: #fafafa;}.section-title {display: flex;align-items: center;gap: 12px;font-size: 12px;font-weight: 600;color: #333;margin: 0;}.section-title i.fa-chevron-down {font-size: 14px;color: #666;transition: transform 0.3s ease;}.section-tip {font-size: 14px;color: #6b7280;text-align: right;max-width: 300px;line-height: 1.4;opacity: 0.8;transition: opacity 0.3s ease;}.bookmarks-section:hover .section-tip {opacity: 1;}.bookmarks-section.collapsed .section-title i.fa-chevron-down {transform: rotate(-90deg);}.bookmarks-count {background: #4f46e5;color: white;font-size: 12px;padding: 2px 8px;border-radius: 10px;margin-left: 8px;}.bookmark-categories {display: flex;gap: 8px;padding: 12px 24px;background: #ffffff;flex-wrap: wrap;}.category-tag {display: inline-flex;align-items: center;gap: 6px;background: white;color: #666;padding: 6px 12px;border-radius: 16px;font-size: 13px;font-weight: 500;cursor: pointer;border: 1px solid #e0e0e0;transition: all 0.2s ease;}.category-tag:hover {background: #f5f5f5;border-color: #d0d0d0;}.category-tag.active {background: #4f46e5;color: white;border-color: #4f46e5;}.category-color {width: 12px;height: 12px;border-radius: 50%;display: inline-block;}.category-count {background: rgba(255, 255, 255, 0.2);padding: 1px 6px;border-radius: 10px;font-size: 11px;margin-left: 4px;}.bookmarks-list {display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: 12px;padding: 20px;min-height: 120px;background: white;}.empty-bookmarks {grid-column: 1 / -1;text-align: center;padding: 40px 20px;color: #999;}.empty-bookmarks i {font-size: 36px;margin-bottom: 12px;color: #e0e0e0;}.empty-bookmarks h3 {font-size: 14px;margin-bottom: 8px;color: #666;font-weight: 500;}.empty-bookmarks p {font-size: 13px;margin-bottom: 16px;color: #999;}.bookmark-card.dragging {opacity: 0.5;transform: scale(0.95);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);border: 2px dashed #4f46e5;background: rgba(79, 70, 229, 0.05);}.bookmark-card.drag-over {border: 2px dashed #4f46e5;background: rgba(79, 70, 229, 0.05);animation: dragOverPulse 0.6s infinite alternate;}@keyframes dragOverPulse {from {border-color: #4f46e5;background: rgba(79, 70, 229, 0.05);}to {border-color: #a5b4fc;background: rgba(79, 70, 229, 0.1);}}.bookmark-card.dragging .bookmark-title {opacity: 0.6;}.category-tag.dragging {opacity: 0.5;transform: scale(0.95);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);border: 2px dashed #4f46e5;background: rgba(79, 70, 229, 0.05);}.category-tag.drag-over {border: 2px dashed #4f46e5;background: rgba(79, 70, 229, 0.05);}.bookmark-card {display: flex;align-items: center;justify-content: center;background: white;border: 1px solid #f0f0f0;border-radius: 10px;padding: 12px;height: 60px;min-height: 60px;max-height: 60px;cursor: pointer;transition: all 0.2s ease;position: relative;text-align: center;font: inherit;color: inherit;overflow: hidden;outline: none;user-select: none;width: 100%;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.08);}.bookmark-card:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);border-color: #e0e0e0;background: #fafafa;}.bookmark-card.custom {border-color: #dfdfdf;background: #ffffff;}.bookmark-card.custom:hover {background: #f0f8ff;border-color: #90caf9;}.bookmark-category-tag {display: none !important;}.bookmark-link {display: none;}.bookmark-title {font-size: 13px;font-weight: 600;color: #333;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;word-break: break-word;text-align: center;width: 100%;max-height: 36px;pointer-events: auto;}.bookmark-context-menu {position: fixed;background: white;border-radius: 12px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);z-index: 10002;min-width: 200px;padding: 8px;backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.98);border: 1px solid rgba(0, 0, 0, 0.08);display: none;animation: contextMenuFadeIn 0.15s ease-out;}.bookmark-context-menu.show {display: block;}.context-menu-item {display: flex;align-items: center;gap: 10px;padding: 10px 16px;width: 100%;text-align: left;border: none;background: transparent;border-radius: 8px;color: #333;font-size: 14px;cursor: pointer;transition: all 0.2s ease;}.context-menu-item:hover {background: #f5f5f5;color: #4f46e5;}.context-menu-item i {width: 16px;font-size: 14px;}.context-menu-item.delete {color: #ef4444;}.context-menu-item.delete:hover {background: #fee2e2;color: #dc2626;}.context-menu-divider {height: 1px;background: #f0f0f0;margin: 6px 0;}@keyframes contextMenuFadeIn {from {opacity: 0;transform: translateY(-10px) scale(0.95);}to {opacity: 1;transform: translateY(0) scale(1);}}@media (max-width: 1200px) {.bookmarks-list {grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));gap: 10px;}}@media (max-width: 992px) {.bookmarks-list {grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));gap: 8px;}.bookmark-card {height: 58px;min-height: 58px;max-height: 58px;padding: 10px;}.bookmark-title {font-size: 12px;max-height: 34px;}}@media (max-width: 768px) {.bookmarks-section {margin: 16px -20px;border-radius: 0;border-left: none;border-right: none;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}.bookmarks-section.collapsed {border: 1px solid #f0f0f0;}.section-header {padding: 14px 20px;}.bookmarks-list {grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));padding: 16px 20px;gap: 8px;}.bookmark-card {height: 56px;min-height: 56px;max-height: 56px;padding: 8px;}.bookmark-title {font-size: 12px;max-height: 32px;}.bookmark-categories {padding: 10px 20px;overflow-x: auto;flex-wrap: nowrap;justify-content: flex-start;}}@media (max-width: 480px) {.bookmarks-list {grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));gap: 6px;}.bookmark-card {height: 54px;min-height: 54px;max-height: 54px;padding: 6px;}.bookmark-title {font-size: 11px;max-height: 30px;-webkit-line-clamp: 1;}.bookmark-context-menu {min-width: 160px;right: 10px !important;left: auto !important;}}@media (min-width: 1201px) {.bookmarks-list {grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));}}@media (min-width: 769px) and (max-width: 1024px) {.bookmarks-list {grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));}}@media (hover: hover) {.bookmark-card:hover .bookmark-title {color: #4f46e5;}.bookmark-card:hover {border-color: #4f46e5;}}.category-tag.dragging {opacity: 0.5;transform: scale(0.95);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);}.category-tag[data-category-id="all"] {cursor: pointer;}.category-tag.drag-over {border: 2px dashed #4f46e5;background: rgba(79, 70, 229, 0.05);}.context-menu {position: fixed;background: white;border-radius: 12px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);z-index: 10002;min-width: 180px;padding: 8px;backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.98);border: 1px solid rgba(0, 0, 0, 0.08);display: none;animation: fadeIn 0.15s ease-out;max-height: 80vh;overflow-y: auto;}.context-menu.show {display: block;}.context-menu-item {display: flex;align-items: center;gap: 10px;padding: 10px 16px;width: 100%;text-align: left;border: none;background: transparent;border-radius: 8px;color: #333;font-size: 14px;cursor: pointer;transition: all 0.2s ease;}.context-menu-item:hover {background: #f5f5f5;color: #4f46e5;}.context-menu-item i {width: 16px;font-size: 14px;text-align: center;}.context-menu-item.delete {color: #ef4444;}.context-menu-item.delete:hover {background: #fee2e2;color: #dc2626;}.context-menu-divider {height: 1px;background: #e2e8f0;margin: 4px 0;}.bookmark-tag {position: absolute;top: 2px;right: 2px;padding: 1px 4px;font-size: 8px;font-weight: 600;border-radius: 3px;line-height: 1;z-index: 1;pointer-events: none;letter-spacing: 0.3px;opacity: 0.9;}.tag-custom {background: #928bf8;color: white;}.tag-site {background: #928bf8;color: white;}.bookmark-card {position: relative;}.bookmark-card:hover .bookmark-tag {opacity: 1;}@keyframes fadeIn {from {opacity: 0;transform: translateY(-10px) scale(0.95);}to {opacity: 1;transform: translateY(0) scale(1);}}.context-menu {top: auto !important;bottom: auto !important;}@media (max-width: 768px) {.context-menu {min-width: 160px;max-width: 90vw;}.context-menu-item {padding: 8px 12px;font-size: 13px;}}