模板:某不知名鸽子/common.css

/* ===== 二级标题 ===== */
.mw-parser-output h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1.2em 0 0.6em;
	padding-bottom: 0.25em;
	border-bottom:0px solid #000;
}
.mw-parser-output h2::before {
	content: "";
	display: inline-block;
	width: 0.22em;
	height: 1em;
	margin-right: 0.4em;
	background: #444444;
	border-radius: 0em;
	vertical-align: -0.12em;
}

/* ===== 三级标题 ===== */
.mw-parser-output h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #202122;
	margin: 1.2em 0 0.6em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #eaecf0;
}
.mw-parser-output h3::before {
	content: "";
	display: inline-block;
	width: 0.22em;
	height: 1em;
	margin-right: 0.4em;
	background: #444444;
	border-radius: 0em;
	vertical-align: -0.12em;
}

/* ===== 四级标题 ===== */
.mw-parser-output h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #202122;
	margin: 1.2em 0 0.6em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #eaecf0;
}
.mw-parser-output h4::before {
	content: "";
	display: inline-block;
	width: 0.22em;
	height: 1em;
	margin-right: 0.4em;
	background: #444444;
	border-radius: 0em;
	vertical-align: -0.12em;
}
/* ===== 5级标题 ===== */
.mw-parser-output h5 {
	font-size: 1.0em;
	font-weight: bold;
	color: #202122;
	margin: 1.2em 0 0.6em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #eaecf0;
}
.mw-parser-output h5::before {
	content: "";
	display: inline-block;
	width: 0.22em;
	height: 1em;
	margin-right: 0.4em;
	background: #444444;
	border-radius: 0em;
	vertical-align: -0.12em;
}

.mw-parser-output pre {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 4px solid #666666;
	padding: 10px 10px;
	margin: 10px 10px;
	background: #f3f3f3;
}

.mw-parser-output blockquote {
    border-left:4px solid #666666; 
    padding:10px 10px; 
    margin:10px 10px; 
    background:#f3f3f3;
    position: relative;
}

.mw-parser-output blockquote::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 22px solid #eeeeee;   
	border-left: 22px solid transparent; 
}

.mw-parser-output code {
    border-color:#EEEEEE;
    background-color:#F3F3F3
}

.mw-parser-output hr {
	height: 5px;
	border: none;
	margin: 1em 0;
	background: repeating-linear-gradient(
		45deg,
		#dedede 0,
		#dedede 5px,
		transparent 5px,
		transparent 10px
	);
}
/* ===== ul 列表符号改成方块 ===== */
.mw-parser-output ul {
	list-style: none;
}

.mw-parser-output ul > li::before {
	content: "";
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	margin-right: 0.5em;
	margin-left: -1em;
	background: #666666;
	vertical-align: 0.05em;
}

/* ===== 有序列表：方块 + 右下角白色数字 ===== */
.mw-parser-output ol {
	list-style: none;
	counter-reset: olblock;
	margin-left: 1.6em;
	padding-left: 0;
}

.mw-parser-output .hlist ol {
	margin-left: 0;
	padding-left: 0;
}

.mw-parser-output ol > li {
	counter-increment: olblock;
}

.mw-parser-output ol > li::before {
	content: counter(olblock);
	display: inline-block;
	box-sizing: border-box;
	width: 1.6667em;
	height: 1em;
	margin-left: -2.5em;
	margin-right: 0.8333em;
	background: #666666;
	color: #fff;
	font-size: 0.6em;
	font-weight: bold;
	line-height: 1.7em;      /* 数字往下压 */
	text-align: right;       /* 数字靠右 */
	padding-right: 0.15em;
	border-radius: 0em;
	vertical-align: 0.12em;
}

