视觉系统主干落地:对齐 design tokens 与核心组件样式向 Zibll 收敛

- tokens:收紧 surface 层级/边框/圆角/阴影/间距与暗黑基线
- 组件:按钮、卡片原语、导航、侧栏、分页、模态、浮动按钮
- 首页:hero 外壳、fixed 列表/宫格、tab、skeleton/error 及各运营模块卡片化
- 内容页:单篇封面/标题/正文/blockquote/相关/TOC/上一篇下一篇、评论区
- 社区:forum board/topic/compose 子控件与卡片体系
- 交易/认证:cart/orders/revenue/product/auth 表面块与模态浮层统一
- footer:页脚主体、社交/联系、移动端 tabbar/搜索覆盖
This commit is contained in:
kate522 committed 2026-07-06 15:19:25 +08:00
1 parent 5402768f23
commit 0b5b153265
47 files changed
+542 -325

No files matched your search

+17 -11
View File
@@ -1,16 +1,20 @@
/* ========== Single Post ========== */
.entry-header,
.article-header {
margin-bottom: 24px;
margin-bottom: 28px;
padding-bottom: 18px;
border-bottom: 1px solid var(--color-line-soft);
}
/* 标题 — 对齐 zibll: 22px, bold, line-height 1.4 */
.entry-title,
.article-title {
font-size: 22px;
font-size: 28px;
font-weight: 700;
margin: 0 0 16px;
line-height: 1.4;
margin: 0 0 18px;
line-height: 1.35;
letter-spacing: -0.01em;
color: var(--color-ink);
}
.entry-meta {
@@ -38,7 +42,7 @@
/* 内容区 — 对齐 zibll: 16px, line-height 2 */
.entry-content {
font-size: 16px;
line-height: 2;
line-height: 1.95;
color: var(--color-ink);
overflow-wrap: break-word;
word-wrap: break-word;
@@ -66,12 +70,12 @@
}
.entry-content blockquote {
margin: 0 0 20px;
padding: 15px 20px;
border-left: 4px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
background: var(--muted-border-color, rgba(0, 0, 0, 0.03));
border-radius: 0;
color: var(--muted-color, #777);
margin: 0 0 24px;
padding: 18px 20px;
border-left: 4px solid var(--color-primary);
background: var(--surface-4, rgba(0, 0, 0, 0.03));
border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
color: var(--color-ink-3);
}
.entry-content img {
@@ -205,6 +209,8 @@
.related-posts {
margin-top: 48px;
padding: 20px 0 0;
border-top: 1px solid var(--color-line-soft);
}
.related-posts__title {