MediaWiki:Citizen.css - 版本历史

小小白哦：页面内容被替换为“/* 这里所有CSS都会加载给Citizen皮肤的用户 */”

2026-03-03T04:57:10Z

页面内容被替换为“这里所有CSS都会加载给Citizen皮肤的用户：”

2026年2月15日 (日) 04:28 小小白哦

2026-02-15T04:28:58Z

←上一版本		2026年2月15日 (日) 12:28的版本
第189行：		第189行：

	/* ---------- 7. 福字背景（只在浅色模式显示） ---------- */		/* ---------- 7. 福字背景（只在浅色模式显示） ---------- */
	/* ===== B站弹幕风格背景 - 完整歌词版 ===== */		/* ===== B站弹幕风格背景 - 完整歌词版 =====
	:root:not(.skin-citizen-dark) .mw-body {		:root:not(.skin-citizen-dark) .mw-body {
	background-image: none;		background-image: none;
第195行：		第195行：
	overflow: hidden;		overflow: hidden;
	}		}
			*/
	/* 弹幕容器 */		/* 弹幕容器
	:root:not(.skin-citizen-dark) .mw-body::before {		:root:not(.skin-citizen-dark) .mw-body::before {
	content: '';		content: '';
第207行：		第207行：
	z-index: 0;		z-index: 0;
	}		}
			*/
	/* ===== 第1条：归零军团（红色）===== */		/* ===== 第1条：归零军团（红色）=====
	:root:not(.skin-citizen-dark) .mw-body::after {		:root:not(.skin-citizen-dark) .mw-body::after {
	content: '归零归零归归归归归零归零归零归归归归归零归零归零归归归归归零新年快乐万事如意';		content: '归零归零归归归归归零归零归零归归归归归零归零归零归归归归归零新年快乐万事如意';
第224行：		第224行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 第2条：走在乡间的小路上（蓝色）===== */		/* ===== 第2条：走在乡间的小路上（蓝色）=====
	:root:not(.skin-citizen-dark) .mw-body .mw-body-content::before {		:root:not(.skin-citizen-dark) .mw-body .mw-body-content::before {
	content: '🎵 走在乡间的小路上暮归的老牛是我同伴 🎵';		content: '🎵 走在乡间的小路上暮归的老牛是我同伴 🎵';
第240行：		第240行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 第3条：蓝天配朵夕阳（绿色）===== */		/* ===== 第3条：蓝天配朵夕阳（绿色）=====
	:root:not(.skin-citizen-dark) .mw-body .mw-body-content::after {		:root:not(.skin-citizen-dark) .mw-body .mw-body-content::after {
	content: '蓝天配朵夕阳在胸膛缤纷的云彩是晚霞的衣裳';		content: '蓝天配朵夕阳在胸膛缤纷的云彩是晚霞的衣裳';
第256行：		第256行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 第4条：荷把锄头（金色）===== */		/* ===== 第4条：荷把锄头（金色）=====
	:root:not(.skin-citizen-dark) .mw-body .catlinks::before {		:root:not(.skin-citizen-dark) .mw-body .catlinks::before {
	content: '荷把锄头在肩上牧童的歌声在荡漾喔呜喔呜喔喔他们唱';		content: '荷把锄头在肩上牧童的歌声在荡漾喔呜喔呜喔喔他们唱';
第272行：		第272行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 第5条：短笛（紫色）===== */		/* ===== 第5条：短笛（紫色）=====
	:root:not(.skin-citizen-dark) .mw-body .catlinks::after {		:root:not(.skin-citizen-dark) .mw-body .catlinks::after {
	content: '还有一支短笛隐约在吹响还有一支短笛隐约在吹响还有一支短笛隐约在吹响';		content: '还有一支短笛隐约在吹响还有一支短笛隐约在吹响还有一支短笛隐约在吹响';
第289行：		第289行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 第6条：笑意写在脸上（粉色）===== */		/* ===== 第6条：笑意写在脸上（粉色）=====
	:root:not(.skin-citizen-dark) .mw-body .firstHeading::before {		:root:not(.skin-citizen-dark) .mw-body .firstHeading::before {
	content: '笑意写在脸上哼一曲乡居小唱任思绪在晚风中飞扬';		content: '笑意写在脸上哼一曲乡居小唱任思绪在晚风中飞扬';
第305行：		第305行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 第7条：多少落寞惆怅（青色）===== */		/* ===== 第7条：多少落寞惆怅（青色）=====
	:root:not(.skin-citizen-dark) .mw-body .firstHeading::after {		:root:not(.skin-citizen-dark) .mw-body .firstHeading::after {
	content: '多少落寞惆怅都随晚风飘散遗忘在乡间的小路上';		content: '多少落寞惆怅都随晚风飘散遗忘在乡间的小路上';
第321行：		第321行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 第8条：副歌重复1（橙色）===== */		/* ===== 第8条：副歌重复1（橙色）=====
	:root:not(.skin-citizen-dark) .mw-body #footer::before {		:root:not(.skin-citizen-dark) .mw-body #footer::before {
	content: '🎵 走在乡间的小路上暮归的老牛是我同伴 🎵 蓝天配朵夕阳在胸膛缤纷的云彩是晚霞的衣裳 🎵';		content: '🎵 走在乡间的小路上暮归的老牛是我同伴 🎵 蓝天配朵夕阳在胸膛缤纷的云彩是晚霞的衣裳 🎵';
第337行：		第337行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 第9条：副歌重复2（深红）===== */		/* ===== 第9条：副歌重复2（深红）=====
	:root:not(.skin-citizen-dark) .mw-body #footer::after {		:root:not(.skin-citizen-dark) .mw-body #footer::after {
	content: '笑意写在脸上哼一曲乡居小唱任思绪在晚风中飞扬多少落寞惆怅都随晚风飘散';		content: '笑意写在脸上哼一曲乡居小唱任思绪在晚风中飞扬多少落寞惆怅都随晚风飘散';
第353行：		第353行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 第10条：牧童歌声（深绿）===== */		/* ===== 第10条：牧童歌声（深绿）=====
	:root:not(.skin-citizen-dark) .mw-body .printfooter::before {		:root:not(.skin-citizen-dark) .mw-body .printfooter::before {
	content: '牧童的歌声在荡漾喔呜喔呜喔喔他们唱还有一支短笛隐约在吹响';		content: '牧童的歌声在荡漾喔呜喔呜喔喔他们唱还有一支短笛隐约在吹响';
第369行：		第369行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*;
	/* ===== 第11条：过年词汇（金色）===== */		/* ===== 第11条：过年词汇（金色）=====
	:root:not(.skin-citizen-dark) .mw-body .printfooter::after {		:root:not(.skin-citizen-dark) .mw-body .printfooter::after {
	content: '🧧 新年快乐恭喜发财万事如意阖家欢乐年年有余岁岁平安 🧨';		content: '🧧 新年快乐恭喜发财万事如意阖家欢乐年年有余岁岁平安 🧨';
第386行：		第386行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*;
	/* ===== 第12条：更多过年祝福（红色）===== */		/* ===== 第12条：更多过年祝福（红色）=====
	:root:not(.skin-citizen-dark) .mw-body .siteNotice::before {		:root:not(.skin-citizen-dark) .mw-body .siteNotice::before {
	content: '🏮 新春大吉福气满满招财进宝五福临门金玉满堂龙马精神 🎋';		content: '🏮 新春大吉福气满满招财进宝五福临门金玉满堂龙马精神 🎋';
第403行：		第403行：
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
			*/
	/* ===== 弹幕动画定义 ===== */		/* ===== 弹幕动画定义 =====
	@keyframes danmaku-1 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }		@keyframes danmaku-1 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
	@keyframes danmaku-2 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }		@keyframes danmaku-2 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
第417行：		第417行：
	@keyframes danmaku-11 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }		@keyframes danmaku-11 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
	@keyframes danmaku-12 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }		@keyframes danmaku-12 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
			*/
	/* ---------- 8. 灯笼（可选，只在浅色模式显示） ---------- */		/* ---------- 8. 灯笼（可选，只在浅色模式显示） ---------- */
	:root:not(.skin-citizen-dark) #p-logo:after {		:root:not(.skin-citizen-dark) #p-logo:after {

