/* 滚动条 */
/* ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
} */

::-webkit-scrollbar-track {
  background-color: rgba(73, 177, 245, 0.2);
  border-radius: 2em;
}

::-webkit-scrollbar-thumb {
  background-color: #49b1f5;
  /* background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.4) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.4) 75%,
    transparent 75%,
    transparent
  ); */
  border-radius: 2em;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-moz-selection {
  color: #fff;
  background-color: #49b1f5;
}


/* 文章页H1-H6图标样式效果 */
/* 控制风车转动速度 4s那里可以自己调节快慢 */
h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before {
	-webkit-animation: ccc 4s linear infinite;
	animation: ccc 4s linear infinite;
}
/* 控制风车转动方向 -1turn 为逆时针转动，1turn 为顺时针转动，相同数字部分记得统一修改 */
@-webkit-keyframes ccc {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn);
	}
}
@keyframes ccc {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn);
	}
}
/* 设置风车颜色 */
#content-inner.layout h1::before {
	color: #ef50a8;
	/* margin-left: -1rem; */
	font-size: 1.3rem;
	margin-top: -0.23rem;
}
#content-inner.layout h2::before {
	color: #fb7061;
	/* margin-left: -1rem; */
	font-size: 1.1rem;
	margin-top: -0.12rem;
}
#content-inner.layout h3::before {
	color: #ffbf00;
	/* margin-left: -1rem; */
	font-size: 0.95rem;
	margin-top: -0.09rem;
}
#content-inner.layout h4::before {
	color: #a9e000;
	/* margin-left: -1rem; */
	font-size: 0.8rem;
	margin-top: -0.09rem;
}
#content-inner.layout h5::before {
	color: #57c850;
	/* margin-left: -0.9rem; */
	font-size: 0.7rem;
	margin-top: 0rem;
}
#content-inner.layout h6::before {
	color: #5ec1e0;
	/* margin-left: -0.9rem; */
	font-size: 0.66rem;
	margin-top: 0rem;
}
/* s设置风车hover动效 6s那里可以自己调节快慢*/
#content-inner.layout h1:hover,
#content-inner.layout h2:hover,
#content-inner.layout h3:hover,
#content-inner.layout h4:hover,
#content-inner.layout h5:hover,
#content-inner.layout h6:hover {
	color: var(--theme-color);
}
#content-inner.layout h1:hover::before,
#content-inner.layout h2:hover::before,
#content-inner.layout h3:hover::before,
#content-inner.layout h4:hover::before,
#content-inner.layout h5:hover::before,
#content-inner.layout h6:hover::before {
	color: var(--theme-color);
	-webkit-animation: ccc 6s linear infinite;
	animation: ccc 6s linear infinite;
}