模板:某不知名鸽子/common.css：修订间差异

2026年10月9日 (五) 14:13的版本

/* ===== 二级标题 ===== */
.mw-parser-output h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1.2em 0 0.6em;
	padding-bottom: 0.25em;
	border-bottom:0 solid #000;
}
.mw-parser-output h2::before {
	content: "";
	display: inline-block;
	width: 0.22em;
	height: 1em;
	margin-right: 0.4em;
	background: #444444;
	border-radius: 0;
	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: 0;
	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: 0;
	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: 0;
	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 ;
    font-weight: bold;
}
.mw-parser-output .mw-collapsible-text {
	color: #ffffff ;
}
/* ============================================================
   页面背景装饰：飘浮圆环 + 飘带
   ============================================================ */

/* ---------- 飘浮圆环：共用样式 ---------- */
body::before,
body::after {
	content: "";
	position: fixed;
	left: 3vw;
	bottom: -5vh;
	border-radius: 50%;
	z-index: 0;
	/* 用径向渐变画出“空心、边缘模糊”的浅灰圆环 */
	background: radial-gradient(circle,
		rgba(180, 180, 180, 0)    38%,
		rgba(175, 175, 175, 0.42) 54%,
		rgba(175, 175, 175, 0.42) 72%,
		rgba(180, 180, 180, 0)    88%);
	filter: blur(1.5px);
	animation: ringFloat linear infinite;
}

/* 第一个圆环：小、快 */
body::before {
	width: 44px;
	height: 44px;
	margin-left: -22px;
	animation-duration: 15s;
	animation-delay: 0s;
}

/* 第二个圆环：大、慢、错开时间 */
body::after {
	width: 72px;
	height: 72px;
	margin-left: -36px;
	animation-duration: 22s;
	animation-delay: -10s;
}

/* 从左下角往右上角飘，边飘边淡出 */
@keyframes ringFloat {
	0% {
		transform: translate(0, 0) scale(0.55);
		opacity: 0;
	}
	12% { opacity: 0.9; }
	78% { opacity: 0.5; }
	100% {
		transform: translate(78vw, -95vh) scale(1.35);
		opacity: 0;
	}
}

/* ---------- 飘带：斜向的柔和光带，明暗有变化 ---------- */
#content::before {
	content: "";
	position: fixed;
	left: -15vw;
	bottom: -20vh;
	width: 130vw;
	height: 80vh;
	z-index: 0;
	background: linear-gradient(128deg,
		rgba(200, 200, 200, 0)    0%,
		rgba(185, 185, 185, 0.10) 18%,
		rgba(240, 240, 240, 0.26) 36%,
		rgba(165, 165, 165, 0.12) 52%,
		rgba(225, 225, 225, 0.20) 70%,
		rgba(200, 200, 200, 0)    100%);
	border-radius: 45% 55% 0 0 / 70% 70% 0 0;
	filter: blur(22px);
	transform: rotate(-16deg);
	transform-origin: left bottom;
	animation: ribbonSway 26s ease-in-out infinite alternate;
}

/* 飘带缓慢扭动 */
@keyframes ribbonSway {
	0%   { transform: rotate(-16deg) translate(-1%, 0); }
	100% { transform: rotate(-12deg) translate(1%, -1%); }
}