2026年2月14日 (六) 05:55 小小白哦

2026-02-14T05:55:42Z

显示更改

2026年2月14日 (六) 04:28 小小白哦

2026-02-14T04:28:41Z

显示更改

2026年2月14日 (六) 04:24 小小白哦

2026-02-14T04:24:22Z

@@ 第16行： / 第16行： @@
+}
 /* ---------- 4. 代码块 ---------- */
@@ 第207行： / 第190行： @@
 /* ---------- 7. 福字背景（只在浅色模式显示） ---------- */
 :root:not(.skin-citizen-dark) .mw-body {
-     background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.08"><text x="10" y="50" font-size="80" fill="%23c0392b">福</text></svg>');
+     background-image:
-     background-repeat: repeat;
+        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.08"><text x="10" y="50" font-size="80" fill="%23c0392b">🧮</text></svg>'),
-     background-size: 150px;
+        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.08"><text x="10" y="50" font-size="80" fill="%23c0392b">福</text></svg>');
+}

2026年2月13日 (五) 18:54 小小白哦

2026-02-13T18:54:36Z

←上一版本		2026年2月14日 (六) 02:54的版本
第16行：		第16行：
	}		}

	a {		/* 正文里的普通链接（保持红色） */
			.mw-parser-output a,
			.mw-body-content a:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {
	color: var(--color-link-fixed, #b03a2e) !important;		color: var(--color-link-fixed, #b03a2e) !important;
	}		}
	a:visited {
			/* 访问过的链接 */
			.mw-parser-output a:visited,
			.mw-body-content a:visited:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {
	color: var(--color-link-visited-fixed, #884538) !important;		color: var(--color-link-visited-fixed, #884538) !important;
	}		}
	a:hover {
			/* 悬停链接 */
			.mw-parser-output a:hover,
			.mw-body-content a:hover:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {
	color: var(--color-link-hover-fixed, #e67e22) !important;		color: var(--color-link-hover-fixed, #e67e22) !important;
	}		}

2026年2月13日 (五) 18:52 小小白哦

2026-02-13T18:52:35Z

←上一版本		2026年2月14日 (六) 02:52的版本
第16行：		第16行：
	}		}

	~~/* ---------- 2. 链接颜色（固定不变） ----------~~		a {
	~~.mw-parser-output~~ a,
	~~.mw-body-content a:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button)~~ {
	color: var(--color-link-fixed, #b03a2e) !important;		color: var(--color-link-fixed, #b03a2e) !important;
	}		}
			a:visited {
	~~.mw-parser-output~~ a:visited,
	~~.mw-body-content a:visited:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button)~~ {
	color: var(--color-link-visited-fixed, #884538) !important;		color: var(--color-link-visited-fixed, #884538) !important;
	}		}
	~~.mw-parser-output~~ a:hover,		a:hover {
	~~.mw-body-content a:hover:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button)~~ {
	color: var(--color-link-hover-fixed, #e67e22) !important;		color: var(--color-link-hover-fixed, #e67e22) !important;
	}
	~~.skin-citizen-dark {~~
	~~color-scheme: dark;~~
	}		}

	~~.skin-citizen-dark .mw-body-content p,~~
	~~.skin-citizen-dark .mw-body-content li,~~
	~~.skin-citizen-dark .mw-body-content div:not(.mw-highlight):not(.oo-ui-widget):not(.echo-notification),~~
	~~.skin-citizen-dark .mw-parser-output {~~
	~~color: #ffffff !important;~~
	}

	~~.skin-citizen-dark .mw-message-box p,~~
	~~.skin-citizen-dark .thumbcaption,~~
	~~.skin-citizen-dark .mw-editsection {~~
	~~color: inherit !important;~~
	}
	*/
	/* ---------- 4. 代码块 ---------- */		/* ---------- 4. 代码块 ---------- */
	/* 浅色模式代码块保持原样 */		/* 浅色模式代码块保持原样 */

2026年2月13日 (五) 18:50 小小白哦

2026-02-13T18:50:11Z

←上一版本		2026年2月14日 (六) 02:50的版本
第16行：		第16行：
	}		}

	/* ---------- 2. 链接颜色（固定不变） ---------- */		/* ---------- 2. 链接颜色（固定不变） ----------
	~~/* 正文里的普通链接（保持红色） */~~
	.mw-parser-output a,		.mw-parser-output a,
	.mw-body-content a:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {		.mw-body-content a:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {
第23行：		第22行：
	}		}

	~~/* 访问过的链接 */~~
	.mw-parser-output a:visited,		.mw-parser-output a:visited,
	.mw-body-content a:visited:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {		.mw-body-content a:visited:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {
	color: var(--color-link-visited-fixed, #884538) !important;		color: var(--color-link-visited-fixed, #884538) !important;
	}		}

	~~/* 悬停链接 */~~
	.mw-parser-output a:hover,		.mw-parser-output a:hover,
	.mw-body-content a:hover:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {		.mw-body-content a:hover:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {
	color: var(--color-link-hover-fixed, #e67e22) !important;		color: var(--color-link-hover-fixed, #e67e22) !important;
	}		}

	~~/* ---------- 3. 普通文字 ---------- */~~
	~~/* 浅色模式：正常文字颜色由皮肤变量控制，不用改 */~~
	~~/* 深色模式：普通文字变白 */~~
	.skin-citizen-dark {		.skin-citizen-dark {
	color-scheme: dark;		color-scheme: dark;
第49行：		第41行：
	}		}

	~~/* 保留部分元素的深色模式默认颜色 */~~
	.skin-citizen-dark .mw-message-box p,		.skin-citizen-dark .mw-message-box p,
	.skin-citizen-dark .thumbcaption,		.skin-citizen-dark .thumbcaption,
第55行：		第46行：
	color: inherit !important;		color: inherit !important;
	}		}
			*/
	/* ---------- 4. 代码块 ---------- */		/* ---------- 4. 代码块 ---------- */
	/* 浅色模式代码块保持原样 */		/* 浅色模式代码块保持原样 */

