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

2026-07-03 23:15:11 +08:00
1 parent 1268a55dd0
commit 3247db7ed1
@@ -0,0 +1,167 @@
+/* ========== 侧边栏 — 对齐 zibll sidebar ========== */
+.sidebar {
+  width: var(--sidebar-width, 311px);
+  flex-shrink: 0;
+}
+
+.sidebar-inner {
+  position: sticky;
+  top: calc(var(--nav-height, 60px) + 16px);
+}
+
+/* Widget 通用 */
+.widget {
+  background: var(--surface-1, #fff);
+  border-radius: var(--radius, 8px);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+  margin-bottom: 16px;
+  overflow: hidden;
+}
+
+.widget-title {
+  font-size: 15px;
+  color: var(--color-ink, #333);
+  padding-bottom: 8px;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.widget-title i {
+  color: var(--color-primary, #f04494);
+  font-size: 14px;
+}
+
+.widget-content {
+  padding: 15px;
+}
+
+.widget-content--flush {
+  padding: 0;
+}
+
+/* Widget 链接 */
+.widget a {
+  color: var(--color-ink-2, #4e5358);
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.widget a:hover {
+  color: var(--color-primary, #f04494);
+}
+
+/* Widget 标签云 */
+.widget-tag-cloud .tagcloud {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.widget-tag-cloud .tagcloud a {
+  display: inline-block;
+  padding: 3px 10px;
+  font-size: 12px !important;
+  background: var(--surface-2, #eee);
+  border-radius: 4px;
+  color: var(--color-ink-2, #4e5358);
+  transition: all 0.2s;
+}
+
+.widget-tag-cloud .tagcloud a:hover {
+  background: var(--color-primary-soft, rgba(240, 68, 148, 0.1));
+  color: var(--color-primary, #f04494);
+}
+
+/* Widget 列表 */
+.widget ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.widget ul li {
+  padding: 8px 0;
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.widget ul li:last-child {
+  border-bottom: none;
+}
+
+/* 热门文章 widget */
+.widget-hot-posts .hot-post-item {
+  display: flex;
+  gap: 10px;
+  padding: 8px 0;
+  border-bottom: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.03));
+}
+
+.widget-hot-posts .hot-post-item:last-child {
+  border-bottom: none;
+}
+
+.widget-hot-posts .hot-post-item__thumb {
+  width: 60px;
+  height: 45px;
+  border-radius: 4px;
+  object-fit: cover;
+  flex-shrink: 0;
+}
+
+.widget-hot-posts .hot-post-item__title {
+  font-size: 13px;
+  color: var(--color-ink, #333);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.widget-hot-posts .hot-post-item__meta {
+  font-size: 11px;
+  color: var(--color-ink-4, #999);
+  margin-top: 2px;
+}
+
+/* 用户卡片 widget */
+.widget-user-card {
+  text-align: center;
+  padding: 20px 16px;
+}
+
+.widget-user-card__avatar {
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  object-fit: cover;
+  margin-bottom: 10px;
+}
+
+.widget-user-card__name {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--color-ink, #333);
+  margin-bottom: 4px;
+}
+
+.widget-user-card__desc {
+  font-size: 12px;
+  color: var(--color-ink-3, #777);
+  margin-bottom: 12px;
+}
+
+/* 侧边栏响应式 */
+@media (max-width: 1200px) {
+  .sidebar {
+    width: 280px;
+  }
+}
+
+@media (max-width: 991px) {
+  .sidebar {
+    display: none;
+  }
+}