/* ==========================================================
   首页：RockPlus MOM 平台概览
   结构  : 五大业务系统（含 RockPlus MOM 标题）→ 价值理念
   宽度  : 与「与卓越同行」一致（.max-width2）
   配色  : 沿用 RockPlus MOM 产品页（品牌蓝 #014099 / 强调红 #e60012）
   选择器统一以 .index-mom 前缀隔离
   ========================================================== */
.index-mom {
	float: left;
	width: 100%;
	padding: 100px 0 100px;
	background: #fff;
	--brand: #014099;
	--brand-hover: #004bb5;
	--brand-grad: linear-gradient(#004bb5, #01419a);
	--accent: #e60012;
	--title: #191919;
	--sub: #333333;
	--body: #666666;
	--muted: #999999;
	--shadow: 0 0 10px rgba(0,0,0,.1);
	--shadow-hover: 0 4px 18px rgba(1,64,153,.18);
	color: var(--body);
	font-family: 'Noto Sans SC', "Microsoft YaHei", "PingFang SC", sans-serif;
	font-size: 16px;
	line-height: 30px;
}

	.index-mom *,
	.index-mom *::before,
	.index-mom *::after {
		box-sizing: border-box;
	}

	.index-mom a {
		color: inherit;
		text-decoration: none;
	}

	.index-mom ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.index-mom h3,
	.index-mom h4,
	.index-mom p {
		font-weight: normal;
	}

	.index-mom .section-head {
		max-width: 980px;
		margin: 0 auto 46px;
		text-align: center;
	}

	.index-mom .eyebrow {
		display: block;
		margin-bottom: 10px;
		color: var(--brand);
		font-size: 14px;
		line-height: 20px;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.index-mom .section-head h3 {
		margin: 0 0 14px;
		color: var(--title);
		font-size: 36px;
		line-height: 46px;
	}

	/* 品牌名：放大、加粗、品牌蓝 */
	.index-mom .section-head h3.brand {
		margin-bottom: 16px;
		color: var(--brand);
		font-size: 54px;
		line-height: 66px;
		font-weight: bold;
		letter-spacing: .01em;
	}

	.index-mom .section-head .substantive {
		margin: 0 0 14px;
		color: var(--title);
		font-size: 22px;
		line-height: 32px;
	}

	.index-mom .section-head .lead {
		margin: 0;
		color: var(--body);
		font-size: 16px;
		line-height: 30px;
	}

	/* ---------- 五大业务系统 ---------- */
	.index-mom .sys-grid {
		display: grid;
		grid-template-columns: repeat(5,1fr);
		gap: 20px;
	}

	.index-mom .sys {
		display: flex;
		flex-direction: column;
		background: #fff;
		box-shadow: 0 6px 22px rgba(1,64,153,.12);
		overflow: hidden;
		transition: transform .25s ease, box-shadow .25s ease;
	}

		.index-mom .sys:hover {
			transform: translateY(-6px);
			box-shadow: 0 14px 34px rgba(1,64,153,.28);
		}

	.index-mom .sys-head {
		padding: 26px 22px 22px;
		background-image: var(--brand-grad);
		color: #fff;
	}

	.index-mom .sys .cap-id {
		display: block;
		color: #fff;
		font-size: 40px;
		line-height: 44px;
		font-weight: bold;
		letter-spacing: .04em;
	}

	.index-mom .sys-head h4 {
		margin: 6px 0 0;
		color: #fff;
		font-size: 18px;
		line-height: 26px;
	}

	.index-mom .sys-head .slogan-s {
		margin-top: 4px;
		color: rgba(255,255,255,.85);
		font-size: 14px;
		line-height: 22px;
	}

	.index-mom .sys-body {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 22px;
	}

	.index-mom .sys-body ul {
		flex: 1;
		margin-bottom: 16px;
	}

	.index-mom .sys-body li {
		position: relative;
		padding-left: 15px;
		color: var(--body);
		font-size: 14px;
		line-height: 26px;
	}

		.index-mom .sys-body li::before {
			content: "";
			position: absolute;
			left: 0;
			top: 11px;
			width: 6px;
			height: 6px;
			background: var(--brand);
		}

	.index-mom .sys .more {
		color: var(--brand);
		font-size: 15px;
		transition: color .2s ease;
	}

	.index-mom .sys:hover .more {
		color: var(--accent);
	}

	/* 一体化架构 */
	.index-mom .arch {
		margin-top: 46px;
		padding: 40px;
		background-image: var(--brand-grad);
		color: #fff;
	}

	.index-mom .arch-title {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 30px;
		margin-bottom: 26px;
	}

	.index-mom .arch-eyebrow {
		margin-bottom: 8px;
		color: rgba(255,255,255,.85);
		font-size: 14px;
		line-height: 20px;
		letter-spacing: .12em;
	}

	.index-mom .arch-title h4 {
		margin: 0;
		color: #fff;
		font-size: 22px;
		line-height: 30px;
	}

	.index-mom .arch-title p {
		max-width: 520px;
		margin: 0;
		color: rgba(255,255,255,.88);
		font-size: 16px;
		line-height: 28px;
	}

	.index-mom .arch-row,
	.index-mom .arch-data {
		display: grid;
		grid-template-columns: repeat(6,1fr);
		gap: 12px;
	}

	.index-mom .arch-box {
		padding: 14px 8px;
		text-align: center;
		background: #fff;
		color: var(--sub);
		font-size: 16px;
		line-height: 24px;
	}

		.index-mom .arch-box small {
			color: var(--brand);
			font-size: 14px;
		}

	.index-mom .arch-core {
		margin: 14px 0;
		padding: 20px;
		text-align: center;
		background: var(--accent);
		color: #fff;
		font-size: 20px;
		line-height: 28px;
	}

	.index-mom .arch-data div {
		padding: 10px;
		text-align: center;
		background: rgba(255,255,255,.1);
		color: #fff;
		font-size: 14px;
		line-height: 22px;
	}

	/* ---------- 价值理念 ---------- */
	.index-mom .mom-philosophy {
		margin-top: 100px;
		padding: 64px 60px;
		background-image: var(--brand-grad);
		color: #fff;
	}

	.index-mom .mom-philosophy .eyebrow {
		color: rgba(255,255,255,.85);
	}

	.index-mom .mom-philosophy .section-head {
		margin-bottom: 30px;
	}

	.index-mom .mom-philosophy .section-head h3 {
		color: #fff;
		margin-bottom: 0;
	}

	.index-mom .mom-philosophy .big {
		margin: 0 0 22px;
		color: #fff;
		font-size: 34px;
		line-height: 48px;
		text-align: center;
	}

	.index-mom .mom-philosophy .desc {
		max-width: 1000px;
		margin: 0 auto;
		color: rgba(255,255,255,.88);
		font-size: 16px;
		line-height: 30px;
		text-align: center;
	}

	.index-mom .pillars {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 24px;
		margin-top: 46px;
	}

	.index-mom .pillar {
		padding: 28px 26px;
		border: 1px solid rgba(255,255,255,.35);
		background: rgba(255,255,255,.08);
		transition: .25s ease;
	}

		.index-mom .pillar:hover {
			background: rgba(255,255,255,.16);
		}

		.index-mom .pillar h4 {
			margin: 0 0 12px;
			color: #fff;
			font-size: 20px;
			line-height: 28px;
		}

		.index-mom .pillar p {
			margin: 0;
			color: rgba(255,255,255,.88);
			font-size: 16px;
			line-height: 28px;
		}


	/* ---------- 工业智能体 ---------- */
	.index-mom .mom-agents {
		margin-top: 100px;
	}

	.index-mom .cols4 {
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap: 24px;
	}

	.index-mom .agent {
		background: #fff;
		box-shadow: var(--shadow);
		border-left: 3px solid var(--brand);
		padding: 26px 24px;
		transition: box-shadow .25s ease;
	}

		.index-mom .agent:hover {
			box-shadow: var(--shadow-hover);
		}

		.index-mom .agent .role {
			margin-bottom: 8px;
			color: var(--brand);
			font-size: 14px;
			line-height: 20px;
		}

		.index-mom .agent h4 {
			margin: 0 0 10px;
			color: var(--title);
			font-size: 20px;
			line-height: 28px;
		}

		.index-mom .agent p {
			margin: 0;
			color: var(--body);
			font-size: 14px;
			line-height: 26px;
		}

@media (max-width: 1280px) {
	.index-mom .cols4 {
		grid-template-columns: repeat(2,1fr);
	}
}

	/* ---------- 滚动淡入 ---------- */
	.index-mom .reveal {
		opacity: 0;
		transform: translateY(20px);
		transition: opacity .65s ease, transform .65s ease;
	}

	.index-mom .reveal.show {
		opacity: 1;
		transform: none;
	}

/* ---------- 响应式 ---------- */
@media (max-width: 1500px) {
	.index-mom .sys-grid {
		grid-template-columns: repeat(3,1fr);
	}
}

@media (max-width: 1300px) {
	.index-mom .arch {
		padding: 32px;
	}

	.index-mom .mom-philosophy {
		padding: 48px 40px;
	}
}

@media (max-width: 1024px) {
	.index-mom {
		padding: 40px 0;
	}

	.index-mom .section-head {
		margin-bottom: 20px;
	}

	.index-mom .section-head h3 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 8px;
	}

	.index-mom .section-head h3.brand {
		font-size: 26px;
		line-height: 34px;
		margin-bottom: 10px;
	}

	.index-mom .eyebrow,
	.index-mom .section-head .substantive,
	.index-mom .section-head .lead,
	.index-mom .mom-philosophy .desc,
	.index-mom .pillar p,
	.index-mom .arch-title p {
		font-size: 14px !important;
		line-height: 24px !important;
	}

	.index-mom .sys-head {
		padding: 16px 14px 14px;
	}

	.index-mom .sys .cap-id {
		font-size: 28px;
		line-height: 32px;
	}

	.index-mom .sys-head h4 {
		font-size: 16px;
		line-height: 24px;
	}

	.index-mom .sys-head .slogan-s,
	.index-mom .sys-body li,
	.index-mom .sys .more {
		font-size: 13px;
		line-height: 22px;
	}

	.index-mom .sys-body {
		padding: 14px;
	}

	.index-mom .arch {
		margin-top: 24px;
		padding: 18px 14px;
	}

	.index-mom .arch-title {
		display: block;
	}

	.index-mom .arch-title h4 {
		font-size: 17px;
		line-height: 26px;
	}

	.index-mom .arch-row,
	.index-mom .arch-data {
		grid-template-columns: repeat(3,1fr);
	}

	.index-mom .arch-core {
		padding: 14px;
		font-size: 15px;
	}

	.index-mom .mom-agents {
		margin-top: 30px;
	}

	.index-mom .agent {
		padding: 18px 16px;
	}

		.index-mom .agent h4 {
			font-size: 16px;
			line-height: 24px;
			margin-bottom: 8px;
		}

	.index-mom .mom-philosophy {
		margin-top: 30px;
		padding: 26px 18px;
	}

	.index-mom .mom-philosophy .section-head {
		margin-bottom: 18px;
	}

	.index-mom .mom-philosophy .big {
		font-size: 19px;
		line-height: 28px;
		margin-bottom: 14px;
	}

	.index-mom .pillars {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-top: 24px;
	}

	.index-mom .pillar {
		padding: 18px 16px;
	}

	.index-mom .pillar h4 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 8px;
	}
}

@media (max-width: 768px) {
	.index-mom .sys-grid,
	.index-mom .arch-row,
	.index-mom .arch-data {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}