/* --- PC端导航栏组件 - 第一版 --- */
		.qlbd-nav-pc-fir {
			width: 100%;
			height: 80px;
			background-color: var(--ql-color-white); /* 白色背景 */
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* 淡淡的阴影 */
			position: relative;
			z-index: 1000;
		}

		/* 容器：限制宽度 + 居中 */
		.qlbd-nav-pc-fir__container {
			max-width: var(--ql-container-width);
			width: 100%;
			height: 100%;
			margin: 0 auto;
			padding: 0 var(--ql-space-4);
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		/* 左侧 Logo */
		.qlbd-nav-pc-fir__logo {
			display: flex;
			align-items: center;
			height: 100%;
		}

		.qlbd-nav-pc-fir__logo-img {
			height: 50px; /* Logo 高度 */
			width: auto;
			object-fit: contain;
		}
		
		/* 如果没有图片，用文字代替 */
		.qlbd-nav-pc-fir__logo-text {
			font-size: 24px;
			font-weight: 700;
			color: var(--ql-color-primary);
			text-decoration: none;
		}

		/* 右侧 导航菜单 */
		.qlbd-nav-pc-fir__menu {
			display: flex;
			list-style: none;
			margin: 0;
			padding: 0;
			height: 100%;
			align-items: center;
		}

		.qlbd-nav-pc-fir__item {
			margin-left: var(--ql-space-5);
			height: 100%;
			display: flex;
			align-items: center;
			position: relative;
		}

		.qlbd-nav-pc-fir__link {
			text-decoration: none;
			color: var(--ql-color-text-regular);
			font-size: var(--ql-font-size-md);
			font-weight: 500;
			padding: 0 var(--ql-space-2);
			height: 100%;
			display: flex;
			align-items: center;
			transition: color 0.3s;
			position: relative;
		}

		/* 鼠标悬停变色 */
		.qlbd-nav-pc-fir__link:hover {
			color: var(--ql-color-primary);
		}

		/* 选中状态 */
		.qlbd-nav-pc-fir__item.active .qlbd-nav-pc-fir__link {
			color: var(--ql-color-primary);
			font-weight: 600;
		}

		/* --- 核心动画：底部线条缓缓出现 --- */
		.qlbd-nav-pc-fir__link::after {
			content: '';
			position: absolute;
			bottom: 0; /* 贴在底部 */
			left: 0;
			width: 0; /* 初始宽度为0 */
			height: 3px; /* 线条高度 */
			background-color: var(--ql-color-primary); /* 主题色 */
			transition: width 0.3s ease-out; /* 缓缓展开 */
		}

		.qlbd-nav-pc-fir__link:hover::after {
			width: 100%; /* 悬停时宽度变100% */
		}

		/* 选中状态下线条常驻 */
		.qlbd-nav-pc-fir__item.active .qlbd-nav-pc-fir__link::after {
			width: 100%;
		}

		/* --- 响应式处理 --- */
		/* 小于 1200px 时隐藏整个组件 */
		@media (max-width: 1200px) {
			.qlbd-nav-pc-fir {
				display: none !important;
			}
		}