/*
 * Markdown 发布模块：前台样式（可在「Markdown 发布 → 设置」关闭）
 *
 * 重要：这里**不要**给 <pre> / <code> 设置 background、color、border、padding、font-size。
 *
 * 主题已经有一套完整的代码高亮体系：
 *   - assets/vendor/prism/themes/prism-okaidia.min.css  代码块底色 #272822 与 token 配色
 *   - assets/css/highlight.css                          .entry-content pre 的内边距/圆角/字体
 *   - assets/css/main.css                               .entry-content :not(pre) > code 行内代码
 * 本文件在它们之后加载，同优先级下后来者胜；用 `.mdp-markdown-post .mdp-pre`（0,2,0）
 * 这种选择器压过 Prism 的 `pre[class*=language-]`（0,1,1）会把深色底换成浅色底，
 * 而 Prism 的 token 配色仍是深色主题（正文色 #f8f8f2），结果就是浅底浅字、几乎看不见。
 * 叠加 dark 模式更是刺眼的白块。
 *
 * 所以：代码块与表格的观感交给主题；本文件只保留主题没覆盖的模块专属结构，
 * 且一律使用主题的 CSS 变量，以便跟随明暗模式。
 */

/* 表格横向滚动容器（表格本身的边框/配色由主题 main.css 负责） */
.mdp-table-wrap {
	overflow-x: auto;
	margin: 1.5em 0;
}

.mdp-table-wrap > table {
	margin: 0;
}

/* 任务列表 */
.mdp-task-item {
	list-style: none;
	margin-left: -1.2em;
}

.mdp-task {
	margin-right: 0.4em;
	vertical-align: middle;
}

/* 目录（[mdp_toc]） */
.mdp-toc {
	background: var(--aurora-star-surface-2);
	border: 1px solid var(--aurora-star-border);
	border-radius: var(--aurora-star-radius-sm);
	padding: 14px 18px;
	margin: 1.5em 0;
	font-size: 0.96em;
}

.mdp-toc-title {
	font-weight: 700;
	margin-bottom: 8px;
}

.mdp-toc-list {
	margin: 0 0 0 1.2em;
	padding: 0;
}

.mdp-toc-depth-1 {
	margin-left: 1.1em;
}

.mdp-toc-item {
	margin: 4px 0;
}

.mdp-toc-item a {
	text-decoration: none;
}

.mdp-toc-item a:hover {
	text-decoration: underline;
}

/* 脚注 */
.mdp-footnotes {
	margin-top: 2.5em;
	font-size: 0.92em;
	color: var(--aurora-star-text-2);
}

.mdp-fn-sep {
	border: 0;
	border-top: 1px solid var(--aurora-star-border);
	margin-bottom: 1em;
}

.mdp-fn-list {
	margin-left: 1.4em;
}

.mdp-fn-item {
	margin: 6px 0;
}

.mdp-fn-ref a {
	text-decoration: none;
}

.mdp-fn-back {
	text-decoration: none;
	opacity: 0.7;
}

/* 标题锚点偏移（配合固定头部） */
.mdp-markdown-post h1[id],
.mdp-markdown-post h2[id],
.mdp-markdown-post h3[id],
.mdp-markdown-post h4[id],
.mdp-markdown-post h5[id],
.mdp-markdown-post h6[id] {
	scroll-margin-top: 80px;
}
