fix(frontend): align layouts posts and widgets with zibll

assets/css/frontend/post-card.css

@@ -43,14 +43,13 @@ article.posts-item,
     opacity: 1;
 }
 
-/* Custom element <posts> is inline by default — force block layout here only,
-   scoped so it never overrides .posts-item.card inline-block grid (Phase 1 fix). */
+/* Custom element <posts> is inline by default. */
 posts.posts-item {
     display: block;
 }
 
 .posts-item.list {
-    display: block;
+    display: flex;
     width: 100%;
     font-size: 1rem;
 }
@@ -97,6 +96,40 @@ body.dark-theme .posts-item:hover {
         margin: 5px;
         padding: 8px;
     }
+
+    .posts-item:not(.card) .item-thumbnail {
+        width: 138px;
+    }
+
+    .posts-mini .item-thumbnail,
+    .posts-item.list.style2 .item-thumbnail {
+        width: 90px;
+    }
+
+    .posts-item .post-graphic:not(.order1) {
+        margin-right: 15px;
+    }
+
+    .posts-item .order1.post-graphic {
+        margin-left: 15px;
+    }
+
+    .posts-item .item-heading {
+        font-size: 15px;
+    }
+
+    .posts-item:not(.no-thumb) .item-excerpt {
+        display: none;
+    }
+
+    .posts-item.mult-thumb .thumb-items > span {
+        width: calc(33.333% - 6px);
+        padding-bottom: calc(var(--posts-list-scale, 70%) / 3);
+    }
+
+    .posts-item.mult-thumb .thumb-items > span:nth-child(4) {
+        display: none;
+    }
 }
 
 /* ============================================================
@@ -113,10 +146,17 @@ body.dark-theme .posts-item:hover {
     width: 190px;
     height: 0;
     padding-bottom: var(--posts-list-scale, 70%);
-    float: left;
+}
+
+.posts-item .post-graphic:not(.order1) {
     margin-right: 20px;
 }
 
+.posts-item .order1.post-graphic {
+    margin-right: 0;
+    margin-left: 20px;
+}
+
 /* 卡片模式缩略图 */
 .posts-item.card .item-thumbnail {
     width: 100%;
@@ -334,12 +374,6 @@ body.dark-theme .posts-item:hover {
 /* ============================================================
  * 列表模式 clearfix — 对齐 zibll float 布局
  * ============================================================ */
-.posts-item:not(.card)::after {
-    content: "";
-    display: table;
-    clear: both;
-}
-
 /* ============================================================
  * Mini 文章列表 — 对齐 zibll .posts-mini line 7903
  * ============================================================ */