MediaWiki:Common.css

@import url('https://fnmdp.oss-cn-beijing.aliyuncs.com/public/exclusive/common/fonts/ibm-plex-sans-v19-latin/ibm-plex-sans.css');
@import url('https://cdn.bootcdn.net/ajax/libs/MaterialDesign-Webfont/7.1.96/css/materialdesignicons.min.css');

:root {
	--color-primary__h: 207;
	--color-primary__s: 90%;
	--color-primary__l: 54%;
	--font-family-base: 'IBM Plex Sans', system-ui,-apple-system,Segoe UI,'PingFang SC', "微软雅黑", sans-serif;
	--font-family-serif: Georgia, 'Times New Roman', Times, serif;
	--font-family-monospace: 'SFMono-Regular',Consolas,'Courier New',monospace, system-ui,-apple-system, "微软雅黑", Segoe UI, sans-serif;
}

.hatnote {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    margin-top: 0.6rem;
    margin-bottom: 0.8rem;
    background: var(--color-surface-2);
    border-radius: var(--border-radius--medium);
    color: var(--color-base);
    font-size: 0.875rem;
    line-height: 1.4;
}

.hatnote-icon {
	margin-right: 8px;
	font-size: 20px;
}

.img-adjust img {
    max-width: 100% !important;
    height: auto !important;
    width: auto/9 !important;
}

body {
    font-family: var(--font-family-base) !important;
}

pre, pre code, kbd, textarea, input {
    font-family: var(--font-family-monospace) !important;
}

blockquote {
    color: var(--color-base--subtle);
    border-left: 5px solid;
    font-family: var(--font-family-base);
    padding-left: 16px;
    margin: .8em 0;
    font-style: normal;
}

.skin-citizen-dark blockquote {
	border-left-color:  var(--color-base--subtle);
}

.skin-citizen-light blockquote {
	border-left-color:  rgba(0, 0, 0, .16);
}

/* AdaptiveThumb caption style */
table .mw-parser-output p {
	margin: 0;
	margin-bottom: 16px;
	color: var(--color-base--subtle);
	font-style: italic;
}