/* 手机端专门修复CSS - 高优先级 */

/* 强制覆盖Bootstrap默认样式 */
@media (max-width: 576px) {
	/* 容器强制修复 */
	body .container,
	html .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 100% !important;
		margin: 0 auto !important;
	}

	/* 行强制修复 */
	body .row,
	html .row {
		margin-left: -15px !important;
		margin-right: -15px !important;
		display: flex !important;
		flex-wrap: wrap !important;
	}

	/* 列强制修复 */
	body .col-lg-6,
	html .col-lg-6,
	body .col-lg-3,
	html .col-lg-3,
	body .col-md-6,
	html .col-md-6,
	body .col-6,
	html .col-6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	/* 关于我们板块强制修复 */
	body #about .container,
	html #about .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	body #about .row,
	html #about .row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}

	body #about .col-lg-6,
	html #about .col-lg-6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: 1.5rem !important;
		width: 100% !important;
		flex: 0 0 100% !important;
	}

	body #about .py-5,
	html #about .py-5 {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}

	/* 联系我们板块强制修复 */
	body #contact .container,
	html #contact .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	body #contact .row,
	html #contact .row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}

	body #contact .col-lg-6,
	html #contact .col-lg-6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: 2rem !important;
		width: 100% !important;
		flex: 0 0 100% !important;
	}

	body #contact .py-5,
	html #contact .py-5 {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}

	/* 联系信息强制修复 */
	body .contact-info .contact-item,
	html .contact-info .contact-item {
		margin-bottom: 1rem !important;
		padding: 0.75rem !important;
		background: rgba(0, 0, 0, 0.02) !important;
		border-radius: 8px !important;
		display: flex !important;
		align-items: center !important;
	}

	body .contact-info .contact-item i,
	html .contact-info .contact-item i {
		width: 20px !important;
		text-align: center !important;
		margin-right: 0.75rem !important;
		flex-shrink: 0 !important;
	}

	/* 联系表单强制修复 */
	body .contact-form .form-control,
	html .contact-form .form-control {
		margin-bottom: 1rem !important;
		padding: 0.75rem !important;
		font-size: 16px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	body .contact-form .btn,
	html .contact-form .btn {
		padding: 0.75rem 1.5rem !important;
		font-size: 16px !important;
		width: 100% !important;
	}

	/* 图片强制修复 */
	body img,
	html img {
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
	}

	/* 标题强制修复 */
	body .section-title,
	html .section-title {
		font-size: 1.75rem !important;
		margin-bottom: 1rem !important;
		text-align: center !important;
	}

	body .lead,
	html .lead {
		font-size: 1rem !important;
		line-height: 1.6 !important;
		text-align: center !important;
	}

	/* 强制清除浮动 */
	body .row::after,
	html .row::after {
		content: "" !important;
		display: table !important;
		clear: both !important;
	}

	/* 强制块级显示 */
	body .col-lg-6,
	html .col-lg-6 {
		float: none !important;
		display: block !important;
	}

	/* AOS动画库手机端修复 - 禁用动画效果 */
	body [data-aos],
	html [data-aos] {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
		transition: none !important;
		visibility: visible !important;
	}

	/* 强制移除AOS的transform和opacity */
	body [data-aos="fade-up"],
	html [data-aos="fade-up"],
	body [data-aos="fade-down"],
	html [data-aos="fade-down"],
	body [data-aos="fade-left"],
	html [data-aos="fade-left"],
	body [data-aos="fade-right"],
	html [data-aos="fade-right"],
	body [data-aos="zoom-in"],
	html [data-aos="zoom-in"],
	body [data-aos="zoom-out"],
	html [data-aos="zoom-out"] {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
		transition: none !important;
		visibility: visible !important;
	}

	/* 强制显示所有AOS元素 */
	body .aos-animate,
	html .aos-animate {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
		transition: none !important;
		visibility: visible !important;
	}

	/* 禁用AOS的延迟效果 */
	body [data-aos-delay],
	html [data-aos-delay] {
		animation-delay: 0s !important;
		transition-delay: 0s !important;
	}
}

/* 超小屏幕强制修复 */
@media (max-width: 375px) {
	body .container,
	html .container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	body .row,
	html .row {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}

	body .col-lg-6,
	html .col-lg-6,
	body .col-lg-3,
	html .col-lg-3,
	body .col-md-6,
	html .col-md-6,
	body .col-6,
	html .col-6 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	body #about .py-5,
	html #about .py-5,
	body #contact .py-5,
	html #contact .py-5 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	body .section-title,
	html .section-title {
		font-size: 1.5rem !important;
	}

	/* 超小屏幕AOS完全禁用 */
	body [data-aos],
	html [data-aos] {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
		transition: none !important;
		visibility: visible !important;
	}
}

/* 强制覆盖任何可能的冲突样式 */
@media (max-width: 576px) {
	/* 使用更高优先级的选择器 */
	body .container,
	body .row,
	body .col-lg-6,
	body #about .container,
	body #about .row,
	body #about .col-lg-6,
	body #contact .container,
	body #contact .row,
	body #contact .col-lg-6 {
		box-sizing: border-box !important;
	}

	/* 确保响应式类生效 */
	body .d-lg-none,
	html .d-lg-none {
		display: block !important;
	}

	body .d-lg-block,
	html .d-lg-block {
		display: none !important;
	}

	/* 完全禁用AOS在手机端的影响 */
	body .aos-init,
	html .aos-init,
	body .aos-animate,
	html .aos-animate {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
		transition: none !important;
		visibility: visible !important;
	}
}