feat: 优化书签转换逻辑和分类嵌套结构

assets/style.css

@@ -1189,6 +1189,26 @@ body .content.expanded {
     width: 100%;
 }
 
+/* 当分类同时包含子分类和站点时的样式优化 */
+.category-content .subcategories-container + .sites-grid {
+    margin-top: 2rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid var(--border-color);
+}
+
+/* 当分类同时包含分组和站点时的样式优化 */
+.category-content .groups-container + .sites-grid {
+    margin-top: 2rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid var(--border-color);
+}
+
+/* 子分类容器底部间距调整 */
+.category-content .subcategories-container:not(:last-child),
+.category-content .groups-container:not(:last-child) {
+    margin-bottom: 1rem;
+}
+
 /* 确保嵌套的网站网格正确显示 */
 .category-level-2 .sites-grid,
 .group-level-3 .sites-grid,
@@ -1412,12 +1432,8 @@ body .content.expanded {
     margin: 0;
     line-height: 1.4;
     transition: color 0.3s ease;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
+    white-space: nowrap;
     overflow: hidden;
-    max-height: 2.8em;
-    word-break: break-word;
     text-overflow: ellipsis;
     width: 100%;
 }
@@ -1812,7 +1828,9 @@ body .content.expanded {
     .site-card p {
         font-size: 0.85rem;
         line-height: 1.3;
-        max-height: 2.6em;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
     
     /* 在移动端的主题切换按钮 */
@@ -1888,9 +1906,10 @@ body .content.expanded {
 
     .site-card p {
         font-size: 0.8rem;
-        -webkit-line-clamp: 2;
-        max-height: 2.4em;
         line-height: 1.2;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
 }
 
@@ -1926,9 +1945,10 @@ body .content.expanded {
     
     .site-card p {
         font-size: 0.75rem;
-        -webkit-line-clamp: 2;
-        max-height: 2.5em;
         line-height: 1.15;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
 }