/**
 * 小辉文章短代码合集 - 子比主题适配层
 * 将子比全局 CSS 变量映射到组件变量，视觉与主题无缝衔接。
 * 深色模式：子比通过 .dark-theme 类切换变量，此处同步覆写。
 */

.xhsc-collapse,
.xhsc-posts,
.xhsc-title-plane {
	/* 强调色走 --theme-color（子比主题色），文字/边框/背景走各自变量 */
	--xhsc-primary: var(--theme-color, #49a4ff);
	--xhsc-border: var(--main-border-color, #e5e6eb);
	--xhsc-bg: var(--main-bg-color, #fff);
	--xhsc-text: var(--key-color, #303133);
	--xhsc-muted: var(--muted-2-color, #909399);
	--xhsc-radius: 8px;
}

/* 卡片风折叠面板：贴合子比 theme-box 的卡片质感 */
.xhsc-collapse.xhsc-style-card {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

/* 注意：此处不要再对 .xhsc-icon::before/::after 设置 background，
   否则会与箭头图标的 background:none 同特异性冲突（后加载覆盖），箭头会变成实心菱形。
   图标颜色链：shortcode.css 的 background/border 引用 --xhsc-primary，
   上面变量块已将其映射为 var(--theme-color)，子比下自动跟随主题色。 */

/* mini 小卡间距贴合子比 posts-mini 的节奏（走全局缝隙变量） */
.xhsc-post-mini {
	padding: var(--xhsc-gap, 7px) 0;
}

/* 文章卡片（postsbox）缝隙对齐站点 7px 体系：子比默认 margin-bottom 20px 过大 */
.wp-posts-content .article-postsbox {
	margin-bottom: var(--xhsc-gap, 7px);
}

/* 深色模式：半透明面板底色，避免纯白突兀 */
.dark-theme .xhsc-collapse.xhsc-style-card,
.dark-theme .xhsc-post-card {
	background: rgba(255, 255, 255, 0.04);
}

/* 标题面板深色模式：背景参考 CoreNext 原版不适配（浅蓝底 #e2edfa 深色下保留）；
   文字色在基础层钉死 #777（子比浅色灰值），深浅模式恒定不切换（用户定稿 2026-09-11） */

.dark-theme .xhsc-posts-empty {
	background: rgba(245, 108, 108, 0.08);
}