/**
 * 仅用于 page.php / content.php（.knowledge-page 包裹）
 * 替代 demos/assets/css/material-dashboard.min.css，避免改写全站导航、footer、.container 等
 */

/* —— Timeline（摘自原 MD 必要片段，全部加 .knowledge-page） —— */
.knowledge-page .timeline {
	list-style: none;
	padding: 20px 0;
	position: relative;
	margin-top: 0;
}
.knowledge-page .timeline:before {
	top: 50px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #e5e5e5;
	left: 50%;
	margin-left: -1px;
}
.knowledge-page .timeline h6 {
	color: #333;
	font-weight: 400;
	margin: 10px 0 0;
}
.knowledge-page .timeline > li,
.knowledge-page .timeline > li > .timeline-panel {
	margin-bottom: 20px;
	position: relative;
}
.knowledge-page .timeline.timeline-simple {
	margin-top: 20px;
	padding: 0 0 20px;
}
.knowledge-page .timeline.timeline-simple:before {
	left: 5%;
	background-color: #e5e5e5;
}
.knowledge-page .timeline.timeline-simple > li > .timeline-panel {
	width: 86%;
}
.knowledge-page .timeline.timeline-simple > li > .timeline-badge {
	left: 5%;
}
.knowledge-page .timeline > li:after,
.knowledge-page .timeline > li:before {
	content: " ";
	display: table;
}
.knowledge-page .timeline > li:after {
	clear: both;
}
.knowledge-page .timeline > li > .timeline-panel {
	width: 45%;
	float: left;
	padding: 20px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
	border-radius: 6px;
	color: rgba(0, 0, 0, 0.87);
	background: #fff;
}
.knowledge-page .timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #e4e4e4;
	border-right: 0 solid #e4e4e4;
	border-bottom: 15px solid transparent;
	content: " ";
}
.knowledge-page .timeline > li > .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}
.knowledge-page .timeline > li > .timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.2em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	z-index: 100;
	border-radius: 50%;
}
.knowledge-page .timeline > li > .timeline-badge.primary {
	background-color: #9c27b0;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.knowledge-page .timeline > li > .timeline-badge.success {
	background-color: #4caf50;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.knowledge-page .timeline > li > .timeline-badge.warning {
	background-color: #ff9800;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.knowledge-page .timeline > li > .timeline-badge.info {
	background-color: #00bcd4;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
	padding: 0;
}
.knowledge-page .timeline > li > .timeline-badge.danger {
	background-color: #f44336;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}
.knowledge-page .timeline > li > .timeline-badge .material-icons,
.knowledge-page .timeline > li > .timeline-badge .kb-timeline-ico {
	line-height: 50px;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
}
.knowledge-page .timeline > li.timeline-inverted > .timeline-panel {
	float: right;
	background-color: #fff;
}
.knowledge-page .timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	border-right-color: #e4e4e4;
	border-left-color: transparent;
	left: -15px;
	right: auto;
}
.knowledge-page .timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	border-right-color: #fff;
	border-left-color: transparent;
	left: -14px;
	right: auto;
}
.knowledge-page .timeline-heading {
	margin-bottom: 15px;
}

/* page.php：简化时间线 — 竖线/箭头弱化，主体内全宽 */
.knowledge-page .timeline.timeline-simple:before {
	display: none;
}
.knowledge-page .timeline.timeline-simple > li > .timeline-panel {
	width: 100%;
	float: none;
	margin-left: 0;
	margin-right: 0;
}
.knowledge-page .timeline.timeline-simple > li.timeline-inverted > .timeline-panel {
	float: none;
}
.knowledge-page .timeline.timeline-simple > li.timeline-inverted > .timeline-panel:before,
.knowledge-page .timeline.timeline-simple > li.timeline-inverted > .timeline-panel:after {
	display: none !important;
}

/* 分页（原 pg-blue 依赖 MD，此处给基础色） */
.knowledge-page .pagination.pg-blue .page-item.active .page-link {
	background-color: #1e4398;
	border-color: #1e4398;
	color: #fff;
}
.knowledge-page .pagination.pg-blue .page-link {
	color: #1e4398;
}

/* 文章页顶标题：语义 H1 + 小圆角色条（标准主标题字号） */
.knowledge-page .timeline-heading .knowledge-article-title {
	display: inline-block;
	margin: 0 0 0.75rem;
	padding: 0.35em 0.9em;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	text-transform: none;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.knowledge-page .knowledge-article-title--info {
	background-color: #00acc1;
}
.knowledge-page .knowledge-article-title--danger {
	background-color: #e53935;
}
.knowledge-page .knowledge-article-title--warning {
	background-color: #fb8c00;
}
.knowledge-page .knowledge-article-title--success {
	background-color: #43a047;
}
.knowledge-page .knowledge-article-title--primary {
	background-color: #1e4398;
}

/* —— 公众号推荐：卡片样式（正文内嵌 + 右侧固定条共用） —— */
.knowledge-gzh-rail__card {
	padding: 14px 12px;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	background: #fff;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
}
.knowledge-gzh-rail__lead {
	margin: 0 0 12px;
	padding: 10px 8px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	color: #c62828;
	text-align: center;
	letter-spacing: 0.02em;
	background: #ffeb3b;
	border: 1px solid #f9a825;
	border-radius: 8px;
}
.knowledge-gzh-rail__figure {
	margin: 0;
	padding: 0;
}
.knowledge-gzh-rail__qr {
	display: block;
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: 0 auto;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	background: #f8fafc;
}
.knowledge-gzh-rail__caption {
	margin: 8px 0 0;
	font-size: 11px;
	text-align: center;
	color: #64748b;
}

/* 文章页正文下方：窄屏展示，宽屏与固定条二选一避免重复 */
.knowledge-gzh-inline {
	margin: 22px 0 6px;
	max-width: 260px;
}
@media (min-width: 1528px) {
	.knowledge-gzh-inline {
		display: none !important;
	}
}

/* 宽屏：主栏右侧外侧固定公众号卡片 */
.knowledge-gzh-rail {
	display: none;
}
@media (min-width: 1528px) {
	.knowledge-gzh-rail {
		display: block;
		position: fixed;
		z-index: 1010;
		top: 12vh;
		width: 168px;
		right: calc((100vw - 1190px) / 2 - 168px - 14px);
		pointer-events: auto;
	}
	.knowledge-gzh-rail .knowledge-gzh-rail__qr {
		max-width: none;
		margin: 0;
	}
}
@media print {
	.knowledge-gzh-rail,
	.knowledge-gzh-inline {
		display: none !important;
	}
}