视觉系统主干落地:对齐 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

+15 -10
View File
@@ -61,8 +61,9 @@
.aksrt-cart-page__panel {
background: var(--surface-1, #fff);
border: 1px solid var(--color-line, #e3e8ef);
border-radius: var(--radius-lg, 18px);
border: 1px solid rgba(255, 255, 255, 0.55);
box-shadow: var(--shadow-sm);
border-radius: var(--radius-2xl, 16px);
padding: 20px;
}
@@ -85,9 +86,10 @@
align-items: center;
gap: 14px;
padding: 16px;
border: 1px solid var(--color-line, #ecf0f5);
border-radius: var(--radius);
background: var(--surface-2, #f8fafc);
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: var(--radius-lg, 10px);
background: var(--surface-4, #f8fafc);
box-shadow: var(--shadow-sm);
}
.aksrt-cart-page__item-image {
@@ -144,8 +146,8 @@
gap: 10px;
padding: 14px;
border: 1px solid var(--color-line, #dde3eb);
border-radius: var(--radius);
background: var(--surface-1, #fff);
border-radius: var(--radius-lg);
background: var(--surface-4, #fff);
}
.aksrt-cart-page__option-body {
@@ -335,18 +337,21 @@
.aksrt-modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.45);
background: rgba(18, 18, 18, 0.48);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.aksrt-modal__dialog {
position: relative;
background: var(--surface-1, #fff);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.58);
border-radius: var(--radius-2xl, 16px);
width: 90%;
max-width: 520px;
max-height: 85vh;
overflow-y: auto;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
box-shadow: var(--shadow-drawer);
}
.aksrt-modal__header {