MediaWiki:Common.css

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
	font-family: -apple-system, "Segoe UI", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
}

body {
	text-autospace: normal;
	text-autospace: replace;
	text-spacing-trim: trim-start;
}
pre, code, tt, kbd, samp, .mw-code, .mw-editfont-monospace {
	text-autospace: no-autospace;
	text-spacing-trim: space-all;
}

/* 首页 */
body.page-希服维基_首页 .firstHeading,
body.page-希服维基_首页 #siteSub,
body.page-希服维基_首页 #header-pagetitle {
	display: none;	
}

.mainpage-title.mainpage-title { /* 叠加选择器以覆盖其他样式规则 */
    font-size: 3em;
    line-height: 8rem;
    margin: 0 0 0.5rem;
}
.mainpage-title {
	background-image: url('/w/images/a/a8/主城区.png');
    border: none;
    border-radius: 0.5rem;
    background-size: 100%;
    transition: background-size 0.3s ease;
    background-position: center;
    color: white;
    font-weight: bold;
    letter-spacing: 0.25em;
    text-align: center;
    text-shadow: 0 0 0.25em black;
}
.mainpage-title:hover {
	background-size: 110%;
}

.mainpage-flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.mainpage-flex-column {
    flex: 1 1 auto;
    width: min-content;
    min-width: 18rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.mainpage-card {
    flex: 1 1 auto;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: inset 0 0 1rem 0 white;
    transition: background 0.3s ease;
    background: rgba(var(--rgb), 12.5%);
}
.mainpage-card:hover {
	background: rgba(var(--rgb), 20%);
}
.mainpage-card-1 { --rgb: 130, 184, 255 }
.mainpage-card-2 { --rgb: 255, 143, 143 }
.mainpage-card-3 { --rgb: 255, 159, 30 }
.mainpage-card-4 { --rgb: 95, 204, 161 }

.mainpage-card h2 {
    margin: 0 0 0.25em;
}

/* Template:Infobox */
.infobox {
	background: rgba(128, 128, 128, 0.05);
	border: 1px solid rgba(128, 128, 128, 0.67);
	border-collapse: collapse;
}
@media (min-width: 720px) {
	.infobox {
		float: right;
		width: 300px;
		margin-left: 1.5rem;
		margin-bottom: 1.5rem;
	}
}
.infobox-titlebar {
	background: rgba(228, 228, 228, 0.33);
	color: black;
}
.infobox th,
.infobox td {
	text-align: center;
	padding: 1px;
}

/* Template:X */

.xdi8-pua-text {
	font-family: "XEGOEPUAall", -apple-system, "Segoe UI", sans-serif;
}

@font-face {
	font-family: 'XEGOEPUAall';
	src:
		local("XEGOEPUAall"),
		url("https://哼.site/xdi8/XEGOEPUAall.woff2") format("woff2"),
		url("https://哼.site/xdi8/XEGOEPUAall.woff") format("woff"),
		url('https://哼.site/xdi8/XEGOEPUAall%20Regular.ttf') format('truetype'),
		url("https://cdn.jsdelivr.net/gh/DGCK81LNN/bootstrap-lnn@c0d4c78907b4ebabc6d5d34abd404abf64338816/fonts/XEGOEPUAall.woff2") format("woff2"),
		url("https://cdn.jsdelivr.net/gh/DGCK81LNN/bootstrap-lnn@c0d4c78907b4ebabc6d5d34abd404abf64338816/fonts/XEGOEPUAall.woff") format("woff");
}

/* navbox */
.navbox.navbox {
	color: #202122;
	margin: 1em 0;
	border: 1px solid #a2a9b1;
	border-collapse: separate;
	background-color: var(--navbox-background-gap, white);
}
.navbox.navbox * {
	border: none;
}
.navbox.navbox > tr > th,
.navbox.navbox > * > tr > th {
	background-color: var(--navbox-background-1, orange);
}
.navbox.navbox th {
	background-color: var(--navbox-background-2, #ffbf49);
}
.navbox.navbox td th {
	background-color: var(--navbox-background-2, #ffbf49);
}
.navbox.hierarchy .hierarchy-level-0 {
	background-color: var(--navbox-background-2, #ffbf49);
}
.navbox.hierarchy .hierarchy-level-1 {
	background-color: var(--navbox-background-3, #ffdd9f);
}
.navbox.hierarchy td {
	background-color: var(--navbox-background-3, #ffefd2);
}
.navbox > tr:nth-child(2n+1) > td:last-child,
.navbox > * > tr:nth-child(2n+1) > td:last-child {
	background-color: var(--navbox-background, #fdfdfd);
}
.navbox > tr:nth-child(2n) > td:last-child,
.navbox > * > tr:nth-child(2n) > td:last-child {
	background-color: var(--navbox-background-stripe, #fff9ee);
}
.navbox > tr > th,
.navbox > tr > td,
.navbox > * > tr > th,
.navbox > * > tr > td {
	padding: 0.2em 0.4em;
}

/* <InputBox> */
.inputbox-fill form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.375em;
}
.inputbox-fill .mw-inputbox-input,
.inputbox-fill .mw-ui-input {
	flex: 1;
}