/*!
 * 公司发展 · 中线星轨时间轴
 * 中央发光星轨，行内三列：事件卡 | 光晕节点 | 渐变大年份，左右交替。
 * 选择器统一 crgems-ilt__ 前缀，冲突一律以特异性与层叠顺序解决。
 */

.crgems-ilt {
	--crgems-ilt-sky: #9cc3ff;
	--crgems-ilt-gap: 34px;
	--crgems-ilt-cardw: 470px;
	padding: 88px 0 110px;
	color: #eaf1ff;
	background:
		radial-gradient(1200px 500px at 75% -5%, rgba(15, 41, 143, .38), transparent 62%),
		radial-gradient(900px 480px at 12% 108%, rgba(15, 41, 143, .30), transparent 60%),
		linear-gradient(180deg, #081833 0%, #040c2b 100%);
	font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.crgems-ilt__inner {
	width: 100%;
	max-width: 1264px;
	margin: 0 auto;
	padding: 0 32px;
}

/* ===== 区块标题：站内「标题 + 分隔线」排版 ===== */
.crgems-ilt__head {
	position: relative;
}

.crgems-ilt__title {
	margin: 0;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: .02em;
	color: #fff;
}

.crgems-ilt__divider {
	position: relative;
	margin-top: 18px;
	height: 1px;
	background: rgba(156, 195, 255, .18);
}

.crgems-ilt__divider::before {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	width: 64px;
	height: 3px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--crgems-ilt-sky), rgba(156, 195, 255, 0));
}

/* ===== 时间轴：中线交替 ===== */
.crgems-ilt__tl {
	position: relative;
	margin-top: 74px;
}

.crgems-ilt__tl::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 6px;
	bottom: 6px;
	width: 2px;
	transform: translateX(-50%);
	background: linear-gradient(180deg,
		rgba(156, 195, 255, 0) 0%,
		rgba(156, 195, 255, .5) 7%,
		rgba(156, 195, 255, .28) 55%,
		rgba(156, 195, 255, .5) 93%,
		rgba(156, 195, 255, 0) 100%);
}

.crgems-ilt__row {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 96px 1fr;
	align-items: center;
	margin-bottom: var(--crgems-ilt-gap);
	min-height: 96px;
}

.crgems-ilt__row:last-child {
	margin-bottom: 0;
}

/* 节点：光晕圆点 */
.crgems-ilt__dot {
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: radial-gradient(circle at 38% 34%, #ffffff, var(--crgems-ilt-sky) 58%, #5f8fe0);
	box-shadow:
		0 0 0 5px rgba(156, 195, 255, .14),
		0 0 0 10px rgba(156, 195, 255, .06),
		0 0 22px rgba(156, 195, 255, .55);
}

.crgems-ilt__dot::after {
	content: "";
	position: absolute;
	inset: -14px;
	border-radius: 50%;
	border: 1px solid rgba(156, 195, 255, .16);
}

/* 年份大数字（渐变填充） */
.crgems-ilt__year {
	grid-row: 1;
	font-weight: 800;
	font-size: 44px;
	line-height: 1;
	letter-spacing: .01em;
	background: linear-gradient(180deg, #ffffff 18%, var(--crgems-ilt-sky) 88%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.crgems-ilt__row .crgems-ilt__year {
	grid-column: 3;
	justify-self: start;
	padding-left: 6px;
}

.crgems-ilt__row--rev .crgems-ilt__year {
	grid-column: 1;
	justify-self: end;
	padding-right: 6px;
}

/* 事件卡片（白卡 · 站内卡片语言） */
.crgems-ilt__card {
	position: relative;
	grid-row: 1;
	background-color: #fff;
	border-radius: 12px;
	padding: 22px 26px;
	box-shadow: 0 14px 34px rgba(4, 12, 43, .42);
	transition: transform .25s ease, box-shadow .25s ease;
}

.crgems-ilt__card::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -8px;
	border: 8px solid transparent;
}

.crgems-ilt__event {
	font-size: 15px;
	line-height: 1.75;
	color: #27324b;
}

.crgems-ilt__event p {
	margin: 0;
}

.crgems-ilt__event b,
.crgems-ilt__event strong {
	color: #0f298f;
	font-weight: 600;
}

.crgems-ilt__row .crgems-ilt__card {
	grid-column: 1;
	justify-self: end;
	text-align: right;
	width: min(100%, var(--crgems-ilt-cardw));
}

.crgems-ilt__row .crgems-ilt__card::before {
	right: -16px;
	border-left-color: #fff;
}

.crgems-ilt__row--rev .crgems-ilt__card {
	grid-column: 3;
	justify-self: start;
	text-align: left;
}

.crgems-ilt__row--rev .crgems-ilt__card::before {
	left: -16px;
	right: auto;
	border-right-color: #fff;
}

.crgems-ilt__row:hover .crgems-ilt__card {
	transform: translateY(-3px);
	box-shadow: 0 20px 44px rgba(4, 12, 43, .55);
}

/* 连接线：节点 -> 卡片 */
.crgems-ilt__row::after {
	content: "";
	position: absolute;
	top: 50%;
	height: 1px;
	width: 34px;
	background: rgba(156, 195, 255, .35);
}

.crgems-ilt__row::after {
	right: calc(50% + 12px);
}

.crgems-ilt__row--rev::after {
	right: auto;
	left: calc(50% + 12px);
}

/* 尾部起点标识 */
.crgems-ilt__origin {
	margin-top: 26px;
	text-align: center;
	color: rgba(234, 241, 255, .64);
	font-size: 13px;
	letter-spacing: .28em;
}

/* ===== 平板：收窄列距与字号 ===== */
@media (max-width: 1024px) {
	.crgems-ilt__title {
		font-size: 28px;
	}

	.crgems-ilt__year {
		font-size: 36px;
	}

	.crgems-ilt__row {
		grid-template-columns: 1fr 64px 1fr;
	}
}

/* ===== 手机：星轨靠左，年份与卡片单列堆叠 ===== */
@media (max-width: 767px) {
	.crgems-ilt__tl::before {
		left: 9px;
		transform: none;
	}

	.crgems-ilt__row {
		grid-template-columns: 36px 1fr;
		min-height: 0;
	}

	.crgems-ilt__dot {
		grid-column: 1;
		grid-row: 1;
		align-self: start;
		margin-top: 8px;
	}

	.crgems-ilt__row .crgems-ilt__year,
	.crgems-ilt__row--rev .crgems-ilt__year {
		grid-column: 2;
		grid-row: 1;
		justify-self: start;
		padding: 0 0 10px;
	}

	.crgems-ilt__row .crgems-ilt__card,
	.crgems-ilt__row--rev .crgems-ilt__card {
		grid-column: 2;
		grid-row: 2;
		justify-self: stretch;
		text-align: left;
		width: 100%;
		margin-bottom: 8px;
	}

	.crgems-ilt__row .crgems-ilt__card::before,
	.crgems-ilt__row--rev .crgems-ilt__card::before {
		left: -14px;
		right: auto;
		border-right-color: #fff;
		border-left-color: transparent;
	}

	.crgems-ilt__row::after,
	.crgems-ilt__row--rev::after {
		display: none;
	}
}