对齐内容主线页骨架

assets/css/frontend/layout.css

@@ -1,11 +1,34 @@
 /* ========== 面包屑 — 对齐 zibll .breadcrumb ========== */
+.breadcrumbs-wrap {
+  margin-bottom: 18px;
+}
+
 .breadcrumbs {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   font-size: 13px;
   color: var(--muted-2-color, #999);
-  margin-bottom: 12px;
   opacity: 0.8;
 }
 
+.breadcrumbs__item {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+}
+
+.breadcrumbs__item a,
+.breadcrumbs__item span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
 .breadcrumbs a {
   color: var(--muted-2-color, #999);
 }
@@ -23,6 +46,10 @@
   .breadcrumbs {
     font-size: 12px;
   }
+
+  .breadcrumbs-wrap {
+    margin-bottom: 14px;
+  }
 }
 
 /* 封面内面包屑 */
@@ -33,6 +60,14 @@
 }
 
 /* ========== 主布局 ========== */
+.content-main {
+  width: 100%;
+}
+
+.content-main--single {
+  max-width: 100%;
+}
+
 .content-shell {
   width: 100%;
   margin: 0 auto;
@@ -348,6 +383,45 @@
   margin-top: 10px;
 }
 
+
+.content-stream {
+  display: grid;
+  gap: 20px;
+}
+
+.content-main--archive,
+.content-main--tag,
+.content-main--category,
+.content-main--search,
+.content-main--single {
+  display: grid;
+  gap: 20px;
+}
+
+.content-stream__list {
+  width: 100%;
+}
+
+.content-stream__footer {
+  margin-top: 4px;
+}
+
+.content-stream__footer > .content-stream__footer-nav,
+.archive__ajax-wrap > .content-stream__footer-nav {
+  margin-top: 0;
+}
+
+.content-stream__empty {
+  padding: 28px 24px;
+  border-radius: var(--radius-lg);
+  background: var(--surface-1);
+  border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.08));
+}
+
+.article-shell {
+  overflow: hidden;
+}
+
 /* AJAX 筛选加载状态 */
 .archive__ajax-wrap {
   position: relative;