.nav-openPanel {
		height: 14px;
		width: auto;
		object-fit: contain;
	}

	/* 面板容器 */
	#panelContainer {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 2;
		display: none;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	#panelContainer.active {
		opacity: 1;
	}

	/* 滑出面板样式 */
	#slidePanel {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 50px;
		background-color: rgba(0, 0, 0, 0.7);
		transform: translateX(100%);
		transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
		overflow-y: auto;
	}

	/* 关闭按钮样式 */
	#closePanel {
		position: absolute;
		top: 15px;
		right: 25px;
		cursor: pointer;
		transition: all 0.2s ease;
		width: 15px;
		height: 15px;
	}

	/* 面板内容容器 */
	.panel-content {
		padding-top: 50px;
		padding-left: 0;
		padding-right: 25px;
		margin: 0 auto;
		width: 100%;
	}

	/* 内容项列表容器 */
	.content-list {
		width: 100%;
		padding-top: 20px;
		padding-left: 35px;
		position: relative;
	}

	/* 第一个内容项上方的横线 */
	.content-list::before {
		content: '';
		position: absolute;
		right: 0;
		top: 20px;
		width: calc(100% - 65px);
		height: 1px;
		background-color: transparent;
		border-top: 1px solid rgba(45, 47, 59, 1);
	}

	/* 单个内容项样式 - 整行样式 */
	.content-item {
		padding: 25px 0 25px 0px;
		margin-bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		/* align-items: center; */
		cursor: pointer;
		position: relative;
		/*transition: all 0.2s ease;*/
	}

	.content-item-title {
		display: flex;
		justify-content: space-between;
		font-size: 16px;
	}

	/* 选中状态 - 整行背景色变化（包括所有padding区域） */
	.content-item.active {
		background-color: rgba(45, 47, 59, 1);
		margin-left: -35px;
		padding-left: 35px;
		margin-right: -25px;
		padding-right: 25px;
	}

	/* 选中项左侧竖线 */
	.content-item.active::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 2px;
		background-color: rgba(94, 199, 221, 1);
	}

	.content-item span {
		font-size: 16px;
		font-weight: 400;
		color: rgba(255, 255, 255, 1);
		transition: color 0.2s ease;
	}

	/* 下拉内容容器 */
	.sub-content {
		width: 100%;
		padding-left: 40px;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
		margin-top: 15px;
		display: flex;
		flex-direction: column;
	}

	/* 下拉项样式 */
	.sub-item {
		padding: 16px 0;
		color: rgba(255, 255, 255, 0.8);
		font-size: 14px;
		transition: color 0.2s;
	}

	.content-list a:visited {
		color: rgba(255, 255, 255, 0.8);
	}

	.sub-item:hover {
		color: rgba(94, 199, 221, 1);
		cursor: pointer;
	}

	.content-item[data-has-sub="true"] {
		padding-bottom: 10px;
	}

	/* 有子菜单的项，箭头旋转效果 */
	.content-item[data-has-sub="true"].active .arrow-icon {
		transform: rotate(90deg);
		transition: transform 0.3s;
	}

	.content-item[data-has-sub="true"].active .sub-content {
		max-height: 500px;
	}

	/* 横线样式 - 从右侧顶头开始 */
	.content-item::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;
		width: calc(100% - 30px);
		height: 1px;
		background-color: transparent;
		border-top: 1px solid rgba(45, 47, 59, 1);
	}

	/* 箭头图标样式 */
	.arrow-icon {
		width: 10px;
		height: 17px;
	}

	</style>