// 样式重置

:root {
	box-sizing: border-box;
	font-size: 14px;
	font-family:
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		PingFang SC,
		Hiragino Sans GB,
		noto sans,
		Microsoft YaHei,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	text-rendering: optimizelegibility;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
ul,
ol {
	padding: 0;
	margin: 0;
}

body {
	overflow-y: scroll;
}

/** 谷歌浏览器自动填充背景色处理 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-text-fill-color: #606266 !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	background-color: transparent;
	background-image: none;
	transition: background-color 50000s ease-in-out 0s;
}

/** 代码块字体 */
code,
kbd,
samp,
pre {
	font-family:
		DM Sans,
		ui-sans-serif,
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		Segoe UI,
		Roboto,
		Helvetica Neue,
		Arial,
		Noto Sans,
		sans-serif,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		Segoe UI Symbol,
		"Noto Color Emoji";
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em;
}

// 滚动条定制
* {
	&::-webkit-scrollbar {
		width: 8px;
	}
	&::-webkit-scrollbar-thumb {
		background: var(--zl-scrollbar);
	}
}
// 针对不支持::-webkit-scrollbar-*的浏览器的样式调整
@supports not (selector(::-webkit-scrollbar)) {
	* {
		scrollbar-width: thin;
		scrollbar-color: var(--zl-scrollbar) transparent;
	}
}
