模板:标识符/styles.css - 版本历史

2026年9月29日 (二) 13:54 Ancimen

2026-09-29T13:54:15Z

2026年9月29日 (二) 13:43 Ancimen

2026-09-29T13:43:55Z

←上一版本		2026年9月29日 (二) 21:43的版本
第4行：		第4行：
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	justify-content: center; ~~/* 内容水平居中 */~~		justify-content: center;
	gap: 0.5rem;		gap: 0.5rem;
	width: 100%;		width: 100%;
	min-height: 2.5rem;		min-height: 2.5rem;
	padding: 0.5rem 6rem; ~~/* 左右留空间给箭头和作者栏 */~~		padding: 0.5rem 6rem;
	box-sizing: border-box;		box-sizing: border-box;
	white-space: nowrap;		white-space: nowrap;
第21行：		第21行：
	}		}

	/* ===== ~~四角箭头~~ ===== */		/* ===== 四角箭头：呼吸发光 ===== */
	.wiki-marker__corner {		.wiki-marker__corner {
	position: absolute;		position: absolute;
第61行：		第61行：
	text-align: center;		text-align: center;
	color: #fff;		color: #fff;
	~~text-decoration: none;~~
	overflow: hidden;		overflow: hidden;
	text-overflow: ellipsis;		text-overflow: ellipsis;
	}		}
	.wiki-marker__label:hover {		.wiki-marker__label a {
	color: #ffd7dd;		color: inherit !important;
	text-decoration: none;		text-decoration: none !important;
			}
			.wiki-marker__label a:hover {
			color: #ffd7dd !important;
			text-decoration: none !important;
	}		}

第78行：		第81行：
	}		}

	/* ===== ~~作者栏（PC 端绝对定位在右侧）~~===== */		/* ===== 作者栏 ===== */
	.wiki-marker__author {		.wiki-marker__author {
	position: absolute;		position: absolute;
第92行：		第95行：
	}		}
	.wiki-marker__author a {		.wiki-marker__author a {
	color: #fff;		color: #fff !important;
	text-decoration: underline;		text-decoration: underline !important;
			}

			/* ===== 空节点不占空间 ===== */
			.wiki-marker__type:empty,
			.wiki-marker__author:empty,
			.wiki-marker__label:empty {
			display: none !important;
	}		}

