/* 移动端优化 */
@media (max-width: 768px) {
	.container {
		padding: 0 12px;
	}

	html {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.container {
		padding: 0 10px;
	}

	html {
		font-size: 13px;
	}
}

/* 移动端头部优化 */
@media (max-width: 768px) {
	.header-content {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	.logo {
		flex-direction: column;
		text-align: center;
		min-width: auto;
	}

	.contact-info {
		text-align: center;
		min-width: auto;
		width: 100%;
	}

	.logo-icon {
		/* font-size: 2.5rem; */
		/* height: 40px; */
		height: 2.5rem;
	}
}

@media (max-width: 768px) {
	.nav-links {
		flex-direction: column;
		display: none;
		width: 100%;
		background-color: var(--dark-green);
	}

	.nav-links.active {
		display: flex;
	}

	.nav-links li {
		width: 100%;
		min-width: auto;
		text-align: left;
	}

	.nav-links a {
		padding: 15px 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		color: var(--white);
	}

	.nav-links a:hover {
		background-color: rgba(255, 255, 255, 0.1);
	}

	.mobile-menu-btn {
		display: flex;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media (max-width: 768px) {
	.hero {
		padding: 40px 0;
		background-attachment: scroll;
	}
}

@media (max-width: 768px) {
	.hero h2 {
		font-size: 1.8rem;
	}

	.hero p {
		font-size: 1rem;
		padding: 0 10px;
	}
}

@media (max-width: 768px) {
	.cta-button {
		padding: 12px 20px;
		/* 减小移动端按钮内边距 */
		font-size: 0.95rem;
		width: auto;
		/* 改为自动宽度 */
		max-width: 100%;
		/* 最大宽度为100% */
		white-space: nowrap;
		/* 防止文字换行 */
	}

	/* 特别针对"获取专业咨询"按钮 */
	.footer-column .cta-button {
		padding: 10px 18px;
		font-size: 0.9rem;
	}
}

@media (max-width: 768px) {
	section {
		padding: 40px 0;
	}
}

@media (max-width: 768px) {
	.section-title h2 {
		font-size: 1.7rem;
	}

	.section-title {
		margin-bottom: 30px;
	}
}

@media (max-width: 768px) {
	.card-header {
		padding: 15px;
	}

	.card-body {
		padding: 20px;
	}

	.card-header i {
		font-size: 2rem;
	}
}

@media (max-width: 768px) {
	.grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.about-content {
		flex-direction: column;
		gap: 30px;
	}

	.about-text,
	.about-video {
		min-width: 100%;
	}

	.video-controls {
		width: 35px;
		height: 35px;
		bottom: 10px;
		right: 10px;
	}
}

@media (max-width: 768px) {
	.brands {
		gap: 15px;
	}

	.brand-item {
		min-width: 120px;
		padding: 10px 15px;
		font-size: 0.9rem;
	}
}

/* 移动端列表优化 */
@media (max-width: 768px) {
	.service-list li {
		padding: 10px 0;
		align-items: flex-start;
	}

	.service-list i {
		margin-top: 3px;
	}
}

/* 移动端页脚优化 */
@media (max-width: 768px) {
	.footer-content {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	footer {
		padding: 40px 0 20px;
	}

	.footer-column h3 {
		font-size: 1.2rem;
	}
}

@media (max-width: 768px) {
	.copy-notification {
		top: 80px;
		right: 10px;
		left: 10px;
		max-width: none;
		text-align: center;
	}
}

@media (max-width: 768px) {
	.back-to-top {
		width: 45px;
		height: 45px;
		bottom: 20px;
		right: 20px;
	}
}