加入导入书签功能

popup.css

@@ -1154,3 +1154,85 @@ h2 {
 .strength-info #crackTime {
   color: #888;
 }
+/* 书签导入对话框 */
+.bookmark-modal-content {
+  max-width: 420px;
+}
+
+.bookmark-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 8px;
+}
+
+.bookmark-select-all {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: #e0e0e0;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.bookmark-select-all input[type="checkbox"] {
+  width: auto;
+}
+
+.bookmark-toolbar input[type="text"] {
+  flex: 1;
+  padding: 4px 8px;
+  font-size: 12px;
+  background: #0f1b35;
+  border: 1px solid #0f3460;
+  border-radius: 4px;
+  color: #e0e0e0;
+}
+
+.bookmark-list {
+  max-height: 320px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-bottom: 8px;
+}
+
+.bookmark-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 8px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.bookmark-item:hover {
+  background: rgba(15, 52, 96, 0.5);
+}
+
+.bookmark-item input[type="checkbox"] {
+  width: auto;
+  flex-shrink: 0;
+}
+
+.bookmark-item-text {
+  font-size: 12px;
+  color: #e0e0e0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  min-width: 0;
+}
+
+.bookmark-item-url {
+  font-size: 10px;
+  color: #666;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 1;
+  min-width: 0;
+}