/* 修复CSS - 确保内容正常显示 */

/* 强制显示主内容 */
.main-content {
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
}

/* 确保所有主要区域可见 */
.navbar,
.hero-section,
#about,
#services,
#advantages,
#contact,
.footer {
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
}

/* 确保导航栏可见 */
.navbar {
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 1000 !important;
}

/* 确保英雄区域可见 */
.hero-section {
	opacity: 1 !important;
	visibility: visible !important;
	min-height: 100vh !important;
}

/* 确保所有文本可见 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
a,
button {
	opacity: 1 !important;
	visibility: visible !important;
}

/* 确保图片可见 */
img {
	opacity: 1 !important;
	visibility: visible !important;
}

/* 移除任何可能的隐藏动画 */
.loading-animation,
.loading-spinner {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

/* 确保背景可见 */
body {
	opacity: 1 !important;
	visibility: visible !important;
	background: var(--bg-primary) !important;
}

/* 强制显示所有内容 */
* {
	animation: none !important;
	transition: none !important;
}

/* 确保响应式布局正常 */
@media (max-width: 768px) {
	.main-content,
	.navbar,
	.hero-section,
	#about,
	#services,
	#advantages,
	#contact,
	.footer {
		opacity: 1 !important;
		visibility: visible !important;
		display: block !important;
	}
}

/* 排版修复 - 确保左右间距 */
.container {
	padding-left: 15px !important;
	padding-right: 15px !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
}

.row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

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

/* 关于我们板块排版修复 */
#about .container {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

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

#about .col-lg-6 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* 联系我们板块排版修复 */
#contact .container {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

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

#contact .col-lg-6 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* 确保表单元素有正确间距 */
.contact-form .form-control {
	margin-bottom: 1rem !important;
}

.contact-info .contact-item {
	margin-bottom: 1rem !important;
}

/* 移动端响应式修复 - 平板设备 */
@media (max-width: 768px) {
	.container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.row {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	
	.col-lg-6,
	.col-lg-3,
	.col-md-6,
	.col-6 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/* 手机端专门优化 - 小屏幕设备 */
@media (max-width: 576px) {
	/* 容器间距调整 */
	.container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	/* 行间距调整 */
	.row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	
	/* 列间距调整 */
	.col-lg-6,
	.col-lg-3,
	.col-md-6,
	.col-6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	/* 关于我们板块手机端优化 */
	#about .py-5 {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	
	#about .row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	
	#about .col-lg-6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: 1.5rem !important;
	}
	
	#about .about-image img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	/* 联系我们板块手机端优化 */
	#contact .py-5 {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	
	#contact .row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	
	#contact .col-lg-6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: 2rem !important;
	}
	
	/* 联系信息手机端优化 */
	.contact-info .contact-item {
		margin-bottom: 1rem !important;
		padding: 0.75rem !important;
		background: rgba(0, 0, 0, 0.02) !important;
		border-radius: 8px !important;
	}
	
	.contact-info .contact-item i {
		width: 20px !important;
		text-align: center !important;
		margin-right: 0.75rem !important;
	}
	
	/* 联系表单手机端优化 */
	.contact-form .form-control {
		margin-bottom: 1rem !important;
		padding: 0.75rem !important;
		font-size: 16px !important; /* 防止iOS缩放 */
	}
	
	.contact-form .btn {
		padding: 0.75rem 1.5rem !important;
		font-size: 16px !important;
	}
	
	/* 标题和文字手机端优化 */
	.section-title {
		font-size: 1.75rem !important;
		margin-bottom: 1rem !important;
	}
	
	.lead {
		font-size: 1rem !important;
		line-height: 1.6 !important;
	}
	
	/* 图片手机端优化 */
	img {
		max-width: 100% !important;
		height: auto !important;
	}
}

/* 超小屏幕设备优化 */
@media (max-width: 375px) {
	.container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.row {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	
	.col-lg-6,
	.col-lg-3,
	.col-md-6,
	.col-6 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	/* 进一步减少内边距 */
	#about .py-5,
	#contact .py-5 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	
	.section-title {
		font-size: 1.5rem !important;
	}
}
