.inset {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.vertical-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.horizontal-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.vertical-horizontal-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.clear-fix::after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/* 整个滚动条区域 */
.graceful-scroll-bar::-webkit-scrollbar {
  width: 8px;        /* 垂直滚动条宽度 */
  height: 8px;       /* 水平滚动条高度 */
  background: var(--graceful-scroll-bar-bg-color); /* 滚动条轨道背景 */
}

/* 滚动条轨道 */
.graceful-scroll-bar::-webkit-scrollbar-track {
  background: var(--graceful-scroll-bar-track-bg-color);
  border-radius: 4px;
}

/* 滚动条滑块 */
.graceful-scroll-bar::-webkit-scrollbar-thumb {
    background: var(--graceful-scroll-bar-thumb-bg-color);
    border-radius: 4px;
}


li a:hover {
    background-color: var(--leaf-node-a-hover-color);
}

li a.active {
    background-color: var(--leaf-node-color-active-bg-color);
}