徽章样式补充卡片上下文(.atk-fl-card):卡片已移出.atk-comment导致博主徽章露出Artalk内联蓝底
Deploy to Production / pre-check (push) Canceled after 22s
Deploy to Production / build (push) Canceled after 0s
Deploy to Production / deploy-edgeone (push) Canceled after 0s
Deploy to Production / finalize (push) Canceled after 0s
Deploy to Production / notify-failure (push) Canceled after 0s

This commit is contained in:
zqlit committed 2026-10-03 17:22:58 +08:00
1 parent c952620fd6
commit 627b6e6512
1 file changed
+12 -3
+12 -3
View File
@@ -24,12 +24,19 @@
注:margin-right 清零是为了不叠加 Artalk 给"非最后一个徽章"的 6px 右间距 注:margin-right 清零是为了不叠加 Artalk 给"非最后一个徽章"的 6px 右间距
(否则 徽章→徽章 间距一宽一窄,看起来不齐)。 */ (否则 徽章→徽章 间距一宽一窄,看起来不齐)。 */
.atk-comment .atk-cmt-badge, .atk-comment .atk-cmt-badge,
.atk-fl-card .atk-cmt-badge,
.atk-comment .atk-badge, .atk-comment .atk-badge,
.atk-fl-card .atk-badge,
.atk-comment .atk-pinned-badge, .atk-comment .atk-pinned-badge,
.atk-fl-card .atk-pinned-badge,
.atk-comment .atk-title-badge, .atk-comment .atk-title-badge,
.atk-fl-card .atk-title-badge,
.atk-comment .atk-link-badge, .atk-comment .atk-link-badge,
.atk-fl-card .atk-link-badge,
.atk-comment .atk-feed-badge, .atk-comment .atk-feed-badge,
.atk-comment .atk-rank-badge { .atk-fl-card .atk-feed-badge,
.atk-comment .atk-rank-badge,
.atk-fl-card .atk-rank-badge {
display: inline-block !important; display: inline-block !important;
margin-left: 4px !important; margin-left: 4px !important;
margin-right: 0 !important; margin-right: 0 !important;
@@ -64,13 +71,15 @@
} }
/* 博主(.atk-badge):实底 —— 白字 + 浅黑底 /* 博主(.atk-badge):实底 —— 白字 + 浅黑底
(!important 是为了盖掉 Artalk 写在元素上的内联背景色) */ (!important 是为了盖掉 Artalk 写在元素上的内联背景色) */
.atk-comment .atk-badge { .atk-comment .atk-badge,
.atk-fl-card .atk-badge {
border: 1px solid #333333; border: 1px solid #333333;
color: #ffffff !important; color: #ffffff !important;
background: #333333 !important; background: #333333 !important;
} }
/* 置顶徽章:实底 —— 白字 + 浅红底(比 #d9534f / #ff6262 更浅,不刺眼) */ /* 置顶徽章:实底 —— 白字 + 浅红底(比 #d9534f / #ff6262 更浅,不刺眼) */
.atk-comment .atk-pinned-badge { .atk-comment .atk-pinned-badge,
.atk-fl-card .atk-pinned-badge {
border: 1px solid #e05a5a; border: 1px solid #e05a5a;
color: #ffffff !important; color: #ffffff !important;
background: #e05a5a !important; background: #e05a5a !important;