html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Inter', sans-serif;
}

.hero-gradient {
	background: linear-gradient(135deg, #0a1120 0%, #003d99 100%);
}

.text-gradient {
	background: linear-gradient(90deg, #1a75ff, #ff8c00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.card-hover {
	transition: all 0.3s ease;
}

.card-hover:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.animate-float {
	animation: float 6s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0px);
	}
}

.product-card {
	transition: all 0.3s ease;
	overflow: hidden;
	position: relative; /* 修复overlay定位问题 */
}

.product-card:hover .product-overlay {
	opacity: 1;
}

.product-overlay {
	opacity: 0;
	transition: all 0.3s ease;
	background: rgba(0, 55, 143, 0.9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 40px);
}

/* 硬件产品图片轮播样式 */
.hardware-img-container {
	position: relative;
	overflow: hidden;
	height: 192px; /* 修复图片高度问题 */
}

.hardware-img-wrapper {
	display: flex;
	transition: transform 0.5s ease;
	height: 100%;
}

.hardware-img-item {
	min-width: 100%;
	height: 100%;
}

.hardware-img-nav {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 5px;
}

.hardware-img-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
	cursor: pointer;
	transition: background 0.3s ease;
}

.hardware-img-dot.active {
	background: #0066ff;
}

.hardware-params {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
	font-size: 14px;
}

.hardware-param-item {
	display: flex;
	justify-content: space-between;
	padding: 4px 0;
	border-bottom: 1px dashed #e5e7eb;
}

.hardware-param-label {
	color: #6b7280;
}

.hardware-param-value {
	color: #1f2937;
	font-weight: 500;
}

.solution-tab.active {
	color: #0066ff;
	border-bottom: 2px solid #0066ff;
}

.solution-content {
	display: none;
}

.solution-content.active {
	display: block;
	animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

.chatbot-container {
	transition: all 0.3s ease;
	transform: translateY(calc(100% - 60px));
}

.chatbot-container.open {
	transform: translateY(0);
}

.chatbot-header {
	cursor: pointer;
}

.chat-messages {
	height: 300px;
	overflow-y: auto;
}

.message {
	max-width: 80%;
	margin-bottom: 10px;
	padding: 10px 15px;
	border-radius: 20px;
}

.user-message {
	background-color: #e6f0ff;
	margin-left: auto;
	border-bottom-right-radius: 5px;
}

.bot-message {
	background-color: #f0f0f0;
	margin-right: auto;
	border-bottom-left-radius: 5px;
}

#model-container {
	width: 100%;
	height: 400px;
	background-color: #0a1120;
	border-radius: 8px;
	overflow: hidden;
}

/* 移动端菜单切换调整 */
.mobile-menu {
	display: none;
}
.mobile-menu.open {
	display: block;
}
/* 滚动显示动画 */
.scroll-reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.8s ease;
}

.scroll-reveal.active {
	opacity: 1;
	transform: translateY(0);
}

/* 产品页面特定样式 */
.text-shadow {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.bg-gradient-blue {
	background: linear-gradient(135deg, #0066cc 0%, #00aaff 100%);
}

.border-gradient {
	border-image: linear-gradient(135deg, #0066cc 0%, #00aaff 100%) 1;
}

.text-light {
	color: rgba(255, 255, 255, 0.9);
}