/*!
 * 行业页 Hero（全屏显微）
 * 结构：显微背景 + 蓝色辉光 + 纵向遮罩，顶部覆盖行业导航胶囊，内容垂直居中。
 * 选择器统一 crgems-ish__ 前缀，冲突一律以特异性与层叠顺序解决。
 */

.crgems-ish {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 560px;
	height: 74vh;
	overflow: hidden;
	background: #081833;
	color: #fff;
}

/* 背景图：由控件在元素上内联输出 background-image（内联优先级高于本表，无需强制覆盖） */
.crgems-ish__bg {
	position: absolute;
	inset: 0;
	background-image: none;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	filter: grayscale(20%);
}

/* 蓝色辉光：右上角偏中偏上，营造显微景深 */
.crgems-ish__glow {
	position: absolute;
	inset: 0;
	background: radial-gradient(1000px 520px at 78% 34%, rgba(37, 99, 235, .34), transparent 62%);
}

/* 遮罩层：实际样式（纯色 / 各向渐变）由控件「遮罩样式 + 遮罩颜色 + 整体不透明度」
   以内联 style 输出，此处仅为内联缺失时的兜底（上深 — 中透 — 下深）。 */
.crgems-ish__veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(8, 24, 51, .92) 0%, rgba(8, 24, 51, .506) 42%, rgba(8, 24, 51, .92) 100%);
}

/* ── 行业导航（覆盖在 Hero 顶部） ── */
.crgems-ish__tabs {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
}

.crgems-ish__tabs-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	padding: 41px 32px 0;
}

.crgems-ish__tab {
	display: inline-block;
	padding: 9px 26px;
	font-size: 15.5px;
	line-height: 1.2;
	color: #bfd0ec;
	border-radius: 999px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.crgems-ish__tab.is-active {
	color: #fff;
	font-weight: 700;
	background-color: rgba(37, 99, 235, .9);
	box-shadow: 0 6px 16px rgba(29, 78, 216, .35);
}

.crgems-ish__tab:hover,
.crgems-ish__tab:focus {
	color: #fff;
}

/* ── 内容 ── */
.crgems-ish__content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1264px;
	padding: 0 32px 34px;
	text-align: center;
}

.crgems-ish__title {
	margin: 0;
	font-size: clamp(34px, 4.6vw, 60px);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .06em;
	color: #fff;
}

.crgems-ish__title-accent {
	font-weight: 700;
	color: #9cc3ff;
}

.crgems-ish__desc {
	margin: 30px auto 0;
	max-width: 980px;
	font-size: 16px;
	line-height: 2.1;
	letter-spacing: .6px;
	color: #c8d7f1;
}

.crgems-ish__desc > * {
	margin: 0;
}

/* ── 响应式 ── */
@media (max-width: 820px) {
	.crgems-ish {
		height: auto;
		min-height: 520px;
		padding-bottom: 0;
	}

	.crgems-ish__tabs-inner {
		padding: 28px 20px 0;
		gap: 4px;
	}

	.crgems-ish__tab {
		padding: 7px 16px;
		font-size: 14px;
	}

	.crgems-ish__content {
		padding: 0 20px 24px;
	}

	.crgems-ish__title {
		font-size: clamp(28px, 7.4vw, 40px);
		letter-spacing: .04em;
	}

	.crgems-ish__desc {
		margin-top: 22px;
		font-size: 15px;
		line-height: 1.95;
	}
}