第111行：		第121行：
	justify-content: center;		justify-content: center;
	}		}
	~~/* 隐藏长说明文字 */~~
	.wiki-marker__label {		.wiki-marker__label {
	display: none;		display: none;
	}		}
	~~/* 显示类型短名 */~~
	.wiki-marker__type {		.wiki-marker__type {
	display: inline-block;		display: inline-block;
	font-size: 0.85rem;		font-size: 0.85rem;
	}		}
	~~/* 作者栏回到流中，和类型并排 */~~
	.wiki-marker__author {		.wiki-marker__author {
	position: static;		position: static;

2026年9月29日 (二) 13:31 Ancimen

2026-09-29T13:31:18Z

←上一版本		2026年9月29日 (二) 21:31的版本
第1行：		第1行：
			/* ===== 容器 ===== */
	.wiki-marker {		.wiki-marker {
	position: relative;		position: relative;
	display: flex;		display: flex;
	align-items: center;		align-items: center;
			justify-content: center; /* 内容水平居中 */
	gap: 0.5rem;		gap: 0.5rem;
	width: 100%;		width: 100%;
	min-height: 2.5rem;		min-height: 2.5rem;
	padding: 0.5rem ~~2.5rem~~;		padding: 0.5rem 6rem; /* 左右留空间给箭头和作者栏 */
	box-sizing: border-box;		box-sizing: border-box;
	white-space: nowrap;		white-space: nowrap;
第16行：		第18行：

	font-size: 0.88rem;		font-size: 0.88rem;
	line-height: 1.4;		line-height: 1.5;
	}		}

	/* ~~四角箭头：纯装饰，围绕自身中心旋转~~ */		/* ===== 四角箭头 ===== */
	.wiki-marker__corner {		.wiki-marker__corner {
	position: absolute;		position: absolute;
第31行：		第33行：
	color: rgba(255, 255, 255, 0.6);		color: rgba(255, 255, 255, 0.6);
	user-select: none;		user-select: none;
	~~/* 关键：默认 transform-origin 是 center，旋转不偏移 */~~

	~~/* 呼吸发光（浅白 + 主色光晕），跟随标识符主色 */~~
	animation: wiki-marker-corner-glow 2s ease-in-out infinite;		animation: wiki-marker-corner-glow 2s ease-in-out infinite;
	}		}
第51行：		第50行：
	}		}

	.wiki-marker__corner--tl {		.wiki-marker__corner--tl { top: 0.15rem; left: 0.15rem; transform: rotate(0deg); }
	top: 0.15rem;		.wiki-marker__corner--tr { top: 0.15rem; right: 0.15rem; transform: rotate(90deg); }
	left: 0.15rem;		.wiki-marker__corner--br { bottom: 0.15rem; right: 0.15rem; transform: rotate(180deg); }
	transform: rotate(0deg);		.wiki-marker__corner--bl { bottom: 0.15rem; left: 0.15rem; transform: rotate(-90deg); }
	}
	.wiki-marker__corner--tr {
	top: 0.15rem;
	right: 0.15rem;
	transform: rotate(90deg);
	}
	.wiki-marker__corner--br {
	bottom: 0.15rem;
	right: 0.15rem;
	transform: rotate(180deg);
	}
	.wiki-marker__corner--bl {
	bottom: 0.15rem;
	left: 0.15rem;
	transform: rotate(-90deg);
	}

	/* ~~说明文字~~ */		/* ===== 说明文字（PC 端显示）===== */
	.wiki-marker__label {		.wiki-marker__label {
	flex: 1 1 auto;		flex: 0 1 auto;
	min-width: 0;		min-width: 0;
	text-align: center;		text-align: center;
第87行：		第70行：
	}		}

	/* ~~作者栏~~ */		/* ===== 类型短名（移动端才显示）===== */
			.wiki-marker__type {
			display: none;
			flex: 0 0 auto;
			font-weight: bold;
			color: #ffd7dd;
			}

			/* ===== 作者栏（PC 端绝对定位在右侧）===== */
	.wiki-marker__author {		.wiki-marker__author {
	~~flex~~: ~~0 0 auto~~;		position: absolute;
			top: 50%;
			right: 2rem;
			transform: translateY(-50%);
	padding-left: 0.75rem;		padding-left: 0.75rem;
	border-left: 1px solid rgba(255, 255, 255, 0.35);		border-left: 1px solid rgba(255, 255, 255, 0.35);
	color: rgba(255, 255, 255, 0.92);		color: rgba(255, 255, 255, 0.92);
	font-size: 0.82rem;		font-size: 0.82rem;
			white-space: nowrap;
			line-height: 1.5;
	}		}
	.wiki-marker__author a {		.wiki-marker__author a {
第100行：		第96行：
	}		}

	/* 夜间模式 */		/* ===== 夜间模式 ===== */
	html.skin-theme-clientpref-night .wiki-marker,		html.skin-theme-clientpref-night .wiki-marker,
	html.skin-theme-clientpref-pureblack .wiki-marker {		html.skin-theme-clientpref-pureblack .wiki-marker {
	background: linear-gradient(90deg, #3a0008 0%, #6b1010 50%, #3a0008 100%);		background: linear-gradient(90deg, #3a0008 0%, #6b1010 50%, #3a0008 100%);
			}

			/* ============================================
			移动端（≤700px）：只显示类型 + 作者
			============================================ */
			@media (max-width: 700px) {
			.wiki-marker {
			padding: 0.5rem 2.5rem;
			gap: 0.75rem;
			justify-content: center;
			}
			/* 隐藏长说明文字 */
			.wiki-marker__label {
			display: none;
			}
			/* 显示类型短名 */
			.wiki-marker__type {
			display: inline-block;
			font-size: 0.85rem;
			}
			/* 作者栏回到流中，和类型并排 */
			.wiki-marker__author {
			position: static;
			transform: none;
			padding-left: 0.75rem;
			border-left: 1px solid rgba(255, 255, 255, 0.35);
			font-size: 0.8rem;
			}
	}		}

2026年9月29日 (二) 12:55 Ancimen

2026-09-29T12:55:52Z

←上一版本		2026年9月29日 (二) 20:55的版本
第1行：		第1行：
	.wiki-marker {		.wiki-marker {
	~~/* 定位：给四角箭头做参照 */~~
	position: relative;		position: relative;

	~~/* 布局：横向 flex，宽度撑满容器，永不换行 */~~
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	gap: 0.5rem;		gap: 0.5rem;
	width: 100%;		width: 100%;
	min-height: 2.~~25rem~~;		min-height: 2.5rem;
	padding: 0.~~45rem~~ 2.~~25rem~~;		padding: 0.5rem 2.5rem;
	box-sizing: border-box;		box-sizing: border-box;
	white-space: nowrap;		white-space: nowrap;
	overflow: hidden;		overflow: hidden;

	~~/* 视觉：暗红渐变底色 + 圆角 */~~
	border-radius: 0.4rem;		border-radius: 0.4rem;
	background: linear-gradient(90deg, #56000d 0%, #8b1a2b 50%, #56000d 100%);		background: linear-gradient(90deg, #56000d 0%, #8b1a2b 50%, #56000d 100%);
第23行：		第19行：
	}		}

	/* ~~四角箭头：纯装饰~~ */		/* 四角箭头：纯装饰，围绕自身中心旋转 */
	.wiki-marker__corner {		.wiki-marker__corner {
	position: absolute;		position: absolute;
第29行：		第25行：
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	width: 1.~~4rem~~;		width: 1.6rem;
	height: 1.~~4rem~~;		height: 1.6rem;
	font-size: 1.5rem;		font-size: 1.5rem;
	line-height: 1;		line-height: 1;
	color: rgba(255, 255, 255, 0.55);		color: rgba(255, 255, 255, 0.6);
	user-select: none;		user-select: none;
			/* 关键：默认 transform-origin 是 center，旋转不偏移 */

			/* 呼吸发光（浅白 + 主色光晕），跟随标识符主色 */
			animation: wiki-marker-corner-glow 2s ease-in-out infinite;
			}

			@keyframes wiki-marker-corner-glow {
			0%, 100% {
			text-shadow:
			0 0 3px rgba(255, 215, 221, 0.7),
			0 0 6px rgba(139, 26, 43, 0.5);
			}
			50% {
			text-shadow:
			0 0 5px rgba(255, 215, 221, 1),
			0 0 12px rgba(139, 26, 43, 0.9),
			0 0 20px rgba(139, 26, 43, 0.6);
			}
	}		}

	.wiki-marker__corner--tl {		.wiki-marker__corner--tl {
	top: 0;		top: 0.15rem;
	left: 0;		left: 0.15rem;
	transform~~-origin~~: ~~top left~~;		transform: rotate(0deg);
	}		}
	.wiki-marker__corner--tr {		.wiki-marker__corner--tr {
	top: 0;		top: 0.15rem;
	right: 0;		right: 0.15rem;
	~~transform-origin: top right~~;
	transform: rotate(90deg);		transform: rotate(90deg);
	}		}
	.wiki-marker__corner--br {		.wiki-marker__corner--br {
	bottom: 0;		bottom: 0.15rem;
	right: 0;		right: 0.15rem;
	~~transform-origin: bottom right~~;
	transform: rotate(180deg);		transform: rotate(180deg);
	}		}
	.wiki-marker__corner--bl {		.wiki-marker__corner--bl {
	bottom: 0;		bottom: 0.15rem;
	left: 0;		left: 0.15rem;
	~~transform-origin: bottom left~~;
	transform: rotate(-90deg);		transform: rotate(-90deg);
	}		}

	/* ~~说明文字（可点击）~~ */		/* 说明文字 */
	.wiki-marker__label {		.wiki-marker__label {
	flex: 1 1 auto;		flex: 1 1 auto;
第89行：		第100行：
	}		}

	/* ~~夜间模式：加深一层底色，白字保持可读~~ */		/* 夜间模式 */
	html.skin-theme-clientpref-night .wiki-marker,		html.skin-theme-clientpref-night .wiki-marker,
	html.skin-theme-clientpref-pureblack .wiki-marker {		html.skin-theme-clientpref-pureblack .wiki-marker {
	background: linear-gradient(90deg, #3a0008 0%, #6b1010 50%, #3a0008 100%);		background: linear-gradient(90deg, #3a0008 0%, #6b1010 50%, #3a0008 100%);
	}		}

2026年9月29日 (二) 12:51 Ancimen

2026-09-29T12:51:14Z

显示更改

2026年9月29日 (二) 12:48 Ancimen

2026-09-29T12:48:08Z

显示更改

2026年9月29日 (二) 10:17 Ancimen

2026-09-29T10:17:12Z

@@ 第8行： / 第8行： @@
      align-items: center;
      box-sizing: border-box;
      width: 100%;
-     padding: 8px 12px;
+     padding: 14px 24px;              /* 内边距加大，给角字符留空间 */
      gap: 12px;
      font-size: 1rem;
@@ 第17行： / 第18行： @@
+}
 .identifier__left {
      font-weight: 800;
@@ 第32行： / 第67行： @@
+}
 .identifier__right {
      font-size: 0.6em;
@@ 第58行： / 第94行： @@
+}
-/* 窄屏：改为两行 */
+/* ===== 窄屏：改为两行 ===== */
 @media (max-width: 700px) {
      .identifier {
@@ 第64行： / 第100行： @@
          align-items: flex-start;
          gap: 6px;
+     }
      .identifier__right {
@@ 第70行： / 第107行： @@
+     }
+}

Ancimen：创建页面，内容为“/* ============================================ 标识符通用样式 ============================================ */ .identifier { display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; width: 100%; padding: 8px 12px; gap: 12px; font-size: 1rem; line-height: 1.4; border-radius: 4px; margin: 6px 0; } .identifier__left { font-weight: 800; flex: 0 1 auto; min-widt…”

2026-09-29T09:39:27Z

创建页面，内容为“============================================ 标识符通用样式 ============================================： .identifier { display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; width: 100%; padding: 8px 12px; gap: 12px; font-size: 1rem; line-height: 1.4; border-radius: 4px; margin: 6px 0; } .identifier__left { font-weight: 800; flex: 0 1 auto; min-widt…”

新页面

/* ============================================
标识符通用样式
============================================ */

.identifier {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 8px 12px;
gap: 12px;
font-size: 1rem;
line-height: 1.4;
border-radius: 4px;
margin: 6px 0;
}

.identifier__left {
font-weight: 800;
flex: 0 1 auto;
min-width: 0;
}

.identifier__left a {
color: inherit;
text-decoration: none;
}

.identifier__left a:hover {
text-decoration: underline;
}

.identifier__right {
font-size: 0.6em;
display: flex;
align-items: center;
gap: 6px;
flex: 1 1 auto;
justify-content: flex-end;
text-align: right;
min-width: 0;
}

.identifier__author {
font-size: 1.8em;
font-weight: bold;
white-space: nowrap;
}

.identifier__author a {
color: inherit;
text-decoration: none;
}

.identifier__author a:hover {
text-decoration: underline;
}

/* 窄屏：改为两行 */
@media (max-width: 700px) {
.identifier {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.identifier__right {
justify-content: flex-start;
text-align: left;
}
}

/* 夜间模式：作者链接颜色跟随正文，不再额外处理 */