/* 基础样式 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "PingFang SC", "Helvetica Neue", "Arial", sans-serif;
}

body {
	background: #070c2a;
	color: #ffffff;
	overflow-x: hidden;
	font-size: 14px;
	line-height: 1.5;
}

.container {
	/* max-width: 375px; */
	margin: 0 auto;
	position: relative;
	padding-top: 30px;
	max-width: 750px;
}

/* 导航栏样式 */
.navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.8);
	z-index: 1000;
	display: flex;
	justify-content: center;
	padding: 10px 0;
	backdrop-filter: blur(10px);
	transition: all 0.3s ease;
}

.nav-item {
	margin: 0 15px;
	/* padding: 10px 20px; */
	cursor: pointer;
	font-weight: 500;
	transition: all 0.3s ease;
	/*border-radius: 30px;*/
	position: relative;
	overflow: hidden;
}

.nav-item:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background: linear-gradient(90deg, #3498db, #e74c3c);
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

.nav-item.active {
	color: #e74c3c;
	font-weight: 600;
}

.fade_element_csstetx {
	font-family: "Alibaba PuHuiTi 3.0";
	font-size: 24px;
	font-style: normal;
	text-align: center;
	font-weight: 900;
	line-height: normal;

	background: linear-gradient(180deg, #fff 17.91%, #59a9ff 76.12%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* 创始人部分 */
.founder {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px;
	gap: 12px;
	padding: 12px;
}
.founder-img-wrapper {
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

/* 五大业务板块 */
.modules {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.modules > .card {
	/* width: 30%; */
	width: calc(50% - 16px);
	/* height: auto; */
	min-height: 180px;
	margin-right: 16px;
}
.modules > .card:last-child {
	width: 100%;
}
.card-item-content {
	display: flex;
	font-size: 10px;
	line-height: 20px;
}
.card-item-content-number {
	width: 15px;
}
.card-item-content-main {
	flex: 1;
}
.card-item-content12 {
	/* width: 180px; */
	width: 80%;
	line-height: 20px;
	display: flex;
}
.card-item-content12 > p {
	/* width: 180px; */
}
.important-project,
.core-resource {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.important-project > .card-item-content,
.core-resource > .card-item-content {
	/* width: 180px; */
	width: 150px;
}

/* 服务实力与成果预览 */
.main-content .container-service {
	padding: 5px;
}
.container-service td {
	vertical-align: top;
	padding: 2px;
	font-size: 10px;
	color: rgba(255, 255, 255, 0.8);
}
.container-service td.item-title {
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
	color: #fff;
	vertical-align: middle;
}
.container-service p {
	font-weight: bold;
	font-size: 12px;
}

/* 核心资源部分 */
.core-resource {
	text-align: left;
}

.advantage > .card {
	min-height: 100px;
}

/* 五大业务板块小标题 */
.fade_element_css {
	/* font-weight: 400; */
	font-weight: bold;
	text-align: center;
	color: rgba(255, 255, 255, 0.8);
	margin: 5px 0 10px;
}
.text-lt-indent {
	text-align: left;
	text-indent: 2em;
}

.nav-item.active:before {
	width: 80%;
}

/* 顶部状态栏 */
.status-bar {
	min-height: 210px;
	background-color: #051026;
}

.status-bar-img {
	width: 100%;
	height: auto;
}

/* 主内容区 */
.main-content {
	padding-bottom: 50px;
	/* 为底部导航留出空间 */
}

/* 通用组件样式 */
.section {
	padding: 20px 16px;
}

.section-title {
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}

.section-title-text {
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 0 16px;
}

.section-title-text::before,
.section-title-text::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 24px;
	height: 1px;
	background-color: #fff;
}

.section-title-text::before {
	left: -30px;
}

.section-title-text::after {
	right: -30px;
}

.section-subtitle {
	text-align: center;
	color: #fff;
	/* font-size: 12px; */
	margin-bottom: 10px;
}

.card {
	background: linear-gradient(122deg, #132775 7.71%, #2e3091 93.32%);
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 16px;
}

.card-secondary {
	/* background-color: rgba(15, 46, 107, 0.6); */
}

.col-span-2 {
	width: 100%;
}

.text-accent {
	color: #fff;
}

.text-sm {
	font-size: 12px;
}

.text-xs {
	font-size: 10px;
}

.text-gray {
	color: rgba(255, 255, 255, 0.8);
	line-height: 20px;
}

.text-grays {
	color: #fff;
	line-height: 20px;
	margin-top: 20px;
}

.font-bold {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.text-center {
	text-align: center;
}

.img-placeholder {
	width: 100%;
	min-height: 150px;
	/* border-radius: 12px; */
	border-radius: 40px;
	overflow: hidden;
	margin-top: 17px;
}

/* 网格布局 */
.grid-cols-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.grid-cols-1 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

/* 公司介绍 */
.company-intro {
	margin-bottom: 16px;
}

.intro-image-container {
	border-radius: 12px;
	overflow: hidden;
	/* margin-bottom: 16px; */
}

/* 企业文化 */
.culture-item {
	text-align: center;
	padding: 16px 10px; /* 减少左右内边距，增加可用空间 */
	min-height: 160px; /* 设置最小高度 */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.culture-icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin: 0 auto 12px;
}

/* 针对手机端的特殊调整 */
@media (max-width: 768px) {
	.culture-item {
		padding: 14px 8px; /* 手机端进一步减少内边距 */
		min-height: 150px;
	}

	.culture-item p {
		font-size: 11px; /* 稍微调小字体 */
		line-height: 1.5;
		word-break: keep-all; /* 防止单词断开 */
		word-spacing: -0.5px; /* 减少词间距 */
		letter-spacing: -0.2px; /* 减少字母间距 */
	}

	.culture-item h3 {
		font-size: 15px;
		margin-bottom: 8px;
	}
}

/* 强制覆盖原有居中样式 + 适配手机端 */
/* 核心资源区块整体 */
.core-resource-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	padding: 0 4px;
	box-sizing: border-box;
}

/* 单个资源卡片：强制左对齐，覆盖原有居中 */
.core-resource-item {
	width: 100%;
	padding: 12px 8px !important; /* 增加内边距避免文字贴边，!important覆盖原有样式 */
	margin-bottom: 0;
	text-align: left !important; /* 强制左对齐，覆盖任何居中样式 */
	box-sizing: border-box;
}

/* 卡片标题：强制左对齐 + 适配手机 */
.core-resource-item h3 {
	height: auto; /* 取消固定高度，避免标题被截断 */
	line-height: 1.4;
	font-size: 16px;
	font-weight: bold;
	text-align: left !important; /* 强制左对齐 */
	padding: 0 0 8px 0 !important; /* 取消原有内边距，左对齐更紧凑 */
	margin: 0 !important;
}

/* 列表项容器：强制左对齐 */
.core-resource-content {
	padding: 0 !important;
	width: 100%;
	text-align: left !important;
}

/* 列表项：左对齐+修复溢出 */
.card-item-content {
	display: flex;
	align-items: flex-start;
	margin-bottom: 8px;
	line-height: 1.6;
	font-size: 10px;
	text-align: left !important;
	padding: 0;
	width: 100%; /* 确保列表项不超出容器 */
}

/* 列表序号 */
.card-item-content-number {
	flex-shrink: 0;
	margin-right: 4px;
	min-width: 16px;
	text-align: left;
}

/* 列表正文：解决溢出+尽量少换行 */
.card-item-content-main {
	flex: 1;
	white-space: normal; /* 手机端直接允许换行，避免溢出（核心修复） */
	word-break: keep-all; /* 换行不拆分汉字 */
	overflow: hidden; /* 极端情况避免溢出 */
	text-align: left !important;
}

/* 手机端适配（细化） */
@media (max-width: 768px) {
	.core-resource-container {
		padding: 0 2px;
		gap: 16px;
	}

	.core-resource-item {
		padding: 10px 6px !important;
	}

	.core-resource-item h3 {
		font-size: 15px;
	}

	.card-item-content {
		font-size: 12px;
		margin-bottom: 6px;
	}

	.card-item-content-number {
		margin-right: 3px;
		min-width: 14px;
	}
}

/* 团队成员 */
.team-member {
	display: flex;
	gap: 12px;
	padding: 12px;
}

.member-avatar {
	width: 60px;
	height: 60px;
	/* background-color: #fff; */
	border-radius: 50%;
	/* border: 2px solid #fff; */
}

.member-info {
	flex: 1;
}

.member-name {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 4px;
}

.member-title {
	color: #fff;
	font-size: 12px;
	margin-bottom: 8px;
	width: 100px;
	height: 27px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: #070c2a66;
}

/* 业务板块 */
.business-item {
	text-align: center;
	padding: 16px 8px;
}

.business-icon {
	width: 32px;
	height: 32px;
	/* background-color: #fff; */
	border-radius: 6px;
	margin: 0 auto 8px;
}

/* 资源生态圈 */
.resource-list {
	list-style: none;
}

.resource-item {
	text-align: center;
	font-size: 13px;
	margin-bottom: 8px;
}

.resource-icon {
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 50%;
	margin-right: 8px;
	margin-top: 4px;
}

/* 客服浮标 */
.service-float {
	position: fixed;
	bottom: 106px;
	right: 16px;
	width: 64px;
	height: 64px;
	background: #985dff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 12px rgba(22, 93, 255, 0.4);
	z-index: 100;
}

.service-icon {
	width: 24px;
	height: 24px;
	/* background-color: #fff; */
	border-radius: 4px;
}

/* 二维码弹窗 */
.qr-modal {
	position: fixed;
	bottom: 200px;
	right: 16px;
	width: 160px;
	height: 160px;
	background-color: #fff;
	/* padding: 10px; */
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	z-index: 99;
	display: none;
}

.qr-modal.show {
	display: block;
}

.qr-code {
	width: 100%;
	height: 100%;
	/* background-color: #eee; */
}

/* 简介小标题与内容 */
.description-item {
	display: flex;
}
.description-item-title {
	font-size: 14px;
	font-weight: bold;
}
.description-item-content {
	flex: 1;
}

/* 国家级牌照与授权 */
.license {
	margin: 20px;
}
/* 轮播图容器样式 */
.carousel {
	width: 100%;
	height: 450px; /* ← 你自己定义的高度 */
	overflow: hidden;
	position: relative;
	border-radius: 12px; /* 可选：圆角 */
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
/* 图片容器（用于平移切换） */
.carousel-imgs {
	display: flex;
	height: 100%;
	transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* 更丝滑的过渡 */
}
/* 轮播图片样式 */
.carousel-img {
	width: 100%;
	height: 100%;
	flex-shrink: 0; /* 防止被压缩 */

	/* 核心：原图比例 + 居中显示 */
	object-fit: contain; /* 推荐：完整显示图片，不裁剪不拉伸 */
	/* object-fit: cover;       如果你想要填满容器并裁剪（类似背景图效果）就用这个 */

	background-color: transparent; /* 图片加载时或有透明区域时的背景色 */
}

/* 国家平台实力见证  */
.national-platform {
	height: 180px;
	display: flex;
	gap: 20px;
	/* padding: 32rpx 16rpx; */
	margin: 16px 0;
}
.platform-title {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
}
.platform-title-br {
	display: inline-block;
}
.national-platform img {
	/* width: 260rpx; */
	width: 100%;
	height: 100%;
}
.national-platform .talent {
	font-size: 10px;
	line-height: 15px;
	margin: 0 auto;
	display: inline-block;
	text-align: left;
	color: rgba(255, 255, 255, 0.8);
}
.national-platform .serial-circle::before {
	top: 2px;
	transform: none;
}

/* 公司文化补充样式 */
.culture {
	display: flex;
	gap: 12px;
}
.culture > .culture-item {
	flex: 1;
}

.text-lt {
	text-align: left;
}

/* 院士专家匹配 */
.talent {
	margin: 0 auto;
	display: inline-block;
	text-align: left;
}

.serial-circle {
	position: relative;
}
.serial-circle::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
}

/* 高科技人才中心 */
.high-tech-talents {
	display: flex;
	align-items: center;
	justify-content: center;
}
.high-tech-talents-content {
	width: calc(100% - 60px);
}

/* 动画效果 */
.fade-element {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-element.visible {
	opacity: 1;
	transform: translateY(0);
}

/* 滚动条样式 */
::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: #0a1a3c;
}

::-webkit-scrollbar-thumb {
	background: #165dff;
	border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
	background: #fff;
}

.section-subtitle-tip {
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
}

/* PC优化 */
@media (min-width: 768px) {
	.founder {
		height: 150px;
	}
	.high-tech-talents-content {
		width: calc(50% - 60px);
	}
	.core-resource > .card-item-content {
		width: 300px;
	}
	.card-item-content-customer {
		text-align: center;
	}
	.advantage > .card {
		min-height: 80px;
	}
	/* 平台实力认证 */
	.national-platform {
		height: 230px;
	}
	.platform-title {
		margin-bottom: 30px;
	}	
	.platform-content {
		padding: 10px;
	}
	.national-platform .serial-circle {
		margin-bottom: 20px;
	}
}