/* 隐藏侧边栏时的样式 */
#sidebar.hidden {
    width: 0;
}

#content.full-width {
    margin-left: 0;
}

/* 让版权信息悬浮在底部 */
.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 64px;
    right: 0;
}

/* 一级菜单样式 */
#sidebar ul li a {
    padding-left: 1.5rem; /* 确保一级菜单文本左侧距离 */
}

/* 二级菜单样式 */
#sidebar ul ul {
    background-color: #374151; /* 二级菜单区域背景色，与一级菜单区分 */
}

#sidebar ul ul li a {
    padding-left: 1.5rem; /* 让二级菜单文本左侧和一级菜单文本左侧对齐 */
    display: block;
    width: 100%;
    font-size: 0.875rem; /* 让二级菜单文本和一级菜单文本大小一致 */
    padding-top: 1rem; /* 增加二级菜单高度 */
    padding-bottom: 1rem;
}

#sidebar ul ul li a:hover {
    background-color: #4a5568; /* 鼠标悬停时背景色贯穿 */
}

/* 二级菜单高亮样式 */
#sidebar ul ul li a.active {
    background-color: #4a5568;
}

/* 调整 main-content 和 iframe 的样式 */
#main-content {
    padding: 0; /* 移除内边距 */
    position: relative; /* 设置相对定位 */
    height: calc(100vh - 56px - 40px); /* 减去顶部栏和版权信息版块的高度 */
}

#content-iframe {
    position: absolute; /* 设置绝对定位 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.version{
	display: block;
	width: 80px;
	height: 25px;
	line-height: 25px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	margin-bottom: -10px;
	background: #1E90FF;
	margin-top: 5px;
	border-radius: 12.5px;
	cursor: pointer;
	color: white;
}

.version:hover{
	color: white;
}