/**
 * 代码块样式：行内代码 + 带复制按钮的块代码
 * 子主题 bricks-child，与 Bricks 默认 pre 样式并存，此处覆盖/增强
 */

/* -------------------------------------------------------------------------
   行内代码（段落中的 code，非 pre 内的）
   ------------------------------------------------------------------------- */
:not(pre) > code {
	--code-inline-bg: var(--bricks-bg-light, #f5f6f7);
	--code-inline-border: var(--bricks-border-color, #e2e4e6);
	--code-inline-text: #c7254e;
	background-color: var(--code-inline-bg);
	color: var(--code-inline-text);
	font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
	font-size: 0.9em;
	padding: 0.2em 0.45em;
	border-radius: 4px;
	border: 1px solid var(--code-inline-border);
	white-space: pre-wrap;
	word-break: break-word;
}

/* 深色模式：Bricks Advanced Themer 使用 html[data-theme="dark"] */
[data-theme="dark"] :not(pre) > code {
	--code-inline-bg: rgba(255, 255, 255, 0.08);
	--code-inline-border: rgba(255, 255, 255, 0.12);
	--code-inline-text: #e06c75;
}

/* -------------------------------------------------------------------------
   块代码容器（由 JS 包装 pre 生成）
   ------------------------------------------------------------------------- */
.code-block-wrapper {
	--code-block-bg: #1a1b1e;
	--code-block-text: #abb2bf;
	--code-block-border: rgba(255, 255, 255, 0.06);
	--code-block-radius: 6px;
	position: relative;
	margin: 1em 0;
	border-radius: var(--code-block-radius);
	background: var(--code-block-bg);
	border: 1px solid var(--code-block-border);
	overflow: hidden;
}

/* 深色页面下代码块略提亮边框，与背景区分 */
[data-theme="dark"] .code-block-wrapper {
	--code-block-border: rgba(255, 255, 255, 0.1);
}
.code-block-wrapper { --code-block-max-height: 39rem; }
.code-block-wrapper pre {
	margin: 0;
	padding: 14px 16px 14px 16px;
	padding-right: 52px; /* 留出复制按钮空间 */
	background: transparent !important;
	color: var(--code-block-text) !important;
	font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
	font-size: 13px;
	line-height: 1.55;
	white-space: pre;
	max-height: var(--code-block-max-height, 24rem);
	overflow: auto;
	border: none;
	border-radius: 0;
}

.code-block-wrapper pre code {
	background: none !important;
	color: inherit !important;
	padding: 0 !important;
	border: none !important;
	font-size: inherit;
}

/* 语法高亮（Highlight.js）时保留主题颜色，不覆盖 */
.code-block-wrapper pre code.hljs {
	background: transparent !important;
	color: unset !important;
}

/* 代码块细窄滚动条（.code-block-wrapper pre 与 未包装的 pre 共用） */
.code-block-wrapper pre,
pre:not(.code-block-wrapper pre) {
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}
.code-block-wrapper pre::-webkit-scrollbar,
pre:not(.code-block-wrapper pre)::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.code-block-wrapper pre::-webkit-scrollbar-track,
pre:not(.code-block-wrapper pre)::-webkit-scrollbar-track {
	background: transparent;
}
.code-block-wrapper pre::-webkit-scrollbar-thumb,
pre:not(.code-block-wrapper pre)::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 3px;
}
.code-block-wrapper pre::-webkit-scrollbar-thumb:hover,
pre:not(.code-block-wrapper pre)::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.35);
}
.code-block-wrapper pre::-webkit-scrollbar-corner,
pre:not(.code-block-wrapper pre)::-webkit-scrollbar-corner {
	background: transparent;
}

/* 复制按钮 */
.code-block-copy {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 64px;
	height: 28px;
	padding: 0 10px;
	font-size: 12px;
	font-family: inherit;
	color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.code-block-copy:hover {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	border-color: rgba(255, 255, 255, 0.2);
}

.code-block-copy:active {
	transform: scale(0.98);
}

.code-block-copy.copied {
	background: rgba(34, 197, 94, 0.2);
	border-color: rgba(34, 197, 94, 0.5);
	color: #4ade80;
}

.code-block-copy svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* 未包装的 pre（无复制按钮，保持统一视觉） */
pre:not(.code-block-wrapper pre) {
	--code-block-bg: #1a1b1e;
	--code-block-text: #abb2bf;
	margin: 1em 0;
	padding: 14px 16px;
	background: var(--code-block-bg) !important;
	color: var(--code-block-text) !important;
	font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
	font-size: 13px;
	line-height: 1.55;
	white-space: pre;
	max-height: var(--code-block-max-height, 24rem);
	overflow: auto;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.06);
}

pre:not(.code-block-wrapper pre) code {
	background: none !important;
	color: inherit !important;
	padding: 0 !important;
	border: none !important;
}