/**
 * 雅书采集 · 前台（发布后的文章正文）
 *
 * 只在正文中出现 yc-meta / yc-toc 时才加载，不影响其它页面。
 */

/* 1. 出版社信息：纯表格 */
.yc-meta {
	width: 100%;
	max-width: 680px;
	border-collapse: collapse;
	margin: 10px 0 18px;
	font-size: 15px;
	line-height: 1.7;
}

.yc-meta th,
.yc-meta td {
	border: 1px solid #dcdcde;
	padding: 9px 14px;
	text-align: left;
	vertical-align: top;
}

.yc-meta th {
	width: 110px;
	background: #f6f7f7;
	font-weight: 600;
	color: #1d2327;
	white-space: nowrap;
}

.yc-meta td {
	color: #3c434a;
}

/* 2. 图片信息：居中 */
.yc-cover {
	text-align: center;
	margin: 10px 0 18px;
}

.yc-cover img {
	display: inline-block;
	max-width: 100%;
	width: 300px;
	height: auto;
	border-radius: 4px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .12);
}

/* 3. 目录：浅灰卡片
 *
 * ⚠️ 为什么写这么长一串选择器：
 *    主题 main.css 有 `.entry-content pre { background:#0f172a; color:#e2e8f0 }`（深色），
 *    dark.css 有 `html[data-es-scheme="dark"] .entry-content pre { background:#05070d }`（近黑）。
 *    单写 `.yc-toc` 的特异度只有 (0,1,0)，会被 (0,1,1) 和 (0,2,1) 覆盖，
 *    目录就变成黑底白字了。下面三条特异度分别是 (0,1,1) / (0,2,1) / (0,3,2)，
 *    稳赢主题规则，且不需要 !important。
 */
pre.yc-toc,
.entry-content pre.yc-toc,
html[data-es-scheme="dark"] .entry-content pre.yc-toc {
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	padding: 16px 18px;
	margin: 10px 0 18px;
	max-height: 520px;
	overflow: auto;
	color: #2c3338;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.9;
	white-space: pre-wrap;
	word-break: break-word;
}

/* 暗色模式：dark.css 第 635 行本来就有 .yc-toc 的暗色适配，但它的特异度
   (0,2,0) 打不过主题的 html[data-es-scheme="dark"] .entry-content pre (0,2,1)，
   暗色下目录才会变成近黑 #05070d。这里用同一批主题变量把特异度提上来，
   不写死色值，保持与主题暗色体系一致。 */
html[data-es-scheme="dark"] .entry-content pre.yc-toc {
	background: var(--esd-surface-2);
	border-color: var(--esd-line);
	color: var(--esd-ink-2);
}