feat: topbar legacy-sync button, card view mode with cover fallback, year/month/day archives, richer page cache admin, stylevar repeater editor

- topbar: Livewire LegacySyncButton next to 写文章 (moved from user menu)
- view modes: add 图文(card) grid with cover fallback chain (cover → attachment → first content image → placeholder); list mode now title-only compact
- archives: year/month/day index grid
- page cache admin: size + expiry columns, total size, cache policy note
- theme inject: stylevars switch from KeyValue to Repeater with multi-line HTML editing
- import: html_entity_decode for category/post-title/link/keywords/comment author

public/themes/sablog/style.css

@@ -102,6 +102,90 @@ a:hover {
     padding: 18px 20px;
     margin-bottom: 16px;
 }
+/* 列表模式：纯标题列表，紧凑 */
+.post-list-list .post-card {
+    padding: 8px 20px;
+    margin-bottom: 0;
+    border-bottom: none;
+}
+.post-list-list .post-card:last-child {
+    border-bottom: 1px solid #d8dfe6;
+    margin-bottom: 16px;
+}
+.post-list-list .post-card .post-title {
+    font-size: 15px;
+    margin-bottom: 2px;
+    display: inline;
+}
+.post-list-list .post-card .post-meta {
+    display: inline;
+    margin-left: 10px;
+}
+/* 图文模式：卡片网格 */
+.post-list-card {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16px;
+    margin-bottom: 16px;
+}
+.post-list-card .post-card {
+    margin-bottom: 0;
+    padding: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+}
+.post-list-card .post-cover {
+    display: block;
+    aspect-ratio: 16 / 10;
+    background: #eef2f5;
+    overflow: hidden;
+}
+.post-list-card .post-cover img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+}
+.post-cover-placeholder {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    padding: 12px;
+    color: #7a8a99;
+    font-size: 14px;
+    text-align: center;
+    background: linear-gradient(135deg, #eef2f5 0%, #dde7ee 100%);
+}
+.post-list-card .post-card-body {
+    padding: 12px 14px;
+    flex: 1;
+}
+.post-list-card .post-title {
+    font-size: 15px;
+    margin-bottom: 6px;
+}
+.post-list-card .post-excerpt {
+    font-size: 13px;
+    color: #666;
+    margin-bottom: 8px;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+@media (max-width: 1024px) {
+    .post-list-card {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+@media (max-width: 640px) {
+    .post-list-card {
+        grid-template-columns: 1fr;
+    }
+}
+
 .post-card.sticky {
     border-left: 4px solid #f60;
 }
@@ -347,7 +431,7 @@ a:hover {
 
 /* 兜底页面（归档/标签云/友链/评论/登录等使用默认布局） */
 .container.main-layout {
-    max-width: 960px;
+    max-width: 1380px;
     margin: 0 auto;
 }
 .main-layout {
@@ -452,6 +536,63 @@ a:hover {
     margin: 4px 0 10px 20px;
 }
 
+/* 年/月/日索引归档 */
+.archive-months {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 10px;
+    margin-bottom: 18px;
+}
+.archive-month {
+    border: 1px solid #e5e5e5;
+    border-radius: 4px;
+    padding: 8px 10px;
+    background: #fafafa;
+}
+.archive-month.is-empty {
+    opacity: .45;
+    background: transparent;
+}
+.archive-month-title {
+    display: block;
+    font-size: 13px;
+    font-weight: bold;
+    margin-bottom: 4px;
+}
+.archive-month.has-posts .archive-month-title:hover {
+    text-decoration: underline;
+}
+.archive-month-title .count {
+    color: #999;
+    font-weight: normal;
+    font-size: 12px;
+}
+.archive-days {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+}
+.archive-day {
+    display: inline-block;
+    min-width: 22px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 20px;
+    border-radius: 3px;
+    background: #e8f0f8;
+    color: #1c62b0;
+    text-decoration: none;
+}
+.archive-day:hover {
+    background: #1c62b0;
+    color: #fff;
+}
+@media (max-width: 768px) {
+    .archive-months {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
 .links-list {
     list-style: none;
 }