/* ===== 蓝链（页面存在）===== */
.mw-parser-output a:link    { color: #5b6c9e; }   /* 低饱和靛蓝 */
.mw-parser-output a:visited { color: #837a9e; }   /* 已访问 → 低饱和灰紫 */

/* ===== 红链（页面不存在）===== */
.mw-parser-output a.new,
.mw-parser-output a.new:link    { color: #b05a5a; }  /* 低饱和红 */

.mw-parser-output a.new:visited { color: #b0854f; }  /* 已访问 → 低饱和土橘 */

/* ===== 悬停：稍微亮一点 ===== */
.mw-parser-output a:hover              { color: #6b7cb8; }
.mw-parser-output a:visited:hover      { color: #9388b0; }
.mw-parser-output a.new:hover          { color: #c96b6b; }
.mw-parser-output a.new:visited:hover  { color: #c2955c; }

/* ===== 表格整体：边框 + 底色 ===== */
.mw-parser-output table.wikitable {
	background: #fefefe;
	border: 1px solid #EEEEEE;
	border-collapse: collapse;
	margin: 1em 0;
	font-size: 0.95em;
}

/* 单元格边框 */
.mw-parser-output table.wikitable > tr > th,
.mw-parser-output table.wikitable > tr > td,
.mw-parser-output table.wikitable > * > tr > th,
.mw-parser-output table.wikitable > * > tr > td {
	border: 1px solid #EEEEEE;
	padding: 0.45em 0.75em;
	vertical-align: top;
}

/* ===== 表头：灰底 + 黑色字 + 左侧深色竖条 ===== */
.mw-parser-output table.wikitable > tr > th,
.mw-parser-output table.wikitable > * > tr > th {
	color: #1b1b1B;
	font-weight: bold;
	border-left: 10px solid #666666; 
    width:800px;
    background: linear-gradient(
		90deg,
		#666666 4px,
		#dedede 5px,
		transparent 5px,
		transparent 10px
	);
}

/* 第一列表头左侧竖条不要重复（避免双线） */
.mw-parser-output table.wikitable > tr > th:first-child,
.mw-parser-output table.wikitable > * > tr > th:first-child {
	border-left: 1px solid #DEDEDE;
}

/* ===== 可折叠表格的 [展开]/[折叠] 按钮 ===== */
.mw-parser-output .mw-collapsible-toggle {
	background: #3c4043;
	color: #ffffff;
	padding: 0.1em 0.6em;
	font-size: 0.85em;
}
.mw-parser-output .mw-collapsible-toggle a,
.mw-parser-output .mw-collapsible-toggle a:visited,
.mw-parser-output .mw-collapsible-toggle a:hover {
	color: #ffffff;
	text-decoration: none;
}
.mw-parser-output .mw-collapsible-toggle-default {
	color: #ffffff !important;
    font-weight: bold;
}
.mw-parser-output .mw-collapsible-text {
	color: #ffffff !important;
}



/* ============================================================
   长目录面板：浅灰 #f3f3f3 + 左侧深灰 #444444 竖条 + 浅黑 #222222 链接
   ============================================================ */

.pd-long-toc-root { margin: 0; padding: 0; }

.pd-long-toc-close-target {
	position: fixed; right: 16px; bottom: 16px;
	width: 1px; height: 1px;
}

/* ---------- 悬浮按钮 ---------- */
.pd-long-toc-button { position: fixed; right: 16px; bottom: 16px; z-index: 401; }
.pd-long-toc-button a {
	display: flex; align-items: center; justify-content: center;
	width: 64px; height: 44px; box-sizing: border-box;
	border: 1px solid #a2a9b1; border-radius: 6px;
	background: #f3f3f3; color: #222222; font-weight: bold;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.pd-long-toc-button a:hover,
.pd-long-toc-button a:focus { background: #e6e6e6; }

/* ---------- 面板 ---------- */
.pd-long-toc-panel {
	display: none;
	position: fixed; top: 12px; right: 0; bottom: 76px;
	width: 320px; z-index: 400;
}
.pd-long-toc-panel:target { display: block; }

.pd-long-toc-backdrop a {
	position: fixed; top: 0; right: 0; bottom: 0; left: 0;
	z-index: 0; font-size: 0;
}

/* 目录主体：浅灰底 + 左侧深灰竖条 */
.pd-long-toc-sheet {
	position: relative; z-index: 1;
	display: flex; flex-direction: column;
	height: 100%; box-sizing: border-box;
	border: 1px solid #cccccc;
	border-left: 4px solid #444444;      /* 左侧深灰竖条 */
	border-right: 0;
	border-radius: 6px 0 0 6px;
	background: #f3f3f3;                  /* 浅灰背景 */
	color: #222222;
	box-shadow: -3px 2px 12px rgba(0, 0, 0, 0.12);
}

/* 面板标题栏 */
.pd-long-toc-header {
	display: flex; align-items: center; justify-content: space-between;
	flex-shrink: 0;
	padding: 8px 12px;
	border-bottom: 1px solid #cccccc;
}
.pd-long-toc-heading { font-weight: bold; color: #222222; }

.pd-long-toc-dismiss a {
	display: inline-block; padding: 8px 4px;
	color: #222222;
	text-decoration: none;
}
.pd-long-toc-dismiss a:hover { color: #000000; }

/* ---------- 目录列表 ---------- */
.pd-long-toc-list {
	min-height: 0;
	overflow-y: auto; overflow-x: hidden;
	padding: 8px 12px;
}

.pd-long-toc-list .toc {
	display: block; width: 100%; min-width: 0;
	margin: 0; padding: 0; box-sizing: border-box;
	border: 0; background: transparent; box-shadow: none;
	font-size: 14px; line-height: 1.45;
}

.pd-long-toc-list .toctitle,
.pd-long-toc-list .toctogglecheckbox { display: none !important; }

.pd-long-toc-list .toc > ul,
.pd-long-toc-list .toctogglecheckbox:checked ~ ul {
	display: block !important; margin: 0;
}

.pd-long-toc-list .toc ul ul {
	margin-left: 12px; margin-inline-start: 12px;
}

/* 目录链接：浅黑 #222222 */
.pd-long-toc-list .toc a {
	color: #222222;
	text-decoration: none;
	overflow-wrap: anywhere;
}
.pd-long-toc-list .toc a:visited { color: #222222; }
.pd-long-toc-list .toc a:hover {
	color: #000000;
	text-decoration: underline;
}

/* 编号：用深灰 #444444，和链接区分 */
.pd-long-toc-list .tocnumber {
	display: inline; white-space: nowrap; padding: 0;
	color: #444444;
}
.pd-long-toc-list .toctext { display: inline; }
.pd-long-toc-list .toc li { margin: 6px 0; }

/* ---------- 皮肤适配 ---------- */
body.skin-timeless .pd-long-toc-panel { top: 64px; }
@media screen and (max-width: 850px) {
	body.skin-timeless .pd-long-toc-panel { top: 112px; }
}

@media screen and (max-width: 639px) {
	.pd-long-toc-panel { width: 50vw; }
	.pd-long-toc-list { padding: 8px; }
}

/* ---------- 打印 ---------- */
@media print {
	.pd-long-toc-button,
	.pd-long-toc-close-target,
	.pd-long-toc-backdrop,
	.pd-long-toc-dismiss { display: none; }

	.pd-long-toc-panel,
	.pd-long-toc-panel:target {
		display: block; position: static; width: auto;
	}
	.pd-long-toc-sheet {
		display: block; height: auto;
		border: 1px solid #a2a9b1;
		box-shadow: none;
	}
	.pd-long-toc-list { overflow: visible; }
}