html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul,
ol,
em,
i,
strong,
b,
u,
dd,
dt,
dl,
td,
table,
th,
tr,
a,
button,
input,
form {
	margin: 0;
	padding: 0;
}

body,
html {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	font-size: 14px;
	/* Inter, "Noto Sans SC", system-ui, "Segoe UI", sans-serif ,Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji' */
	font-family: "Segoe UI", Inter, "Noto Sans SC", system-ui, 'Helvetica Neue',"微软雅黑", Arial, Helvetica, sans-serif;
	font-feature-settings: "tnum";
}

li {
	list-style: none;
}

/* markdown 正文里的列表标记回补：
   上面的全局 li{list-style:none} 是对 li 的直接命中，而 vuepress/github 主题的
   decimal/disc 只设在 ol/ul 上、对 li 仅是继承——继承永远输给直接命中，
   导致问答回答里的有序列表没有 1.2.3. 序号。revert 掉本层的 none 后，
   li 重新从 ol/ul 继承主题标记（decimal/disc，嵌套自动 circle/square）。 */
.vuepress-markdown-body li,
.github-markdown-body li {
	list-style-type: revert;
	list-style-position: revert;
	list-style-image: revert;
}

a,
u {
	color: inherit;
	text-decoration: none;
}

img {
	border: 0;
}

em,
i {
	font-style: inherit;
}

button {
	border: 0;
	color: inherit;
	background: none;
	cursor: pointer;
	outline: none;
}

button:active,
select:active,
textarea:active,
input:active[type="submit"] {
	outline: none;
}

input,
textarea,
select {
	color: inherit;
	outline: 0;
	border: 0;
	resize: none;
	background-color: transparent;
}

select {
	vertical-align: middle;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
}

section,
article,
aside,
header,
footer,
hgroup,
figure,
figcaption,
main,
nav {
	display: block;
}

/*********** some defalut class style of user ***********/

* {
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}

image {
	will-change: transform;
}

:focus {
	outline: none;
}

::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 4px;
	height: 4px;
}
::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	background-color: rgba(144, 147, 153, 0.3);
	transition: background-color 0.3s;
}
::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	cursor: pointer;
	border-radius: 10px;
	background-color: rgba(144, 147, 153, 0.2);
	transition: background-color 0.3s;
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	position: relative;
	height: 0;
	overflow: hidden;
}

.titleChar {
	display: inline-block;
	opacity: 0;
	filter: blur(4px);
	animation: charTyping .25s ease-out forwards;
}

@keyframes charTyping {
    0% {
        transform: translateY(0);
        opacity: 0;
        filter: blur(4px)
    }

    to {
        transform: translateY(0);
        opacity: 1;
        filter: blur(0)
    }
}