/* ============================================================
   About 模块专属样式 
   ============================================================ */


/* ============================================================
   Section 1: Premium Primary Cell Solutions
   ============================================================ */
.about-intro {
	padding: 50px 0;
	background: #fff;
}
.about-intro-row {
	align-items: stretch;
	gap: 0;
}

/* 左侧：标题 + 下载按钮 */
.about-intro-left {
	padding-right: 80px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.about-intro-title {
	font-size: 34px;
	font-weight: 500;
	color: #000;
	line-height: 1.3;
	margin-bottom: auto;
}
.about-download-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	border: 1px solid #dbdbdb;
	background: #a0bdbb;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-decoration: none;
	border-radius: 4px;
	transition: background 0.2s, color 0.2s;
}
.about-download-btn:hover {
	background: #142949;
	color: #fff;
}

/* 右侧：描述 + 数据 */
.about-intro-desc {
	font-size: 22px;
	line-height: 1.8;
	margin: 0 0 20px;
}
.about-stats {
	margin: 0;
}
.about-stat-item {
	margin-top: 24px;
	padding-right: 20px;
}
.about-stat-num {
	font-size: 36px;
	font-weight: 500;
	color: #000;
	margin: 0 0 4px;
	line-height: 1.1;
}
.about-stat-num sup {
	font-size: 18px;
	vertical-align: super;
}
.about-stat-label {
	font-size: 22px;
	margin: 0;
	line-height: 1.5;
}

@media (max-width: 991px) {
	.about-intro { padding: 48px 0 56px; }
	.about-intro-left { padding-right: 0; margin-bottom: 40px; }
	.about-intro-title { font-size: 28px; }
	.about-intro-desc { font-size: 17px; }
	.about-stat-num { font-size: 28px; }
	.about-stat-label { font-size: 16px; }
}
@media (max-width: 767px) {
	.about-intro { padding: 36px 0 44px; }
	.about-intro-title { font-size: 22px; margin-bottom: 24px; }
	.about-intro-desc { font-size: 14px; }
	.about-stat-item { margin-top: 16px; }
	.about-stat-num { font-size: 22px; }
	.about-stat-label { font-size: 12px; }
}


/* ============================================================
   Section 2: MileCell Bio（60% 黑色遮罩）
   ============================================================ */
.about-bio-hero {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.about-bio-hero-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.about-bio-hero-bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.about-bio-hero-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1;
}
.about-bio-hero-inner {
	position: relative;
	z-index: 2;
	padding: 100px 0;
	text-align: center;
}
.about-bio-hero-title {
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 20px;
	line-height: 1.2;
}
.about-bio-hero-desc {
	font-size: 24px;
	color: rgba(255, 255, 255, 0.88);
	line-height: 1.8;
	margin: 0 auto;
	max-width: 1100px;
}

@media (max-width: 767px) {
	.about-bio-hero-inner { padding: 56px 0 60px; }
	.about-bio-hero-title { font-size: 32px; }
	.about-bio-hero-desc { font-size: 15px; }
}


/* ============================================================
   Section 3: MileCell Bio business
   ============================================================ */
