优化ui布局

assets/style.css

@@ -686,6 +686,8 @@ body.loaded .layout {
     overflow: hidden;
     max-height: 2.8em;
     word-break: break-word;
+    text-overflow: ellipsis;
+    width: 100%;
 }
 
 /* 添加编辑按钮 */
@@ -1023,6 +1025,21 @@ body.loaded .layout {
         margin-bottom: 0.8rem;
     }
     
+    .site-card h3 {
+        font-size: 0.95rem;
+        margin-bottom: 0.4rem;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 100%;
+    }
+    
+    .site-card p {
+        font-size: 0.85rem;
+        line-height: 1.3;
+        max-height: 2.6em;
+    }
+    
     /* 在移动端的主题切换按钮 */
     .theme-toggle {
         bottom: 1rem;
@@ -1067,12 +1084,17 @@ body.loaded .layout {
     .site-card h3 {
         font-size: 0.9rem;
         margin-bottom: 0.3rem;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 100%;
     }
 
     .site-card p {
         font-size: 0.8rem;
         -webkit-line-clamp: 2;
         max-height: 2.4em;
+        line-height: 1.2;
     }
 }
 
@@ -1100,12 +1122,17 @@ body.loaded .layout {
     .site-card h3 {
         font-size: 0.85rem;
         margin-bottom: 0.25rem;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 100%;
     }
     
     .site-card p {
         font-size: 0.75rem;
         -webkit-line-clamp: 2;
-        max-height: 2.2em;
+        max-height: 2.5em;
+        line-height: 1.15;
     }
 }