利用网格布局，将内容居中

去除input默认样式【input前有icon，所以flex：1】

.search input {
	display: block;
	flex: 1;
	background: transparent;
	border: none;
	outline: none;
}

自定义滚动条(隐藏)

.items::-webkit-scrollbar {
	width: 0;
}
.item::-webkit-scrollbar-track {
	width: 0;
}

利用网格布局，将内容居中

.nav-item-main div{
	border: 7px solid var(--main-color);
	height: 100%;
	width: 100%;
	border-radius: 50%;
	display: grid;
	place-items: center;
}