补充主题静态资源与归档模板

2026-07-03 23:15:11 +08:00
parent 1268a55dd0
commit 3247db7ed1
265 changed files with 59174 additions and 0 deletions
@@ -0,0 +1,124 @@
+/* ========== 空状态 — 对齐 zibll empty state ========== */
+.empty-state {
+  text-align: center;
+  padding: 60px 20px;
+  color: var(--color-ink-3, #777);
+}
+
+.empty-state__icon {
+  font-size: 56px;
+  color: var(--surface-3, #e8e8e8);
+  margin-bottom: 16px;
+  line-height: 1;
+}
+
+.empty-state__icon i {
+  display: inline-block;
+}
+
+.empty-state__title {
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--color-ink-2, #4e5358);
+  margin-bottom: 8px;
+}
+
+.empty-state__desc {
+  font-size: 13px;
+  color: var(--color-ink-4, #999);
+  margin-bottom: 20px;
+  max-width: 320px;
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 1.6;
+}
+
+.empty-state__action {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+/* 空状态变体 */
+.empty-state--sm {
+  padding: 30px 16px;
+}
+
+.empty-state--sm .empty-state__icon {
+  font-size: 40px;
+}
+
+.empty-state--sm .empty-state__title {
+  font-size: 14px;
+}
+
+.empty-state--sm .empty-state__desc {
+  font-size: 12px;
+}
+
+/* 评论空状态 */
+.comments-empty {
+  text-align: center;
+  padding: 40px 20px;
+}
+
+.comments-empty__icon {
+  font-size: 48px;
+  color: var(--surface-3, #e8e8e8);
+  margin-bottom: 12px;
+}
+
+.comments-empty__text {
+  font-size: 14px;
+  color: var(--color-ink-3, #777);
+  margin-bottom: 4px;
+}
+
+.comments-empty__hint {
+  font-size: 12px;
+  color: var(--color-ink-4, #999);
+}
+
+/* 搜索空状态 */
+.search-empty {
+  text-align: center;
+  padding: 80px 20px;
+}
+
+.search-empty__icon {
+  font-size: 64px;
+  color: var(--surface-3, #e8e8e8);
+  margin-bottom: 16px;
+}
+
+.search-empty__title {
+  font-size: 18px;
+  font-weight: 500;
+  color: var(--color-ink-2, #4e5358);
+  margin-bottom: 8px;
+}
+
+.search-empty__suggestions {
+  font-size: 13px;
+  color: var(--color-ink-4, #999);
+}
+
+.search-empty__suggestions a {
+  color: var(--color-primary, #f04494);
+  text-decoration: none;
+}
+
+.search-empty__suggestions a:hover {
+  text-decoration: underline;
+}
+
+/* 移动端 */
+@media (max-width: 767px) {
+  .empty-state {
+    padding: 40px 16px;
+  }
+
+  .empty-state__icon {
+    font-size: 44px;
+  }
+}