2026年2月13日 (五) 18:48 小小白哦

2026-02-13T18:48:47Z

←上一版本		2026年2月14日 (六) 02:48的版本
第17行：		第17行：

	/* ---------- 2. 链接颜色（固定不变） ---------- */		/* ---------- 2. 链接颜色（固定不变） ---------- */
	a {		/* 正文里的普通链接（保持红色） */
	color: var(--color-link-fixed) !important;		.mw-parser-output a,
			.mw-body-content a:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {
			color: var(--color-link-fixed, #b03a2e) !important;
	}		}
	a:visited {
	color: var(--color-link-visited-fixed) !important;		/* 访问过的链接 */
			.mw-parser-output a:visited,
			.mw-body-content a:visited:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {
			color: var(--color-link-visited-fixed, #884538) !important;
	}		}
	a:hover {
	color: var(--color-link-hover-fixed) !important;		/* 悬停链接 */
	~~text-decoration: underline~~;		.mw-parser-output a:hover,
			.mw-body-content a:hover:not(.citizen-button):not(.oo-ui-buttonElement-button):not(.mw-ui-button) {
			color: var(--color-link-hover-fixed, #e67e22) !important;
	}		}

第227行：		第234行：
	}		}

	/* 如果想深色模式也有福字，可以取消下面注释（金色半透明）		/* 如果想深色模式也有福字，可以取消下面注释（金色半透明） */
	.skin-citizen-dark .mw-body {		.skin-citizen-dark .mw-body {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.06"><text x="10" y="50" font-size="80" fill="%23FFD700">福</text></svg>');		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.06"><text x="10" y="50" font-size="80" fill="%23FFD700">福</text></svg>');
第233行：		第240行：
	background-size: 150px;		background-size: 150px;
	}		}
	*/

	/* ---------- 8. 灯笼（可选，只在浅色模式显示） ---------- */		/* ---------- 8. 灯笼（可选，只在浅色模式显示） ---------- */

小小白哦：创建页面，内容为“/* 这里所有CSS都会加载给Citizen皮肤的用户 / / ===== Citizen皮肤春节特别版 ===== / / 适配：代码块、表格、弹窗、深色模式文字变白、链接不变 / / ---------- 1. 基础变量 ---------- / :root { / 主色：红色调（春节） / --color-primaryh: 350; --color-primarys: 80%; --color-primary__l: 55%; / 链接颜色固定，不受深色模式影响 */ --color-link-fixed: #b03a2e…”

2026-02-13T18:39:52Z

创建页面，内容为“这里所有CSS都会加载给Citizen皮肤的用户： ===== Citizen皮肤春节特别版 =====：适配：代码块、表格、弹窗、深色模式文字变白、链接不变： ---------- 1. 基础变量 ----------： :root { 主色：红色调（春节）： --color-primary__h: 350; --color-primary__s: 80%; --color-primary__l: 55%; 链接颜色固定，不受深色模式影响： --color-link-fixed: #b03a2e…”

新页面

/* 这里所有CSS都会加载给Citizen皮肤的用户 */
/* ===== Citizen皮肤春节特别版 ===== */
/* 适配：代码块、表格、弹窗、深色模式文字变白、链接不变 */

/* ---------- 1. 基础变量 ---------- */
:root {
/* 主色：红色调（春节） */
--color-primary__h: 350;
--color-primary__s: 80%;
--color-primary__l: 55%;

/* 链接颜色固定，不受深色模式影响 */
--color-link-fixed: #b03a2e;
--color-link-visited-fixed: #884538;
--color-link-hover-fixed: #e67e22;
}

/* ---------- 2. 链接颜色（固定不变） ---------- */
a {
color: var(--color-link-fixed) !important;
}
a:visited {
color: var(--color-link-visited-fixed) !important;
}
a:hover {
color: var(--color-link-hover-fixed) !important;
text-decoration: underline;
}

/* ---------- 3. 普通文字 ---------- */
/* 浅色模式：正常文字颜色由皮肤变量控制，不用改 */
/* 深色模式：普通文字变白 */
.skin-citizen-dark {
color-scheme: dark;
}

.skin-citizen-dark .mw-body-content p,
.skin-citizen-dark .mw-body-content li,
.skin-citizen-dark .mw-body-content div:not(.mw-highlight):not(.oo-ui-widget):not(.echo-notification),
.skin-citizen-dark .mw-parser-output {
color: #ffffff !important;
}

/* 保留部分元素的深色模式默认颜色 */
.skin-citizen-dark .mw-message-box p,
.skin-citizen-dark .thumbcaption,
.skin-citizen-dark .mw-editsection {
color: inherit !important;
}

/* ---------- 4. 代码块 ---------- */
/* 浅色模式代码块保持原样 */
/* 深色模式代码块优化 */
.skin-citizen-dark .mw-highlight,
.skin-citizen-dark pre,
.skin-citizen-dark .mw-code {
background-color: #1e1e1e !important;
color: #d4d4d4 !important;
border-color: #444 !important;
}

/* SyntaxHighlight 扩展适配 */
.skin-citizen-dark .mw-highlight .k, /* 关键字 */
.skin-citizen-dark .mw-highlight .kd, /* 关键字声明 */
.skin-citizen-dark .mw-highlight .kn, /* 关键字（命名空间） */
.skin-citizen-dark .mw-highlight .kt { /* 类型 */
color: #569cd6 !important;
}

.skin-citizen-dark .mw-highlight .s, /* 字符串 */
.skin-citizen-dark .mw-highlight .s2 { /* 双引号字符串 */
color: #ce9178 !important;
}

.skin-citizen-dark .mw-highlight .c, /* 注释 */
.skin-citizen-dark .mw-highlight .c1 { /* 单行注释 */
color: #6a9955 !important;
}

.skin-citizen-dark .mw-highlight .m, /* 数字 */
.skin-citizen-dark .mw-highlight .mi { /* 整数 */
color: #b5cea8 !important;
}

.skin-citizen-dark .mw-highlight .nt { /* HTML标签 */
color: #F8C555 !important;
}

.skin-citizen-dark .mw-highlight .na { /* HTML属性名 */
color: #9cdcfe !important;
}

.skin-citizen-dark .mw-highlight .kc { /* 常量 */
color: #F08D49 !important;
}

.skin-citizen-dark .mw-highlight .hll { /* 高亮行 */
background-color: #3f4439 !important;
}

.skin-citizen-dark .mw-highlight span.linenos {
color: #898989 !important;
background-color: transparent !important;
}

/* ---------- 5. 表格 ---------- */
/* 基础表格样式 */
.wikitable {
width: 100%;
margin: 1em 0;
}

/* 浅色模式表格 - 保持原样，略加美化 */
.skin-citizen-light .wikitable {
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
}

.skin-citizen-light .wikitable th,
.skin-citizen-light .wikitable td {
border: 1px solid #a2a9b1;
padding: 0.2em 0.4em;
}

.skin-citizen-light .wikitable th {
background-color: #eaecf0;
}

/* 深色模式表格 */
.skin-citizen-dark .wikitable {
background-color: #1e1e1e !important;
border: 1px solid #444 !important;
}

.skin-citizen-dark .wikitable th,
.skin-citizen-dark .wikitable td {
border: 1px solid #444 !important;
padding: 0.2em 0.4em;
color: #fff !important; /* 表格内文字变白 */
}

.skin-citizen-dark .wikitable th {
background-color: #2d2d2d !important;
font-weight: bold;
}

.skin-citizen-dark .wikitable tr:nth-child(even) {
background-color: #2a2a2a !important;
}

.skin-citizen-dark .wikitable tr:hover {
background-color: #3a3a3a !important;
}

/* 可排序表格表头 */
.skin-citizen-dark .wikitable .headerSort {
background-color: #2d2d2d !important;
color: #fff !important;
}

/* ---------- 6. 弹窗/提示框 ---------- */
/* Citizen 搜索建议弹窗 */
.skin-citizen-dark .citizen-search__card {
background-color: #2d2d2d !important;
border-color: #444 !important;
color: #fff !important;
}

.skin-citizen-dark .citizen-search__description {
color: #ccc !important;
}

/* Echo 通知弹窗 */
.skin-citizen-dark .mw-echo-ui-notificationBadgeButtonPopupWidget-popup,
.skin-citizen-dark .mw-echo-ui-notificationItemWidget {
background-color: #2d2d2d !important;
color: #fff !important;
border-color: #444 !important;
}

.skin-citizen-dark .mw-echo-ui-notificationItemWidget-content-message-header {
color: #fff !important;
}

.skin-citizen-dark .mw-echo-ui-notificationItemWidget-content-message-body {
color: #ccc !important;
}

/* OOUI 弹窗/对话框 */
.skin-citizen-dark .oo-ui-popupWidget-popup,
.skin-citizen-dark .oo-ui-dialog-content {
background-color: #2d2d2d !important;
color: #fff !important;
border-color: #444 !important;
}

.skin-citizen-dark .oo-ui-labelWidget {
color: #fff !important;
}

/* MultimediaViewer 图片查看器 */
.skin-citizen-dark .mw-mmv-wrapper {
background-color: #1e1e1e !important;
color: #fff !important;
}

.skin-citizen-dark .mw-mmv-title {
color: #fff !important;
}

.skin-citizen-dark .mw-mmv-credit {
color: #ccc !important;
}

/* 页面工具弹窗 */
.skin-citizen-dark .citizen-menu__card {
background-color: #2d2d2d !important;
border-color: #444 !important;
color: #fff !important;
}

/* ---------- 7. 福字背景（只在浅色模式显示） ---------- */
:root:not(.skin-citizen-dark) .mw-body {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.08"><text x="10" y="50" font-size="80" fill="%23c0392b">福</text></svg>');
background-repeat: repeat;
background-size: 150px;
}

/* 如果想深色模式也有福字，可以取消下面注释（金色半透明）
.skin-citizen-dark .mw-body {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.06"><text x="10" y="50" font-size="80" fill="%23FFD700">福</text></svg>');
background-repeat: repeat;
background-size: 150px;
}
*/

/* ---------- 8. 灯笼（可选，只在浅色模式显示） ---------- */
:root:not(.skin-citizen-dark) #p-logo:after {
content: "🏮";
font-size: 48px;
position: absolute;
top: -10px;
right: 20px;
transform: rotate(15deg);
text-shadow: 0 0 10px orange;
pointer-events: none;
}

:root:not(.skin-citizen-dark) #footer:before {
content: "🏮";
font-size: 40px;
position: relative;
bottom: -10px;
left: 10px;
float: left;
margin-right: 20px;
pointer-events: none;
}