.about-business {
	padding: 70px 0 80px;
	background: #fff;
}
.about-business-title {
	font-size: 46px;
	font-weight: 600;
	color: #000;
	margin: 0 0 20px;
	line-height: 1.3;
}
.about-business-desc {
	font-size: 24px;
	line-height: 1.6;
	margin: 0 0 48px;
}
.about-biz-grid {
	gap: 0;
}
.about-biz-col {
	margin-bottom: 30px;
	padding: 0 20px;
}
.about-biz-card {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 30px 50px;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	background: #f4f4f4;
	transition: border-color 0.2s, box-shadow 0.2s;
	height:100%;
}
.about-biz-card:hover {
	border-color: #142949;
	box-shadow: 0 4px 20px rgba(20, 41, 73, 0.08);
}
.about-biz-icon {
	width: 70px;
	height: 70px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.about-biz-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.about-biz-name {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.about-business { padding: 32px 0 36px; }
	.about-business-title { font-size: 20px; }
	.about-business-desc { font-size: 14px; margin-bottom: 24px; }
	/* 覆盖 Bootstrap col-12，强制2列 */
	.about-biz-col { width: 50%; padding: 0 6px; margin-bottom: 12px; }
	/* 纵向居中，参考首页 whoWeAre 卡片风格 */
	.about-biz-card {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 20px 12px;
		gap: 10px;
	}
	.about-biz-icon { width: 48px; height: 48px; }
	.about-biz-name { font-size: 13px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	.about-business { padding: 52px 0 60px; }
	.about-business-title { font-size: 30px; }
	.about-business-desc { font-size: 18px; margin-bottom: 36px; }
	.about-biz-col { padding: 0 12px; margin-bottom: 20px; }
	.about-biz-card { padding: 20px 28px; gap: 14px; }
	.about-biz-icon { width: 54px; height: 54px; }
	.about-biz-name { font-size: 18px; }
}


/* ============================================================
   Section 4: Our Mission & Vision（无遮罩）
   ============================================================ */
.about-mission {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.about-mission-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.about-mission-bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.about-mission-inner {
	position: relative;
	z-index: 1;
	padding: 80px 0 90px;
}
.about-mission-title {
	font-size: 46px;
	font-weight: 500;
	color: #fff;
	margin: 0 0 48px;
	line-height: 1.3;
}
.about-mission-cols {
	align-items: flex-start;
}
.about-mission-col {
	margin-bottom: 24px;
}
.about-mission-col {}
.about-mv-label {
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	margin: 0 0 10px;
}
.about-mv-text {
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	line-height: 1.8;
	margin: 0;
	max-width: 500px;
}

@media (max-width: 767px) {
	.about-mission-inner { padding: 40px 0 44px; }
	.about-mission-title { font-size: 22px; margin-bottom: 24px; }
	.about-mv-label { font-size: 16px; }
	.about-mv-text { font-size: 15px; max-width: 100%; }
	/* 覆盖第二列内联的 border-left + padding-left: 80px */
	.about-mission-cols > div:last-child {
		border-left: none !important;
		padding-left: 12px !important;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.about-mission-inner { padding: 60px 0 70px; }
	.about-mission-title { font-size: 30px; margin-bottom: 36px; }
	.about-mv-label { font-size: 20px; }
	.about-mv-text { font-size: 20px; }
}


/* ============================================================
   Section 5: Our History（曲线时间轴）
   ============================================================ */
.about-history {
	height: 650px;
	padding: 70px 0 0;
	/* background: #fff; */
	background: url('../images/about/about-bg.png')  center top;
	overflow: hidden;
}
.about-history-title {
	font-size: 46px;
	font-weight: 500;
	color: #000;
	margin: 0 0 0;
	line-height: 1.3;
}

/* 翻页容器 */
.history-outer {
	height: 600px;
	background: url('../images/about/about-line.png') center top no-repeat;
}
.history-pages-wrap {
	position: relative;
	/* overflow: hidden; */
	cursor: grab;
	user-select: none;
}
.history-pages-wrap:active {
	cursor: grabbing;
}
.history-page {
	display: none;
}
.history-page.active {
	display: block;
}

/* ===== 曲线容器（固定高度，绝对定位各元素）===== */
.history-curve-wrap {
	position: relative;
	width: 100%;
	height: 400px;
	margin-top: 20px;
}

/* 曲线背景图（铺满容器底部对齐）*/
.hist-line-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	pointer-events: none;
}

/* ===== 每个时间轴节点 ===== */
.hist-item {
	position: absolute;
	transform: translate(-50%, -50%);
	/* display: flex; */
	flex-direction: column;
	/* align-items: center; */
	width: 24%;
}

/* PC/中屏：4条均分*/
.history-curve-wrap .hist-item:nth-child(1) { left: 12.5%; top: 86%; }
.history-curve-wrap .hist-item:nth-child(2) { left: 37.5%; top: 50%; }
.history-curve-wrap .hist-item:nth-child(3) { left: 62.5%; top: 58%; }
.history-curve-wrap .hist-item:nth-child(4) { left: 87.5%; top: 40%; }

/* 内容在图片下方（2014）*/
.hist-item--below {
	flex-direction: column;
}
.hist-item--below .hist-content {
	margin-top: 12px;
}

/* 内容在图片上方（2017/2020/2023）*/
.hist-item--above {
	flex-direction: column-reverse;
}
.hist-item--above .hist-content {
	margin-bottom: 12px;
}

/* 圆形图片 */
.hist-img-wrap {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #fff;
	box-shadow: 0 2px 12px rgba(20, 41, 73, 0.2);
	flex-shrink: 0;
	background: #e8eef5;
}
.hist-img-wrap--lg {
	width: 90px;
	height: 90px;
}
.hist-img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
/* 悬停节点放大 */
.hist-item:hover .hist-img-wrap img {
	transform: scale(1.15);
}

/* 年份 + 描述文字 */
.hist-content {
	/* text-align: center; */
	width: 100%;
}
.hist-year {
	font-size: 26px;
	font-weight: 700;
	color: #142949;
	line-height: 1.2;
	margin: 12px 0;
}
.hist-desc {
	display: block;
	max-width: 100%;
	text-align: left;
	font-size: 16px;
	line-height: 1.6;
}

/* ===== 导航按钮 ===== */
.history-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding-top: 24px;
}
.hist-nav-btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #333;
	transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.hist-nav-btn:hover:not(:disabled) {
	border-color: #142949;
	color: #142949;
}
.hist-nav-btn:disabled {
	opacity: 0.35;
	cursor: default;
}

/* 手图标 */
.hist-hand-icon {
	width: 28px;
	height: 28px;
	opacity: 0.5;
	pointer-events: none;
	user-select: none;
}

/* 横向滑入动画 */
@keyframes histSlideInRight {
	from { opacity: 0.3; transform: translateX(60px); }
	to   { opacity: 1;   transform: translateX(0); }
}
@keyframes histSlideInLeft {
	from { opacity: 0.3; transform: translateX(-60px); }
	to   { opacity: 1;   transform: translateX(0); }
}
.history-page.hist-slide-next {
	animation: histSlideInRight 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.history-page.hist-slide-prev {
	animation: histSlideInLeft 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hist-counter {
	font-size: 15px;
	color: #666;
	min-width: 48px;
	text-align: center;
}

/* ===== 移动端：改为竖向列表 ===== */
@media (max-width: 991px) {
	/* 修复：解除固定高度裁剪 */
	.about-history {
		height: auto;
		overflow: visible;
		padding: 44px 0 40px;
	}
	.history-outer {
		height: auto;
		background: none;
		padding-bottom: 0;
	}
	.history-curve-wrap {
		position: relative;
		height: auto;
		padding: 0 0 8px;
		padding-left: 100px;
	}
	.hist-line-img { display: none; }
	.about-history-title { font-size: 24px; }

	.history-curve-wrap::before {
		content: "";
		position: absolute;
		left: 50px;
		top: 12px;
		bottom: 12px;
		width: 2px;
		background: #e0e0e0;
	}
	.hist-item {
		display: flex;
		position: static;
		transform: none;
		flex-direction: row;
		align-items: flex-start;
		width: 100%;
		gap: 20px;
		padding: 20px 0;
		border-bottom: 1px solid #f0f0f0;
	}
	.hist-item:last-child { border-bottom: none; }
	.hist-item--above,
	.hist-item--below {
		flex-direction: row;
	}
	.hist-item--above .hist-content,
	.hist-item--below .hist-content {
		margin: 0;
		text-align: left;
	}
	.hist-img-wrap,
	.hist-img-wrap--lg {
		width: 56px;
		height: 56px;
		flex-shrink: 0;
	}
	.hist-content { max-width: none; flex: 1; }
	.hist-desc { max-width: none; }
	.hist-year { font-size: 18px; margin: 0 0 6px; }
	.history-pages-wrap { cursor: default; }
}

@media (max-width: 767px) {
	.about-history-title { font-size: 20px; }
	.history-curve-wrap { padding-left: 40px; }
	.history-curve-wrap::before { left: 10px; }
	.hist-img-wrap,
	.hist-img-wrap--lg {
		width: 48px;
		height: 48px;
	}
	.hist-year { font-size: 16px; }
	.hist-desc { font-size: 14px; line-height: 1.6; }
}


/* ============================================================
   News & Events 列表页
   ============================================================ */

.news-main {
	padding: 48px 0 80px;
}

.news-main .post-card-col {
	margin-bottom: 40px;
}

.news-main .post-card-img {
	/* aspect-ratio: 16 / 10; */
}

.news-main .post-card-title a {
	font-weight: 500;
}

.news-main .public-button-href{
	margin-top: auto;
}

/* 响应式 */
@media (max-width: 767px) {
	.news-main { padding: 28px 0 48px; }
	.news-main .post-card-col { margin-bottom: 28px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	.news-main { padding: 36px 0 64px; }
	.news-main .post-card-col { margin-bottom: 32px; }
}


/* ============================================================
   News Detail 详情页
   ============================================================ */

/* Banner 专用：背景色 #142949，去掉通用黑色遮罩 */
.news-detail-banner {
	background: #142949;
}
.news-detail-banner::after {
	display: none;
}
.news-detail-banner > img {
	height: 300px;
	mix-blend-mode: luminosity;
	opacity: 0.5;
}
.news-detail-banner-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.news-detail-banner-title {
	color: #fff;
	font-size: 40px;
	font-weight: 500;
	margin: 0;
	line-height: 1.3;
}
.news-detail-banner-meta {
	color: rgba(255, 255, 255, 0.8);
	font-size: 18px;
	line-height: 1.6;
}
.news-detail-meta-sep {
	opacity: 0.4;
}

/* 主体 */
.news-detail-main {
	padding: 40px 0 80px;
}
.news-detail-wrap {
	/* max-width: 920px; */
	margin: 0 auto;
}

/* Hero 图 */
.news-detail-hero {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 40px;
}
.news-detail-hero img {
	display: block;
	width: 100%;
	height: auto;
}

/* 富文本正文 */
.news-detail-body {
	font-size:16px;
	color: #333;
	line-height: 1.85;
}
.news-detail-body img{
	max-width: 100%;
	height: auto!important;;
}
.news-detail-body h2.news-detail-section-title {
	font-size: 28px;
	font-weight: 500;
	color: #111;
	margin: 36px 0 16px;
	line-height: 1.35;
}
.news-detail-body p {
	margin-bottom: 16px;
}

/* 单图 */
.news-detail-img-single {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	margin: 28px 0 36px;
}
.news-detail-img-single img {
	display: block;
	width: 100%;
	height: auto;
}

/* 三图网格 */
.news-detail-img-grid {
	margin: 28px 0 36px;
	gap: 0;
}
.news-detail-img-grid [class*="col-"] {
	padding: 0 8px;
	margin-bottom: 16px;
}
.news-detail-img-grid img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 6px;
}

/* 隐私说明 */
.news-detail-privacy {
	font-size: 13px;
	color: #999;
	line-height: 1.7;
	margin: 32px 0 20px;
}
.news-detail-privacy a {
	color: var(--my-color);
	text-decoration: none;
}
.news-detail-privacy a:hover {
	text-decoration: underline;
}

/* 话题标签 */
.news-detail-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
}
.news-tag {
	display: inline-block;
	padding: 6px 14px;
	font-size: 20px;
	font-weight: 500;
	/* color: var(--my-color);
	background: rgba(40, 56, 134, 0.07); */
	border-radius: 4px;
}

/* 响应式 */
@media (max-width: 767px) {
	.news-detail-banner > img { height: 280px; }
	.news-detail-banner-title { font-size: 20px; max-width: 100%; }
	.news-detail-banner-meta{font-size:16px;}
	.news-detail-banner-info { padding-bottom: 28px; gap: 8px; }
	.news-detail-date::after { display: none; }
	.news-detail-main { padding: 32px 0 48px; }
	.news-detail-body {font-size:14px;}
	.news-detail-body h2.news-detail-section-title { font-size: 18px; }
	.news-detail-img-grid [class*="col-"] { padding: 0 4px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	.news-detail-banner > img { height: 360px; }
	.news-detail-banner-title { font-size: 28px; }
	.news-detail-main { padding: 44px 0 64px; }
}


/* ============================================================
   Join Our Team / Careers 页面
   ============================================================ */

/* === Talent Philosophy 区 === */
.careers-philosophy {
	padding: 56px 0 40px;
	background: #fff;
}
.careers-section-title {
	font-size: 40px;
	font-weight: 500;
	color: #000;
	margin: 0 0 30px;
}
.careers-desc {
	font-size: 20px;
	line-height: 1.8;
	margin-bottom: 12px;
}

/* 招聘流程五步 */
.careers-process {
	margin-top: 50px;
	overflow-x: auto;
}
.careers-process-row {
	display: flex;
	align-items: stretch;
	min-width: 700px;
}

/* 每一步 */
.careers-process-step {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 0 28px 28px;
	border-right: 1px solid #e0e0e0;
}
.careers-process-step:first-child {
	padding-left: 0;
}
.careers-process-step:last-child {
	border-right: none;
}

/* 上半部分：虚线数字框 + 标题 */
.careers-process-header {
	position: relative;
	padding-bottom: 20px;
	height: 100px;
}

/* 虚线数字框：右上角 */
.careers-process-num-box {
	/* width: 100px;
	height: 100px; */
	text-align: center;
}
.careers-process-num-box span {
	font-size: 80px;
	font-weight: 500;
	color: #e8e8e8;
	line-height: 1;
	font-family: "PP Neue Montreal";
}

/* 步骤名称：左下 */
.careers-process-name {
	margin-top: -36px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	line-height: 1.3;
}

/* 描述文字 */
.careers-process-desc {
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}

/* 响应式：改为徽章行内布局 */
@media (max-width: 991px) {
	.careers-process {
		margin-top: 16px;
	}
	.careers-process-row {
		min-width: unset;
		flex-direction: column;
	}
	.careers-process-step {
		padding: 10px 0;
		border-right: none;
		border-bottom: 1px solid #e0e0e0;
	}
	.careers-process-step:first-child { padding-left: 0; }
	.careers-process-step:last-child { border-bottom: none; }

	.careers-process-header {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 14px;
		height: auto;
		padding-bottom: 0px;
	}
	.careers-process-num-box {
		width: 40px;
		height: 40px;
		min-width: 40px;
		border-radius: 50%;
		background: #142949;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.careers-process-num-box span {
		font-size: 15px;
		font-weight: 700;
		color: #fff;
		line-height: 1;
	}
	.careers-process-name {
		font-size: 17px;
		margin-top: 0;
		text-align: left;
	}
	.careers-process-desc {
		padding-left: 54px;
		text-align: left;
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	.careers-process-num-box {
		width: 34px;
		height: 34px;
		min-width: 34px;
	}
	.careers-process-num-box span { font-size: 13px; }
	.careers-process-name { font-size: 15px; }
	.careers-process-desc {
		padding-left: 48px;
		font-size: 14px;
	}
}

/* === All the Jobs 区 === */
.careers-jobs {
	padding: 48px 0 80px;
	background: #fff;
}
.careers-jobs .careers-section-title {
	margin-bottom: 28px;
}
.careers-job-col {
	margin-bottom: 20px;
}

/* 职位卡片 */
.careers-job-card {
	padding: 22px 24px;
	border: 1px solid #dddddd;
	background: #f6f6f6;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.2s, border-color 0.2s, color 0.2s;
	height: 100%;
}
.careers-job-card:hover {
	background: #283886;
	border-color: #283886;
}
.careers-job-card:hover .careers-job-title,
.careers-job-card:hover .careers-job-learn,
.careers-job-card:hover .careers-job-meta span {
	color: #fff;
}

.careers-job-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}
.careers-job-title {
	font-size: 28px;
	font-weight: 500;
	color: #111;
	transition: color 0.2s;
}
.careers-job-learn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 20px;
	font-weight: 500;
	white-space: nowrap;
	flex-shrink: 0;
	transition: color 0.2s;
}
.careers-job-meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.careers-job-meta span {
	font-size: 24px;font-weight: Book;
	transition: color 0.2s;
}

/* === 职位弹窗 === */
.job-modal {
	border-radius: 8px;
	border: none;
}
.job-modal-header {
	border-bottom: none;
	padding: 16px 20px 0;
	justify-content: flex-end;
}
.job-modal-body {
	padding: 0 60px 60px;
}
.job-modal-title {
	font-size: 30px;
	font-weight: 500;
	color: #000;
	margin: 0 0 24px;
}
.job-modal-info {
	font-size: 20px;
	margin: 0 0 6px;
}
.job-modal-subtitle {
	font-size: 22px;
	font-weight: 500;
	color: #000;
	margin: 24px 0 10px;
}
.job-modal-list {
	padding-left: 20px;
	margin: 0 0 8px;
}
.job-modal-list li {
	font-size: 18px;font-weight: Book;
	color: #333;
	line-height: 1.6;
	margin-bottom: 6px;
}
.job-modal-notice {
	font-size: 15px;
	font-weight: 700;
	color: #222;
	margin: 28px 0 32px;
	padding: 14px 16px;
	background: #f6f7fb;
	border-left: 3px solid var(--my-color);
	border-radius: 4px;
}
.job-modal-footer {
	display: flex;
	justify-content: center;
}
.job-modal-submit {
	margin-top: 32px;
	display: inline-block;
	padding: 14px 48px;
	background: #283886;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	border-radius: 4px;
	text-decoration: none;
	transition: background 0.2s;
}
.job-modal-submit:hover {
	background: var(--my-color-2);
	color: #000;
}

/* 响应式 */
@media (max-width: 767px) {
	.careers-philosophy { padding: 32px 0 24px; }
	.careers-section-title { font-size: 20px; }
	.careers-jobs { padding: 28px 0 48px; }

	/* 职位卡片 */
	.careers-job-card { padding: 16px 16px; }
	.careers-job-top {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
		margin-bottom: 16px;
	}
	.careers-job-title { font-size: 18px; }
	.careers-job-learn { font-size: 14px; }
	.careers-job-meta span { font-size: 14px; }

	/* Modal */
	.job-modal-body { padding: 0 20px 32px; }
	.job-modal-title { font-size: 20px; }
	.job-modal-info { font-size: 14px; }
	.job-modal-subtitle { font-size: 16px; }
	.job-modal-list li { font-size: 14px; }
	.job-modal-submit { padding: 12px 32px; font-size: 15px; width: 100%; text-align: center; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	/* 职位卡片 */
	.careers-job-top { margin-bottom: 20px; }
	.careers-job-title { font-size: 20px; }
	.careers-job-learn { font-size: 15px; }
	.careers-job-meta span { font-size: 16px; }

	/* Modal */
	.job-modal-body { padding: 0 36px 48px; }
	.job-modal-title { font-size: 24px; }
	.job-modal-info { font-size: 16px; }
	.job-modal-subtitle { font-size: 18px; }
	.job-modal-list li { font-size: 15px; }
	.job-modal-submit { font-size: 17px; padding: 13px 40px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	.careers-philosophy { padding: 44px 0 32px; }
	.careers-jobs { padding: 36px 0 64px; }
}


/* ============================================================
   Quality Assurance 页面
   ============================================================ */

/* 通用 section */
.qa-section {
	padding: 56px 0;
	background: #fff;
}
.qa-section-title {
	font-size: 40px;
	font-weight: 500;
	color: #000;
	margin: 0 0 16px;
}
.qa-section-desc {
	font-size: 20px;
	color: #444;
	line-height: 1.8;
	margin-bottom: 20px;
}
.qa-link {
	color: var(--my-color);
	text-decoration: none;
	font-weight: 500;
}
.qa-link:hover { text-decoration: underline; }

/* === Section 1: 图标网格 === */
.qa-icon-grid {
	margin-top: 50px;
}
.qa-icon-col {
	margin-bottom: 24px;
}
.qa-icon-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px;
	/* border: 1px solid #e0e4f0; */
	background: #f4f4f4;
	border-radius: 6px;
	height: 100%;
}
.qa-icon-item img {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	object-fit: contain;
}
.qa-icon-item span {
	font-size: 20px;
	font-weight: 500;
	color: #222;
	line-height: 1.4;
}

/* === Section 2: 统计卡片 === */
.qa-qualifications {
	background: #fff;
}
.qa-stat-grid {
	margin-top: 32px;
}
.qa-stat-col {
	margin-bottom: 20px;
}

/* 卡片：相对定位，背景图 + 遮罩 + 内容三层 */
.qa-stat-card {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.qa-stat-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	z-index: 0;
}
.qa-stat-overlay {
	position: absolute;
	inset: 0;
	background: rgba(40, 56, 134, 0.9);
	z-index: 1;
}
.qa-stat-body {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 75px;
}
.qa-stat-number {
	font-size: 46px;
	font-weight: 500;
	color: #fff;
	line-height: 1.1;
	margin-bottom: 12px;
}
.qa-stat-number small {
	font-size: 22px;
	font-weight: 400;
	margin-left: 4px;
	vertical-align: baseline;
	white-space: nowrap;
}
.qa-stat-label {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.5;
}

/* === Section 3: Bootstrap 证书弹窗 === */
.qa-cert-modal-content {
	background: transparent;
	border: none;
	position: relative;
	padding: 0;
}
.qa-cert-modal-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.qa-cert-close {
	position: absolute;
	top: -14px;
	right: -14px;
	z-index: 10;
	background: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	opacity: 1;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* 响应式 */
@media (max-width: 767px) {
	.qa-section { padding: 32px 0; }
	.qa-section-title { font-size: 20px; }
	.qa-stat-card { height: 160px; }
	.qa-stat-body { padding: 20px; }
	.qa-stat-number { font-size: 32px; }
	.qa-stat-label { font-size: 14px; }
	.qa-icon-item { padding: 10px 12px; }
	.qa-icon-item img { width: 28px; height: 28px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	.qa-section { padding: 44px 0; }
	.qa-stat-card { height: 220px; }
	.qa-stat-body { padding: 40px 30px; }
	.qa-stat-number { font-size: 32px;white-space: nowrap;}
	.qa-stat-label { font-size: 17px; }
}


/* ============================================================
   Contact Us 页面
   ============================================================ */

.contact-main {
	padding: 56px 0 80px;
}

/* 顶部标题 */
.contact-page-title {
	font-size: 60px;
	font-weight: 500;
	color: #000;
	margin: 0 0 20px;
}
.contact-page-desc {
	font-size: 20px;
	color: #555;
	line-height: 1.8;
	margin-bottom: 40px;
}

/* 左侧联系信息 */
.contact-info-col {
	padding-right: 32px;
}
.contact-region {
	margin-bottom: 36px;
	border: 1px solid #f2f2f2;
	background: #f8f8f8;
	border-radius: 6px;
	padding: 50px 24px;
}
.contact-region-title {
	font-size: 24px;
	font-weight: 500;
	color: #111;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.contact-info-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.contact-info-list li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}
.contact-info-icon {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	margin-top: 2px;
}
.contact-info-icon .bi {
	font-size: 24px;
	color: #959696;
}
.contact-info-label {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 2px;
}
.contact-info-value {
	font-size: 16px;
	line-height: 1.5;
}
.contact-info-value a {
	color: #333;
	text-decoration: none;
}
.contact-info-value a:hover {
	color: var(--my-color);
}

/* 右侧表单 */
.contact-form .public-button-href{padding-top:0;}
.contact-form .public-button-href>.more{width:100%;}
.contact-form.message-form .column{margin-bottom:15px;}
.contact-form-col {
	padding-left: 20px;
}
.ct-form-group {
	margin-bottom: 18px;
}
.ct-label {
	display: block;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 6px;
	 color: #142949;
}
.ct-required {
	/* margin-left: 2px; */
}
.ct-input {
	display: block;
	width: 100%;
	height: 42px;
	padding: 0 12px;
	font-size: 14px;
	color: #333;
	background: #fff;
	border: 1px solid #D6D6D6;
	border-radius: 0;
	outline: none;
	transition: border-color 0.2s;
}
.ct-input:focus {
	border-color: var(--my-color);
}
.ct-input.ct-textarea {
	height: auto;
	padding: 10px 12px;
	resize: vertical;
}

/* Bootstrap 校验状态 */
.was-validated .ct-input:invalid,
.ct-input.is-invalid {
	border-color: #dc3545;
}
.was-validated .ct-input:valid {
	border-color: #28a745;
}
.invalid-feedback {
	font-size: 12px;
	color: #dc3545;
	margin-top: 4px;
}

/* 隐私 checkbox */
.ct-privacy-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 8px 0 4px;
	accent-color: var(--my-color);
}
.ct-privacy-row label {
	font-size: 16px;
	color: #444;
	cursor: pointer;
}
.ct-privacy-row label a {
	color: var(--my-color);
	text-decoration: none;
}
.ct-privacy-row label a:hover { text-decoration: underline; }
.ct-privacy-error {
	display: none;
	font-size: 12px;
	color: #dc3545;
	margin-bottom: 12px;
}

/* 提交按钮 */
.ct-submit {
	display: block;
	width: 280px;
	max-width: 100%;
	margin-top: 20px;
	padding: 13px 0;
	background: var(--my-color);
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.2s;
}
.ct-submit:hover {
	background: #142949;
}

/* 响应式 */
@media (max-width: 767px) {
	.contact-main { padding: 32px 0 48px; }
	.contact-page-title { font-size: 22px; }
	.contact-page-desc { margin-bottom: 28px; }
	.contact-info-col { padding-right: 12px; margin-bottom: 32px; }
	.contact-form-col { padding-left: 12px; }
	.ct-submit { width: 100%; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	.contact-main { padding: 44px 0 64px; }
	.contact-info-col { padding-right: 20px; }
}