Maintenance script：Refine reusable process steps component styles

2026-06-03T19:42:09Z

Refine reusable process steps component styles

←上一版本		2026年6月4日 (四) 03:42的版本
第3行：		第3行：
	display: grid;		display: grid;
	gap: .75rem;		gap: .75rem;
			margin: 1rem 0;
	}		}
	.process-steps > * {
			.process-steps__header {
			color: #0f172a;
			font-size: 1.08rem;
			font-weight: 800;
			}

			.process-steps ol {
			display: grid;
			gap: .7rem;
			margin: 0;
			padding: 0;
			list-style: none;
			}

			.process-steps li,
			.process-steps > ol > li,
			.process-steps > *:not(.process-steps__header):not(ol) {
	counter-increment: step;		counter-increment: step;
	~~border~~-~~left~~: ~~3px solid #2f5f8f~~;		position: relative;
	padding: .~~75rem~~ 1rem;		min-height: 3.1rem;
	background: #~~f7f9fc~~;		padding: .82rem 1rem .82rem 3.05rem;
			border: 1px solid #d9e1ec;
			border-radius: 12px;
			background: #fff;
			color: #253044;
			line-height: 1.62;
			box-shadow: 0 8px 24px rgba(37, 55, 82, .045);
	}		}
	.process-steps > *::before {
			.process-steps li::before,
			.process-steps > ol > li::before,
			.process-steps > *:not(.process-steps__header):not(ol)::before {
	content: counter(step);		content: counter(step);
			position: absolute;
			top: .78rem;
			left: .9rem;
	display: inline-grid;		display: inline-grid;
	~~width~~: ~~1.6rem~~;		place-items: center;
	~~height~~: 1.~~6rem~~;		width: 1.55rem;
	~~margin-right~~: .~~5rem~~;		height: 1.55rem;
	border-radius: 999px;		border-radius: 999px;
	color: #fff;		color: #fff;
	background: #~~2f5f8f~~;		background: #315f9e;
	font-weight: ~~700~~;		font-size: .86rem;
	~~text~~-~~align~~: ~~center~~;		font-weight: 800;
			line-height: 1;
			}

			@media (max-width: 560px) {
			.process-steps li,
			.process-steps > ol > li,
			.process-steps > *:not(.process-steps__header):not(ol) {
			padding-right: .85rem;
			}
	}		}

Maintenance script：Add MUC Wiki visual modernization templates

2026-06-03T13:09:59Z

Add MUC Wiki visual modernization templates

新页面

.process-steps {
counter-reset: step;
display: grid;
gap: .75rem;
}
.process-steps > * {
counter-increment: step;
border-left: 3px solid #2f5f8f;
padding: .75rem 1rem;
background: #f7f9fc;
}
.process-steps > *::before {
content: counter(step);
display: inline-grid;
width: 1.6rem;
height: 1.6rem;
margin-right: .5rem;
border-radius: 999px;
color: #fff;
background: #2f5f8f;
font-weight: 700;
text-align: center;
}

模板:ProcessSteps/styles.css - 版本历史

Maintenance script：​Refine reusable process steps component styles

Maintenance script：​Add MUC Wiki visual modernization templates

Maintenance script：Refine reusable process steps component styles

Maintenance script：Add MUC Wiki visual modernization templates