/* ---------- 9. 深色模式其他微调 ---------- */
.skin-citizen-dark .catlinks {
background-color: #2d2d2d !important;
border-color: #444 !important;
color: #fff !important;
}

.skin-citizen-dark .mw-parser-output .infobox {
background-color: #1e1e1e !important;
border-color: #444 !important;
color: #fff !important;
}

.skin-citizen-dark .mw-parser-output .infobox th,
.skin-citizen-dark .mw-parser-output .infobox td {
border-color: #444 !important;
}

/* 确保编辑区域的文字在深色模式下可读 */
.skin-citizen-dark textarea,
.skin-citizen-dark .mw-editfont-monospace,
.skin-citizen-dark .mw-editfont-sans-serif,
.skin-citizen-dark .mw-editfont-serif {
background-color: #1e1e1e !important;
color: #fff !important;
border-color: #444 !important;
}

/* ---------- 10. 清除缓存提示 ---------- */
/* 修改后请按 Ctrl+F5 强制刷新 */

/* ---------- 11. 源代码编辑器边框 ---------- */
/* 普通源代码编辑框 */
.wikiEditor-ui textarea,
#wpTextbox1,
.mw-editfont-monospace,
.mw-editfont-sans-serif,
.mw-editfont-serif {
border: 2px solid var(--color-primary, #b03a2e) !important;
border-radius: 4px;
transition: border-color 0.2s ease;
}

/* 获得焦点时的效果（可选） */
.wikiEditor-ui textarea:focus,
#wpTextbox1:focus,
.mw-editfont-monospace:focus,
.mw-editfont-sans-serif:focus,
.mw-editfont-serif:focus {
border-color: var(--color-link-hover-fixed, #e67e22) !important;
outline: none;
box-shadow: 0 0 0 2px rgba(176, 58, 46, 0.1);
}

/* 深色模式下稍微调整 */
.skin-citizen-dark .wikiEditor-ui textarea,
.skin-citizen-dark #wpTextbox1,
.skin-citizen-dark .mw-editfont-monospace,
.skin-citizen-dark .mw-editfont-sans-serif,
.skin-citizen-dark .mw-editfont-serif {
border-color: var(--color-link-fixed, #b03a2e) !important;
background-color: #1e1e1e;
color: #fff;
}

.skin-citizen-dark .wikiEditor-ui textarea:focus,
.skin-citizen-dark #wpTextbox1:focus,
.skin-citizen-dark .mw-editfont-monospace:focus,
.skin-citizen-dark .mw-editfont-sans-serif:focus,
.skin-citizen-dark .mw-editfont-serif:focus {
border-color: var(--color-link-hover-fixed, #e67e22) !important;
box-shadow: 0 0 0 2px rgba(230, 126, 34, 0.2);
}