/* --- 底部组件样式（第一个脚部）--- */
			.qlbd-footer-1 {
				background-color: var(--ql-color-bg-dark);
				color: var(--ql-color-text-light);
				font-size: var(--ql-font-size-sm);
				will-change: background-color;
				transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
				border-bottom: var(--ql-space-2) var(--ql-color-primary-light) solid;
				padding: var(--ql-space-4) 0px;
			}

			/* 主容器宽度：使用全局容器变量 */
			.qlbd-footer-1__container {
				max-width: var(--ql-container-width);
				width: 100%;
				margin: 0 auto;
			}

			/* 主要内容区域 - 严格50%均分（桌面端） */
			.qlbd-footer-1__main {
				display: flex;
				justify-content: space-between;
				margin-bottom: var(--ql-space-5);
				padding-bottom: var(--ql-space-4);
				border-bottom: 1px solid rgba(255, 255, 255, 0.1);
			}

			/* 二维码区域 - 占50%宽度（桌面端） */
			.qlbd-footer-1__qrcodes {
				width: 48%;
				/* 留2%间距 */
				display: flex;
				justify-content: space-around;
				align-items: center;
				padding: var(--ql-space-2);
			}

			.qlbd-footer-1__qrcode-item {
				text-align: center;
				max-width: 120px;
			}

			.qlbd-footer-1__qrcode-img {
				width: 100px;
				height: 100px;
				background-color: var(--ql-color-white);
				padding: var(--ql-space-2);
				margin: 0 auto var(--ql-space-2);
				border-radius: var(--ql-radius-md);
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
				transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
				will-change: transform, box-shadow;
			}

			.qlbd-footer-1__qrcode-img:hover {
				transform: translateY(-3px);
				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
			}

			.qlbd-footer-1__qrcode-label {
				font-size: var(--ql-font-size-sm); /* 稍微调大一点 */
				color: rgba(255, 255, 255, 0.9); /* 调亮颜色 */
				font-weight: 600; /* 加粗 */
				white-space: nowrap;
				margin-top: 8px; /* 增加一点间距 */
			}

			/* 联系方式区域 - 占50%宽度（桌面端） */
			.qlbd-footer-1__contact {
				width: 48%;
				/* 留2%间距 */
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding: var(--ql-space-2);
			}

			.qlbd-footer-1__contact-title {
				color: var(--ql-color-white);
				font-size: var(--ql-font-size-lg);
				font-weight: 600;
				margin-bottom: var(--ql-space-2);
				text-align: center;
			}

			.qlbd-footer-1__contact-list {
				list-style: none;
				padding: 0;
				margin: 0;
				display: flex;
				flex-direction: column;
				align-items: center; /* 让子元素居中，不再拉伸 */
				gap: var(--ql-space-1);
			}

			/* 联系方式横向排列（桌面端） */
			.qlbd-footer-1__contact-item {
				display: flex;
				align-items: center;
				justify-content: flex-start; /* 内容左对齐 */
				font-size: var(--ql-font-size-md);
				padding: var(--ql-space-2) var(--ql-space-4);
				background-color: rgba(255, 255, 255, 0.05); /*稍微亮一点的背景*/
				border-radius: var(--ql-radius-sm);
				text-align: left;
				transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
				width: 100%; /* 默认宽度 */
				max-width: 320px; /* 限制最大宽度，防止太长 */
			}

			.qlbd-footer-1__contact-item:hover {
				background-color: rgba(255, 255, 255, 0.05);
			}

			.qlbd-footer-1__contact-icon {
				width: 22px; /* 稍微加大一点 */
				height: 22px;
				color: #fff; /* 改成纯白色，或者你可以改成更亮的金色 #FFD700 */
				margin-right: var(--ql-space-3);
				flex-shrink: 0;
				transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
				filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5)); /* 加一点发光效果 */
			}

			.qlbd-footer-1__contact-item:hover .qlbd-footer-1__contact-icon {
				transform: scale(1.1);
			}

			.qlbd-footer-1__contact-label {
				color: rgba(255, 255, 255, 0.7); /* 调亮标签颜色 */
				margin-right: var(--ql-space-2);
				font-weight: 500;
			}

			.qlbd-footer-1__contact-value {
				color: #fff; /* 值设为纯白 */
				font-weight: 500;
			}

			/* 底部版权信息 - 完全居中 */
			.qlbd-footer-1__bottom {
				text-align: center;
				padding-top: var(--ql-space-3);
				font-size: var(--ql-font-size-xs);
				color: var(--ql-color-text-placeholder);
			}

			.qlbd-footer-1__copyright {
				margin: 0 0 var(--ql-space-2) 0;
			}

			.qlbd-footer-1__links {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: var(--ql-space-4);
			}

			.qlbd-footer-1__link {
				color: var(--ql-color-text-placeholder);
				text-decoration: none;
				transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
				position: relative;
				padding-bottom: 2px;
				will-change: color;
			}

			.qlbd-footer-1__link::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 0;
				height: 1px;
				background-color: var(--ql-color-primary);
				transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
				will-change: width;
			}

			.qlbd-footer-1__link:hover {
				color: var(--ql-color-primary);
			}

			.qlbd-footer-1__link:hover::after {
				width: 100%;
			}

			/* 响应式适配 */
			@media (max-width: 1200px) {
				.qlbd-footer-1__container {
					padding: 0 var(--ql-space-4);
				}
			}

			/* 平板端（992px以下） */
			@media (max-width: 992px) {
				.qlbd-footer-1__qrcodes {
					width: 60%;
				}

				.qlbd-footer-1__contact {
					width: 40%;
				}
			}

			/* 移动端（768px以下）- 关键修复 */
			@media (max-width: 768px) {
				.qlbd-footer-1__main {
					flex-direction: column;
					/* 改为垂直排列 */
					gap: var(--ql-space-4);
				}

				.qlbd-footer-1__qrcodes {
					width: 100%;
					/* 二维码区域占满宽度 */
					justify-content: space-around;
					gap: var(--ql-space-4);
				}

				.qlbd-footer-1__contact {
					width: 100%;
					/* 联系方式区域占满宽度 */
				}

				.qlbd-footer-1__contact-item {
					flex-direction: unset;
					/* 保持横向排列 */
					justify-content: center;
					gap: var(--ql-space-2);
				}

				.qlbd-footer-1__contact-icon {
					margin-right: var(--ql-space-2);
					margin-bottom: 0;
				}
			}