.bz-banner {
		position: relative;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: #0a1528;
	}

	.bz-slide {
		position: absolute;
		inset: 0;
		opacity: 0;
		transition: opacity 0.8s ease;
	}

	.bz-slide.is-active {
		opacity: 1;
		z-index: 1;
	}

	.bz-slide a {
		display: block;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.bz-slide.mobile {
		display: none;
	}

	.bz-num {
		position: absolute;
		left: 0;
		bottom: 28px;
		z-index: 3;
		width: 100%;
	}

	.bz-num-inner {
		max-width: 1440px;
		width: 92%;
		margin: 0 auto;
	}

	.bz-num ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.bz-num li {
		color: rgba(255, 255, 255, .7);
		font-weight: 300;
		font-size: 14px;
		line-height: 1;
		cursor: pointer;
		transition: color .25s ease, font-weight .25s ease, font-size .25s ease;
		letter-spacing: .04em;
	}

	.bz-num li.is-active {
		color: #fff;
		font-weight: 700;
		font-size: 22px;
	}

	/* 默认（桌面端）隐藏手机版数字 */
	.bz-num-mobile {
		display: none;
	}

	/* 手机 */
	@media (max-width: 1023px) {
		.bz-banner {
			height: auto;
			padding-bottom: 56%;
		}

		.bz-slide.desktop {
			display: none;
		}

		.bz-slide.mobile {
			display: block;
		}

		/* 手机端：隐藏桌面数字，显示手机数字 */
		.bz-num-pc {
			display: none;
		}

		.bz-num-mobile {
			display: block;
		}

		.bz-slide a {
			background-image: none !important;
		}

		.bz-slide img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.bz-num {
			bottom: 16px;
		}

		.bz-num li {
			font-size: 12px;
		}

		.bz-num li.is-active {
			font-size: 18px;
		}
	}

	/* === 外层容器：蓝紫渐变 + 网格 + 环境光 === */
	.hz-middle {
		position: relative;
		overflow: hidden;
		background:
			radial-gradient(circle at 81% 28%, rgba(82, 204, 255, 0.26), transparent 26%),
			radial-gradient(circle at 25% 68%, rgba(97, 167, 255, 0.14), transparent 28%),
			linear-gradient(118deg, #f4f8ff 0%, #e8f3ff 52%, #eaf8ff 100%);
	}

	.hz-middle::before {
		position: absolute;
		inset: 0;
		content: "";
		pointer-events: none;
		opacity: 0.52;
		background-image:
			linear-gradient(rgba(65, 143, 225, 0.045) 1px, transparent 1px),
			linear-gradient(90deg, rgba(65, 143, 225, 0.045) 1px, transparent 1px);
		background-size: 46px 46px;
		mask-image: linear-gradient(to bottom, transparent 10%, black 52%, transparent 92%);
	}

	.hz-ambient {
		position: absolute;
		pointer-events: none;
		border-radius: 999px;
		filter: blur(3px);
	}

	.hz-ambient-one {
		top: -240px;
		right: -160px;
		width: 760px;
		height: 760px;
		border: 80px solid rgba(89, 195, 255, 0.12);
	}

	.hz-ambient-two {
		top: 300px;
		left: -340px;
		width: 700px;
		height: 700px;
		border: 1px solid rgba(70, 158, 247, 0.2);
		box-shadow: 0 0 90px rgba(75, 160, 255, 0.14);
	}

	/* === 数据成就条（毛玻璃） === */
	.hz-metrics-strip {
		position: relative;
		z-index: 5;
		height: 148px;
		border-top: 1px solid rgba(255, 255, 255, 0.9);
		border-bottom: 1px solid rgba(255, 255, 255, 0.86);
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.68), rgba(228, 242, 255, 0.68));
		box-shadow:
			0 18px 45px rgba(47, 119, 197, 0.08),
			inset 0 -20px 40px rgba(170, 218, 255, 0.12);
		backdrop-filter: blur(16px);
	}

	.hz-metrics-inner {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		width: min(1680px, calc(100% - 160px));
		height: 100%;
		margin: 0 auto;
	}

	.hz-metric {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 34px;
	}

	.hz-metric:not(:last-child)::after {
		position: absolute;
		top: 42px;
		right: 0;
		width: 1px;
		height: 64px;
		content: "";
		background: linear-gradient(to bottom, transparent, rgba(75, 132, 195, 0.24), transparent);
	}

	.hz-metric-icon {
		width: 70px;
		height: 70px;
		flex-shrink: 0;
		display: grid;
		place-items: center;
		border-radius: 50%;
		background: linear-gradient(145deg, #a6dcff 4%, #3d9af8 60%, #1b5fe7);
		box-shadow: 0 9px 18px rgba(28, 103, 226, 0.24);
	}

	.hz-metric-icon svg {
		width: 38px;
		height: 38px;
		color: #fff;
	}

	.hz-metric strong,
	.hz-metric span {
		display: block;
	}

	.hz-metric strong {
		color: #061949;
		font-size: 42px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -1.5px;
	}

	.hz-metric span {
		margin-top: 14px;
		color: #15244a;
		font-size: 19px;
		font-weight: 600;
	}

	/* === 内容区 === */
	.hz-content {
		position: relative;
		z-index: 2;
		width: min(1700px, calc(100% - 140px));
		margin: 0 auto;
		padding: 70px 0 110px;
	}

	.hz-intro-row {
		position: relative;
		display: grid;
		grid-template-columns: 54% 46%;
		min-height: 292px;
	}

	.hz-intro {
		position: relative;
		z-index: 3;
		align-self: center;
		padding-top: 8px;
	}

	.hz-eyebrow {
		display: flex;
		align-items: center;
		gap: 16px;
		margin-bottom: 19px;
	}

	.hz-eyebrow span {
		display: inline-flex;
		align-items: center;
		height: 36px;
		padding: 0 19px;
		border: 1px solid rgba(97, 174, 248, 0.2);
		border-radius: 18px;
		color: #0866de;
		background: linear-gradient(90deg, rgba(56, 164, 255, 0.22), rgba(154, 219, 255, 0.09));
		box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9);
		font-size: 18px;
		font-weight: 700;
	}

	.hz-eyebrow i {
		display: block;
		width: 38px;
		height: 2px;
		background: linear-gradient(90deg, #166ff0, rgba(45, 157, 245, 0));
	}

	.hz-intro h1 {
		margin: 0;
		color: #071a43;
		font-size: 52px;
		font-weight: 700;
		line-height: 1.14;
		letter-spacing: 1px;
	}

	.hz-intro h1 span {
		color: #126bea;
	}

	.hz-intro p {
		margin: 17px 0 0;
		color: #56647c;
		font-size: 22px;
		line-height: 1.6;
	}

	.hz-title-accent {
		width: 84px;
		height: 5px;
		margin-top: 16px;
		border-radius: 999px;
		background: linear-gradient(90deg, #1268ee, #6bd7ee);
	}

	/* 右侧 SVG 盾牌插画 */
	.hz-visual-wrap {
		position: absolute;
		top: -75px;
		right: -50px;
		width: 850px;
		height: 430px;
		pointer-events: none;
	}

	.hz-visual-wrap::before {
		position: absolute;
		right: -80px;
		bottom: 0;
		width: 780px;
		height: 230px;
		content: "";
		border-radius: 50%;
		background: radial-gradient(ellipse, rgba(90, 189, 255, 0.2), transparent 68%);
		transform: rotate(-8deg);
	}

	.hz-visual-grid {
		position: absolute;
		inset: 25px -20px 15px 40px;
		opacity: 0.22;
		background-image:
			linear-gradient(rgba(46, 161, 242, 0.26) 1px, transparent 1px),
			linear-gradient(90deg, rgba(46, 161, 242, 0.26) 1px, transparent 1px);
		background-size: 34px 34px;
		mask-image: radial-gradient(ellipse, black 14%, transparent 70%);
		transform: perspective(470px) rotateX(64deg) rotateZ(-8deg);
	}

	.hz-hero-shield {
		position: absolute;
		top: 0;
		right: 0;
		width: 790px;
		height: auto;
	}

	/* === 卡片网格 === */
	.hz-cards-grid {
		position: relative;
		z-index: 4;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 26px;
		margin-top: 26px;
	}

	.hz-advantage-card {
		position: relative;
		min-height: 360px;
		overflow: hidden;
		padding: 42px 34px 86px;
		border: 1px solid rgba(255, 255, 255, 0.88);
		border-radius: 30px;
		background:
			linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(248, 251, 255, 0.58)),
			rgba(255, 255, 255, 0.5);
		box-shadow:
			0 20px 35px rgba(34, 114, 205, 0.12),
			inset 0 1px 0 rgba(255, 255, 255, 0.98);
		backdrop-filter: blur(18px);
		transition:
			transform 220ms ease,
			box-shadow 220ms ease;
	}

	.hz-advantage-card:hover {
		transform: translateY(-7px);
		box-shadow:
			0 28px 48px rgba(34, 114, 205, 0.18),
			inset 0 1px 0 white;
	}

	.hz-advantage-card::before {
		position: absolute;
		inset: 0;
		content: "";
		pointer-events: none;
		background:
			radial-gradient(circle at 15% 0%, rgba(115, 202, 255, 0.18), transparent 27%),
			linear-gradient(125deg, transparent 66%, rgba(85, 155, 240, 0.04));
	}

	.hz-card-cap {
		position: absolute;
		top: -2px;
		left: 50%;
		width: 58px;
		height: 5px;
		border-radius: 0 0 8px 8px;
		background: linear-gradient(90deg, #75d8f8, #256bed);
		box-shadow: 0 4px 14px rgba(36, 111, 236, 0.45);
		transform: translateX(-50%);
	}

	.hz-card-heading {
		position: relative;
		display: flex;
		align-items: center;
		gap: 22px;
	}

	.hz-card-heading > div {
		min-width: 0;
	}

	.hz-card-icon {
		display: grid;
		flex: 0 0 auto;
		width: 62px;
		height: 62px;
		place-items: center;
		border: 1px solid rgba(255, 255, 255, 0.92);
		border-radius: 50%;
		color: white;
		background:
			radial-gradient(circle at 35% 24%, rgba(255, 255, 255, 0.86), transparent 24%),
			linear-gradient(145deg, #a6dcff 4%, #3d9af8 60%, #1b5fe7);
		box-shadow:
			0 11px 20px rgba(28, 103, 226, 0.28),
			inset 0 0 12px rgba(255, 255, 255, 0.72),
			0 0 0 8px rgba(198, 229, 255, 0.2);
	}

	.hz-card-icon svg {
		width: 33px !important;
		height: 33px !important;
	}

	.hz-card-heading h2 {
		margin: 0;
		color: #071842;
		font-size: 28px;
		font-weight: 700;
		line-height: 1.2;
		overflow-wrap: break-word;
	}

	.hz-card-heading h3 {
		margin: 10px 0 0;
		color: #0866e9;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.35;
		overflow-wrap: break-word;
	}

	.hz-advantage-card > p {
		position: relative;
		margin: 26px 0 0;
		color: #657087;
		font-size: 16px;
		line-height: 1.85;
	}

	.hz-card-btn {
		position: absolute;
		bottom: 25px;
		left: 34px;
		display: grid;
		width: 48px;
		height: 48px;
		padding: 0;
		place-items: center;
		border: 1px solid rgba(255, 255, 255, 0.92);
		border-radius: 50%;
		color: #0a67ed;
		background: rgba(255, 255, 255, 0.72);
		box-shadow:
			0 7px 14px rgba(61, 124, 202, 0.13),
			inset 0 0 10px rgba(122, 194, 255, 0.24);
		cursor: pointer;
		text-decoration: none;
		transition:
			color 180ms ease,
			background 180ms ease,
			transform 180ms ease;
	}

	.hz-card-btn:hover {
		color: white;
		background: #176feb;
		transform: translateX(4px);
	}

	.hz-card-btn svg {
		width: 25px;
		height: 25px;
	}

	/* === 响应式 === */
	@media (max-width: 1500px) {
		.hz-metrics-inner,
		.hz-content {
			width: calc(100% - 80px);
		}

		.hz-metric {
			gap: 20px;
		}

		.hz-metric strong {
			font-size: 36px;
		}

		.hz-visual-wrap {
			right: -120px;
		}

		.hz-card-heading {
			gap: 16px;
		}

		.hz-card-icon {
			width: 53px;
			height: 53px;
		}

		.hz-card-heading h2 {
			font-size: 24px;
		}
	}

	@media (max-width: 1100px) {
		.hz-metrics-strip {
			height: auto;
		}

		.hz-metrics-inner {
			grid-template-columns: repeat(2, 1fr);
			padding: 20px 0;
		}

		.hz-metric {
			justify-content: flex-start;
			padding: 20px 10%;
		}

		.hz-metric:nth-child(2)::after {
			display: none;
		}

		.hz-cards-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.hz-visual-wrap {
			right: -220px;
			opacity: 0.72;
		}
	}

	@media (max-width: 720px) {
		.hz-metrics-inner,
		.hz-content {
			width: calc(100% - 36px);
		}

		.hz-metrics-inner {
			gap: 12px 0;
		}

		.hz-metric {
			gap: 12px;
			padding: 10px 8px;
		}

		.hz-metric::after {
			display: none;
		}

		.hz-metric-icon {
			width: 46px;
			height: 46px;
		}

		.hz-metric-icon svg {
			width: 26px;
			height: 26px;
		}

		.hz-metric strong {
			font-size: 26px;
		}

		.hz-metric span {
			margin-top: 6px;
			font-size: 13px;
		}

		.hz-content {
			padding-top: 48px;
			padding-bottom: 70px;
		}

		.hz-intro-row {
			display: block;
			min-height: 470px;
		}

		.hz-intro h1 {
			font-size: clamp(32px, 9vw, 44px);
		}

		.hz-intro p {
			font-size: 17px;
		}

		.hz-visual-wrap {
			top: 200px;
			right: 50%;
			width: 660px;
			height: 320px;
			opacity: 0.86;
			transform: translateX(50%);
		}

		.hz-hero-shield {
			right: 0;
			width: 660px;
		}

		.hz-cards-grid {
			grid-template-columns: 1fr;
			margin-top: 10px;
		}

		.hz-advantage-card {
			min-height: 320px;
			padding: 36px 26px 78px;
		}

		.hz-card-heading h2 {
			font-size: 22px;
		}

		.hz-card-heading h3 {
			font-size: 15px;
		}

		.hz-advantage-card > p {
			margin-left: 0;
			font-size: 15px;
		}
	}

	/* Oswald 字体（用于产品系列大字 + Tab 标题） */
	@font-face {
		font-family: 'Oswald';
		src: url('/assets/local/img/home/images/Oswald-Bold.woff2') format('woff2'),
			url('/assets/local/img/home/images/Oswald-Bold.woff') format('woff'),
			url('/assets/local/img/home/images/Oswald-Bold.ttf') format('truetype');
		font-weight: 700;
		font-style: normal;
		font-display: swap;
	}

	.hz-pd {
		/* clamp 基准单位：大屏按 100vw/19.2 缩放，小屏不低于 22px 保证可读性 */
		--hz-pd-u: max(22px, calc(100vw / 19.2));
		position: relative;
		padding-top: calc(var(--hz-pd-u) * 1);
		padding-bottom: calc(var(--hz-pd-u) * 1);
		background: url('/static/bg4.jpg') no-repeat center center;
		background-size: cover;
		overflow: hidden;
	}

	.hz-pd .hz-pd-inner {
		width: calc(var(--hz-pd-u) * 14.4);
		max-width: 100%;
		margin: 0 auto;
		padding: 0 calc(var(--hz-pd-u) * 0.4);
	}

	/* --- 标题区 --- */
	.hz-pd-biaoti {
		text-align: left;
		position: absolute;
		left:120px;
		top:40px;
		z-index: 9999;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	/* 上方药丸：产品矩阵 */
	.hz-pd-biaoti-eyebrow {
		display: inline-block;
		margin-bottom: calc(var(--hz-pd-u) * 0.18);
		padding: 0 calc(var(--hz-pd-u) * 0.18);
		font-size: calc(var(--hz-pd-u) * 0.2);
		font-family: "PingFang SC", system-ui, sans-serif;
		font-weight: 600;
		color: #2E5FBE;
		background: linear-gradient(90deg, rgba(56,164,255,.22), rgba(154,219,255,.09));
		border: 1px solid rgba(97,174,248,.25);
		border-radius: calc(var(--hz-pd-u) * 0.18);
		line-height: calc(var(--hz-pd-u) * 0.38);
	}

	.hz-pd-biaoti p {
		position: relative;
		margin: 0;
		padding-bottom: calc(var(--hz-pd-u) * 0.25);
		font-size: calc(var(--hz-pd-u) * 0.44);
		font-weight: 700;
		color: #333;
		font-family: "Oswald", "PingFang SC", system-ui, sans-serif;
		letter-spacing: 1px;
	}

	.hz-pd-biaoti p:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: calc(var(--hz-pd-u) * 0.8);
		height: calc(var(--hz-pd-u) * 0.04);
		background: linear-gradient(90deg, #2E5FBE, #58c6f0);
		border-radius: 3px;
	}

	/* --- Tab 导航 --- */
	.hz-pd-fl {
		text-align: right;
		margin-top: calc(var(--hz-pd-u) * -0.4);
		position: absolute;
		z-index: 3;
		right:80px;
		top:120px;
	}

	.hz-pd-fl ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline-block;
	}

	.hz-pd-fl li {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-left: calc(var(--hz-pd-u) * 0.3);
		cursor: pointer;
		padding: 0 calc(var(--hz-pd-u) * 0.15);
	}

	.hz-pd-fl li:first-child {
		margin-left: 0;
	}

	.hz-pd-fl li p {
		margin: 0;
		height: calc(var(--hz-pd-u) * 0.48);
		line-height: calc(var(--hz-pd-u) * 0.7);
		font-family: "Oswald", "PingFang SC", system-ui, sans-serif;
		font-size: calc(var(--hz-pd-u) * 0.24);
		font-weight: 700;
		color: #333;
		letter-spacing: .5px;
		transition: color .25s ease;
	}

	.hz-pd-fl li span {
		display: block;
		font-size: calc(var(--hz-pd-u) * 0.18);
		color: #999;
		transition: color .25s ease;
	}

	.hz-pd-fl li.is-active p {
		color: #2E5FBE;
		font-size: calc(var(--hz-pd-u) * 0.4);
		line-height: 1;
		font-family: "Oswald", sans-serif;
	}

	.hz-pd-fl li.is-active span {
		color: #2E5FBE;
	}

	/* --- Tab 内容 --- */
	.hz-pd-main {
		margin-top: calc(var(--hz-pd-u) * -0.2);
	}

	.hz-pd-div {
		display: none;
		position: relative;
	}

	.hz-pd-div.is-active {
		display: block;
	}

	/* Slider 容器（每个 Tab 面板） */
	.hz-pd-slider {
		position: relative;
		height: calc(var(--hz-pd-u) * 5.5);
		margin-top: calc(var(--hz-pd-u) * 1.2);
		overflow: hidden;
	}

	/* 横向滑动轨道 */
	.hz-pd-track {
		display: flex;
		width: 100%;
		height: 100%;
		transition: transform .5s ease;
	}

	/* Slider items：横向排列 */
	.hz-pd-slide {
		flex: 0 0 100%;
		width: 100%;
		height: 100%;
	}

	/* 产品卡片（单张 slider item 的内部） */
	.hz-pd-card {
		position: relative;
		height: 100%;
		text-decoration: none;
		color: inherit;
		border-radius: calc(var(--hz-pd-u) * 0.08);
		border: 1px solid rgba(255,255,255,.7);
		transition: transform .3s ease, box-shadow .3s ease;
		overflow: hidden;
	}

	.hz-pd-card:hover {
		transform: translateY(calc(var(--hz-pd-u) * -0.05));
		box-shadow: 0 calc(var(--hz-pd-u) * 0.2) calc(var(--hz-pd-u) * 0.35) rgba(34,114,205,.15);
	}

	/* 超大背景字 */
	.hz-pd-big {
		position: absolute;
		top: calc(var(--hz-pd-u) * 0.55);
		left: 0;
		width: 100%;
		text-align: center;
		opacity: .18;
		color: transparent;
		font-family: "Oswald", sans-serif;
		font-size: calc(var(--hz-pd-u) * 2.8);
		font-weight: 700;
		line-height: 1;
		-webkit-text-stroke: calc(var(--hz-pd-u) * 0.04) #2E5FBE;
		z-index: 1;
		pointer-events: none;
		white-space: nowrap; 
		text-overflow: ellipsis;
	}

	/* 产品图片 */
	.hz-pd-img {
		position: relative;
		z-index: 3;
		margin: 0 auto;
		width: calc(var(--hz-pd-u) * 4.6);
		height: calc(var(--hz-pd-u) * 4.4);
		border-radius: 50%;
		background: url('/assets/local/img/home/images/sycbbg.png') no-repeat center center;
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}

	.hz-pd-img img {
		width: calc(var(--hz-pd-u) * 4.2) !important;
		height: auto !important;
		max-height: calc(var(--hz-pd-u) * 4.1);
		display: block;
		margin: 0 auto;
		object-fit: contain;
		transition: transform .4s ease;
	}

	.hz-pd-img svg {
		width: calc(var(--hz-pd-u) * 1) !important;
		height: calc(var(--hz-pd-u) * 1) !important;
		color: #2E5FBE;
		opacity: .6;
	}

	.hz-pd-card:hover .hz-pd-img img {
		transform: scale(1.2);
	}

	.hz-pd-card:hover .hz-pd-img svg {
		transform: scale(1.1);
		opacity: .8;
	}

	/* 产品描述 */
	.hz-pd-txt {
		position: relative;
		z-index: 3;
		flex: 1;
		min-width: 0;
	}

	.hz-pd-txt h3 {
		margin: 0;
		color: #1a1d1b;
		font-size: calc(var(--hz-pd-u) * 0.3);
		font-weight: 700;
		line-height: 1.3;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
	}

	.hz-pd-txt h3 span {
		color: #2E5FBE;
		margin-right: calc(var(--hz-pd-u) * 0.06);
	}

	.hz-pd-txt p {
		margin: calc(var(--hz-pd-u) * 0.12) 0 0;
		color: #888;
		font-size: calc(var(--hz-pd-u) * 0.18);
		line-height: 1.5;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
	}

	/* 底部容器：上下两行 */
	.hz-pd-foot {
		position: relative;
		z-index: 3;
		padding: calc(var(--hz-pd-u) * 0.2) calc(var(--hz-pd-u) * 0.3);
	}

	/* 第一行：h3 左 + btn 右 */
	.hz-pd-foot-row {
		display: flex;
		align-items: center;
		gap: calc(var(--hz-pd-u) * 0.2);
	}

	/* 产品标题（flex:1 占满左侧剩余） */
	.hz-pd-txt {
		flex: 1;
		min-width: 0;
	}

	.hz-pd-txt h3 {
		margin: 0;
		color: #1a1d1b;
		font-size: calc(var(--hz-pd-u) * 0.24);
		font-weight: 700;
		line-height: 1.3;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.hz-pd-txt h3 span {
		color: #2E5FBE;
		margin-right: calc(var(--hz-pd-u) * 0.06);
	}

	.hz-pd-txt p {
		margin: calc(var(--hz-pd-u) * 0.12) 0 0;
		color: #888;
		font-size: calc(var(--hz-pd-u) * 0.16);
		line-height: 1.5;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* 查看按钮 */
	.hz-pd-btn {
		flex-shrink: 0;
		display: inline-flex;
		align-items: center;
		gap: calc(var(--hz-pd-u) * 0.06);
		padding: calc(var(--hz-pd-u) * 0.1) calc(var(--hz-pd-u) * 0.22);
		border: 1px solid #2E5FBE;
		color: #2E5FBE;
		font-size: calc(var(--hz-pd-u) * 0.16);
		font-weight: 600;
		text-decoration: none;
		position: relative;
		overflow: hidden;
		transition: color .3s ease, background .3s ease;
	}

	.hz-pd-btn svg {
		width: calc(var(--hz-pd-u) * 0.18);
		height: calc(var(--hz-pd-u) * 0.18);
		transition: transform .3s ease;
	}

	.hz-pd-btn:hover {
		color: #fff;
		background: #2E5FBE;
	}

	.hz-pd-btn:hover svg {
		transform: translateX(calc(var(--hz-pd-u) * 0.05));
	}

	/* === 全局左右箭头 + 两侧装饰线 === */
	.hz-pd-controls {
		position: relative;
		z-index: 10;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: calc(var(--hz-pd-u) * 0.5);
		margin-top: calc(var(--hz-pd-u) * 0.3);
		
	}

	/* 两侧灰线（::before + ::after） */
	.hz-pd-controls::before,
	.hz-pd-controls::after {
		content: "";
		flex: 1;
		max-width: calc(var(--hz-pd-u) * 6);
		height: 1px;
		background: #c8cdd2;
	}

	.hz-pd-arrow {
		width: calc(var(--hz-pd-u) * 0.6);
		height: calc(var(--hz-pd-u) * 0.6);
		border-radius: 50%;
		border: none;
		padding: 0;
		cursor: pointer;
		background: transparent;
		box-shadow: none;
		color: #c8cdd2;
		font-size: 0;
		line-height: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: color .25s ease, transform .25s ease;
		border: 1px solid #c8cdd2;
		
		 
	}

	/* border 三角形画箭头 */
	.hz-pd-arrow::before {
		content: "";
		width: 0;
		height: 0;
		border-top: calc(var(--hz-pd-u) * 0.1) solid transparent;
		border-bottom: calc(var(--hz-pd-u) * 0.1) solid transparent;
	}

	.hz-pd-arrow.prev::before {
		border-right: calc(var(--hz-pd-u) * 0.16) solid currentColor;
		margin-left: calc(var(--hz-pd-u) * 0.04);
	}

	.hz-pd-arrow.next::before {
		border-left: calc(var(--hz-pd-u) * 0.16) solid currentColor;
		margin-right: calc(var(--hz-pd-u) * 0.04);
	}

	.hz-pd-arrow:hover {
		color: #fff;
		background-color: #0866de;
	}

	.hz-pd-arrow:active {
		transform: scale(.92);
	}

	/* --- 响应式 --- */
	@media (max-width: 1100px) {
		.hz-pd-fl li {
			margin-left: calc(var(--hz-pd-u) * 0.15);
		}
		.hz-pd-fl li p { font-size: calc(var(--hz-pd-u) * 0.2); }
		.hz-pd-fl li.is-active p { font-size: calc(var(--hz-pd-u) * 0.3); }
		.hz-pd-big { font-size: calc(var(--hz-pd-u) * 2); }
	}

	/* 平板（< 720px）：标题和 Tab 从绝对定位切回正常流式布局 */
	@media (max-width: 720px) {
		.hz-pd { padding-top: calc(var(--hz-pd-u) * 0.5); padding-bottom: calc(var(--hz-pd-u) * 0.5); }

		.hz-pd .hz-pd-inner { width: 100%; padding: 0 20px; box-sizing: border-box; }

		/* 标题区：取消绝对定位，改为流式 */
		.hz-pd-biaoti {
			position: static;
			left: auto; right: auto; top: auto;
			margin-bottom: 20px;
		}
		.hz-pd-biaoti p {
			font-size: 28px;
			padding-bottom: 10px;
		}
		.hz-pd-biaoti p:after {
			width: 56px;
			height: 4px;
		}
		.hz-pd-biaoti-eyebrow {
			font-size: 13px;
			margin-bottom: 8px;
			padding: 2px 10px;
			line-height: 22px;
			border-radius: 22px;
		}

		/* Tab 导航：取消绝对定位，改为流式 + 自动换行 */
		.hz-pd-fl {
			position: static;
			left: auto; right: auto; top: auto;
			text-align: left;
			margin: 0 0 24px;
			width: 100%;
		}
		.hz-pd-fl ul {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			gap: 10px 16px;
		}
		.hz-pd-fl li {
			display: block;
			flex: 0 0 calc(50% - 8px);
			margin: 0;
			padding: 0;
			text-align: left;
		}
		.hz-pd-fl li p {
			font-size: 16px;
			height: auto;
			line-height: 1.35;
		}
		.hz-pd-fl li span { font-size: 12px; }
		.hz-pd-fl li.is-active p {
			font-size: 20px;
			line-height: 1.15;
		}

		.hz-pd-main { margin-top: 0; }
		/* 产品卡片：手机上改用固定 px，不再跟着 --hz-pd-u 缩到不可读 */
		.hz-pd-slider { height: 340px; margin-top: 16px; }
		.hz-pd-card { border-radius: 16px; }
		.hz-pd-foot { padding: 14px 16px; }
		.hz-pd-foot-row { gap: 12px; }
		.hz-pd-controls { gap: 24px; }
		.hz-pd-arrow { width: 44px; height: 44px; }

		.hz-pd-big { font-size: 96px; top: 28px; }
		.hz-pd-img {
			width: 220px; height: 220px;
			margin: 24px auto 0;
		}
		.hz-pd-img img { width: 200px !important; max-height: 190px; }
		.hz-pd-img svg { width: 72px !important; height: 72px !important; }

		.hz-pd-txt h3 { font-size: 18px; white-space: normal; line-height: 1.35; }
		.hz-pd-txt h3 span { margin-right: 6px; }
		.hz-pd-txt p { font-size: 14px; }
		.hz-pd-btn {
			font-size: 14px;
			font-weight: 600;
			padding: 7px 16px;
			min-height: 36px;
			border-radius: 18px;
			gap: 6px;
		}
		.hz-pd-btn svg { width: 14px; height: 14px; }
	}

	/* 小屏手机（< 480px）：卡片进一步放大、按钮更手指友好 */
	@media (max-width: 480px) {
		.hz-pd-biaoti { margin-bottom: 16px; }
		.hz-pd-biaoti p { font-size: 24px; }
		.hz-pd-biaoti-eyebrow { font-size: 12px; }

		.hz-pd-fl ul { gap: 8px 0; }
		.hz-pd-fl li {
			flex: 1 1 100%;
			padding: 10px 12px;
			border: 1px solid rgba(46, 95, 190, .18);
			border-radius: 10px;
			background: rgba(255, 255, 255, .55);
			transition: background .2s ease, border-color .2s ease;
		}
		.hz-pd-fl li.is-active {
			background: linear-gradient(90deg, rgba(46, 95, 190, .14), rgba(88, 198, 240, .08));
			border-color: rgba(46, 95, 190, .35);
		}
		.hz-pd-fl li.is-active p { font-size: 18px; }

		.hz-pd-slider { height: 420px; }
		.hz-pd-card { border-radius: 18px; }
		.hz-pd-big { font-size: 72px; top: 22px; opacity: .14; }
		.hz-pd-img {
			width: 240px; height: 240px;
			margin: 28px auto 0;
		}
		.hz-pd-img img { width: 216px !important; max-height: 206px; }
		.hz-pd-img svg { width: 80px !important; height: 80px !important; }

		.hz-pd-foot { padding: 16px 16px 14px; }
		.hz-pd-foot-row { gap: 14px; flex-wrap: wrap; align-items: stretch; }
		.hz-pd-txt { flex: 1 1 100%; }
		.hz-pd-txt h3 {
			font-size: 20px;
			line-height: 1.35;
			white-space: normal;
			overflow: visible;
			text-overflow: unset;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.hz-pd-btn {
			flex: 0 0 auto;
			font-size: 15px;
			font-weight: 600;
			padding: 9px 20px;
			min-height: 40px;
			border-radius: 20px;
			gap: 7px;
		}
		.hz-pd-btn svg { width: 15px; height: 15px; }
	}

	.idx2-page {
		position: relative;
		width: 100%;
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden;
		color: #071b46;
		background: #eaf4ff;
		box-shadow: 0 0 70px rgba(18, 83, 159, .08);
		font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
	}

	.idx2-page a {
		color: inherit;
		text-decoration: none;
	}

	.idx2-page img,
	.idx2-page svg {
		display: block;
	}

	.idx2-page .section-container {
		position: relative;
		z-index: 5;
		width: min(1660px, calc(100% - 120px));
		margin: 0 auto;
	}

	.idx2-page .light-section {
		position: relative;
		background:
			radial-gradient(circle at 80% 12%, rgba(77, 169, 255, .17), transparent 27%),
			linear-gradient(132deg, #f6f9ff 0%, #e9f4ff 56%, #edf7ff 100%);
	}

	.idx2-page .section-header {
		position: relative;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}

	.idx2-page .section-kicker {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		min-height: 40px;
		padding: 0 20px;
		border: 1px solid rgba(90, 170, 255, .2);
		border-radius: 22px;
		color: #0874eb;
		background: linear-gradient(90deg, rgba(58, 156, 255, .16), rgba(255, 255, 255, .38));
		box-shadow: inset 0 1px rgba(255, 255, 255, .9);
		font-size: 20px;
		font-weight: 700;
	}

	.idx2-page .section-kicker span {
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: #1677f2;
		box-shadow: 0 0 12px rgba(22, 119, 242, .55);
	}

	.idx2-page .section-header h2 {
		margin: 24px 0 10px;
		color: #071b45;
		font-size: 54px;
		font-weight: 700;
		line-height: 1.08;
		letter-spacing: 1px;
	}

	.idx2-page .section-header p {
		margin: 0;
		color: #455673;
		font-size: 25px;
		line-height: 1.5;
	}

	.idx2-page .heading-line {
		width: 62px;
		height: 5px;
		margin-top: 18px;
		border-radius: 8px;
		background: linear-gradient(90deg, #116df1, #57caff);
	}

	.idx2-page .more-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 13px;
		min-width: 142px;
		height: 55px;
		margin-bottom: 78px;
		border: 1px solid rgba(255, 255, 255, .82);
		border-radius: 28px;
		color: #17315d;
		background: rgba(255, 255, 255, .6);
		box-shadow:
			0 12px 25px rgba(37, 104, 184, .08),
			inset 0 1px rgba(255, 255, 255, .96);
		backdrop-filter: blur(10px);
		font-size: 18px;
		font-weight: 700;
		transition: transform 180ms ease, background 180ms ease;
	}

	.idx2-page .more-button:hover {
		background: #fff;
		transform: translateX(5px);
	}

	.idx2-page .more-button b {
		color: #1578ed;
		font-size: 25px;
		font-weight: 400;
	}

	/* ---------- 场景应用 ---------- */
	.idx2-page .applications {
		min-height: 850px;
		padding: 58px 0 68px;
	}

	.idx2-page .applications::after {
		position: absolute;
		inset: 0;
		z-index: 1;
		content: "";
		opacity: .35;
		background-image:
			linear-gradient(rgba(59, 142, 229, .08) 1px, transparent 1px),
			linear-gradient(90deg, rgba(59, 142, 229, .08) 1px, transparent 1px);
		background-size: 48px 48px;
		mask-image: linear-gradient(to bottom, transparent, #000 35%, transparent 80%);
		pointer-events: none;
	}

	.idx2-page .skyline {
		position: absolute;
		z-index: 2;
		top: 55px;
		right: 485px;
		display: flex;
		align-items: flex-end;
		gap: 12px;
		width: 420px;
		height: 200px;
		opacity: .18;
		filter: blur(.4px);
	}

	.idx2-page .skyline::after {
		position: absolute;
		right: -170px;
		bottom: -3px;
		left: -140px;
		height: 54px;
		content: "";
		border-radius: 50%;
		background: radial-gradient(ellipse, rgba(21, 120, 237, .5), transparent 72%);
	}

	.idx2-page .skyline i {
		position: relative;
		width: 42px;
		border: 2px solid #168df3;
		border-bottom: 0;
		background:
			repeating-linear-gradient(to bottom, rgba(59, 164, 255, .7) 0 3px, transparent 3px 12px),
			linear-gradient(90deg, rgba(23, 132, 237, .45), rgba(139, 218, 255, .2));
	}

	.idx2-page .skyline i:nth-child(1) { height: 48px; }
	.idx2-page .skyline i:nth-child(2) { height: 94px; }
	.idx2-page .skyline i:nth-child(3) { height: 122px; }
	.idx2-page .skyline i:nth-child(4) { height: 84px; }
	.idx2-page .skyline i:nth-child(5) { height: 158px; width: 34px; }
	.idx2-page .skyline i:nth-child(6) { height: 110px; }
	.idx2-page .skyline i:nth-child(7) { height: 70px; }
	.idx2-page .skyline i:nth-child(8) { height: 130px; }

	.idx2-page .shield-outline {
		position: absolute;
		z-index: 2;
		top: -25px;
		right: 235px;
		width: 275px;
		height: 310px;
		opacity: .27;
		filter: drop-shadow(0 15px 26px rgba(42, 145, 245, .45));
	}

	.idx2-page .shield-outline::before,
	.idx2-page .shield-inner {
		position: absolute;
		inset: 0;
		content: "";
		border: 10px solid rgba(43, 154, 251, .85);
		border-radius: 48% 48% 52% 52% / 18% 18% 72% 72%;
		clip-path: polygon(50% 0, 96% 15%, 88% 70%, 50% 100%, 12% 70%, 4% 15%);
	}

	.idx2-page .shield-inner {
		inset: 22px;
		border-width: 3px;
		opacity: .9;
	}

	.idx2-page .application-grid {
		position: relative;
		z-index: 5;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 24px 26px;
		margin-top: 28px;
	}

	.idx2-page .application-card {
		position: relative;
		display: block;
		min-width: 0;
		overflow: hidden;
		border: 1px solid rgba(255, 255, 255, .98);
		border-radius: 20px;
		background: rgba(255, 255, 255, .82);
		box-shadow:
			0 13px 24px rgba(52, 109, 180, .12),
			inset 0 1px #fff;
		transition: transform 200ms ease, box-shadow 200ms ease;
	}

	.idx2-page .application-card:hover {
		transform: translateY(-6px);
		box-shadow: 0 20px 35px rgba(52, 109, 180, .19);
	}

	.idx2-page .application-card > img {
		width: 100%;
		height: 168px;
		object-fit: cover;
		filter: saturate(.92) contrast(1.03);
	}

	.idx2-page .application-thumb {
		display: grid;
		height: 168px;
		place-items: center;
		color: rgba(255, 255, 255, .92);
		background:
			radial-gradient(circle at 30% 20%, rgba(72, 183, 255, .35), transparent 42%),
			linear-gradient(135deg, #07234a, #0d5cc0 60%, #1677f2);
	}

	.idx2-page .application-thumb svg {
		width: 52px;
		height: 52px;
	}

	.idx2-page .application-info {
		display: flex;
		align-items: center;
		min-height: 78px;
		padding: 13px 20px 13px 25px;
	}

	.idx2-page .round-icon {
		display: grid;
		flex: 0 0 auto;
		width: 46px;
		height: 46px;
		place-items: center;
		border-radius: 50%;
		color: #fff;
		background: linear-gradient(145deg, #19a8ff, #1263ec);
		box-shadow:
			inset 0 1px 2px rgba(255, 255, 255, .7),
			0 6px 14px rgba(30, 113, 218, .2);
	}

	.idx2-page .round-icon svg {
		width: 26px;
		height: 26px;
	}

	.idx2-page .application-card:nth-child(6n+1) .round-icon { background: linear-gradient(145deg, #ff9333, #ff512d); }
	.idx2-page .application-card:nth-child(6n+2) .round-icon { background: linear-gradient(145deg, #19a8ff, #1263ec); }
	.idx2-page .application-card:nth-child(6n+3) .round-icon { background: linear-gradient(145deg, #60df75, #27ba57); }
	.idx2-page .application-card:nth-child(6n+4) .round-icon { background: linear-gradient(145deg, #a073ff, #6845ee); }
	.idx2-page .application-card:nth-child(6n+5) .round-icon { background: linear-gradient(145deg, #33d5e1, #0baec5); }
	.idx2-page .application-card:nth-child(6n+6) .round-icon { background: linear-gradient(145deg, #19a8ff, #1263ec); }

	.idx2-page .application-info h2 {
		min-width: 0;
		margin: 0 16px;
		overflow: hidden;
		color: #0b214c;
		font-size: 21px;
		font-weight: 700;
		line-height: 1.25;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.idx2-page .application-info > a {
		display: grid;
		flex: 0 0 auto;
		width: 44px;
		height: 44px;
		margin-left: auto;
		place-items: center;
		border-radius: 50%;
		color: #59aafa;
		background: #eef7ff;
		font-size: 28px;
		line-height: 1;
		transition: color 180ms ease, background 180ms ease;
	}

	.idx2-page .application-info > a:hover {
		color: #fff;
		background: #1978ee;
	}

	/* ---------- 客户案例 ---------- */
	.idx2-page .dark-section {
		position: relative;
		color: #fff;
		background:
			radial-gradient(circle at 75% 42%, rgba(1, 127, 255, .36), transparent 28%),
			radial-gradient(circle at 22% 80%, rgba(0, 89, 201, .2), transparent 38%),
			linear-gradient(118deg, #031330 0%, #031a3d 48%, #001f53 100%);
	}

	.idx2-page .cases {
		min-height: 590px;
		padding: 54px 0 74px;
		overflow: hidden;
	}

	.idx2-page .stars {
		position: absolute;
		inset: 0;
		opacity: .6;
		background-image:
			radial-gradient(circle at 12% 18%, #42aaff 0 1px, transparent 2px),
			radial-gradient(circle at 27% 44%, #278bff 0 2px, transparent 3px),
			radial-gradient(circle at 43% 19%, #67bfff 0 1px, transparent 2px),
			radial-gradient(circle at 67% 66%, #33a4ff 0 1px, transparent 2px),
			radial-gradient(circle at 82% 22%, #fff 0 1px, transparent 2px),
			radial-gradient(circle at 94% 72%, #42aaff 0 2px, transparent 3px);
	}

	.idx2-page .earth {
		position: absolute;
		z-index: 1;
		top: 38px;
		right: 65px;
		width: 610px;
		height: 610px;
		overflow: hidden;
		border: 3px solid rgba(83, 189, 255, .9);
		border-radius: 50%;
		background:
			radial-gradient(circle at 35% 30%, rgba(120, 223, 255, .75), transparent 12%),
			radial-gradient(ellipse at 56% 38%, rgba(45, 139, 250, .76) 0 16%, transparent 17%),
			radial-gradient(ellipse at 26% 55%, rgba(48, 155, 255, .72) 0 21%, transparent 22%),
			radial-gradient(ellipse at 70% 65%, rgba(23, 103, 224, .68) 0 18%, transparent 19%),
			radial-gradient(circle at 34% 30%, #0766d9, #002a70 55%, #000f2e 78%);
		box-shadow:
			inset -75px -40px 100px rgba(0, 4, 25, .7),
			inset 50px 15px 90px rgba(38, 167, 255, .28),
			0 0 25px rgba(53, 180, 255, .75),
			0 0 80px rgba(0, 105, 255, .5);
		opacity: .86;
	}

	.idx2-page .earth::before,
	.idx2-page .earth::after {
		position: absolute;
		inset: 12%;
		content: "";
		border: 1px dashed rgba(96, 211, 255, .48);
		border-radius: 45% 55% 47% 53%;
		transform: rotate(24deg);
	}

	.idx2-page .earth::after {
		inset: 26% 9%;
		transform: rotate(-13deg);
	}

	.idx2-page .earth-grid {
		position: absolute;
		inset: 0;
		border-radius: 50%;
		opacity: .33;
		background-image:
			repeating-radial-gradient(circle at center, transparent 0 45px, rgba(72, 183, 255, .6) 46px 47px),
			linear-gradient(90deg, transparent 49.7%, rgba(89, 201, 255, .55) 50%, transparent 50.3%);
	}

	.idx2-page .orbit {
		position: absolute;
		z-index: 2;
		right: -80px;
		width: 990px;
		height: 265px;
		border: 2px solid rgba(53, 175, 255, .85);
		border-radius: 50%;
		box-shadow:
			0 0 8px #158dff,
			inset 0 0 8px rgba(21, 141, 255, .6);
		transform: rotate(-8deg);
	}

	.idx2-page .orbit-one { top: 250px; }

	.idx2-page .orbit-two {
		top: 350px;
		right: -230px;
		width: 1330px;
		height: 310px;
		opacity: .45;
		transform: rotate(7deg);
	}

	.idx2-page .case-content {
		position: relative;
		z-index: 4;
	}

	.idx2-page .case-header h2,
	.idx2-page .case-header p {
		color: #fff;
		text-shadow: 0 3px 16px rgba(0, 0, 0, .25);
	}

	.idx2-page .dark-kicker {
		border-color: rgba(88, 169, 255, .28);
		color: #fff;
		background: linear-gradient(90deg, rgba(32, 126, 239, .44), rgba(29, 91, 173, .3));
	}

	.idx2-page .dark-kicker span {
		background: #4eb4ff;
	}

	.idx2-page .dark-button {
		border-color: rgba(152, 210, 255, .6);
		color: #fff;
		background: rgba(6, 50, 103, .48);
	}

	.idx2-page .dark-button:hover {
		background: rgba(22, 111, 219, .75);
	}

	.idx2-page .dark-button b {
		color: #8ed5ff;
	}

	.idx2-page .case-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px;
		margin-top: 30px;
	}

	.idx2-page .case-card {
		position: relative;
		display: grid;
		grid-template-columns: 165px 1fr;
		gap: 24px;
		min-height: 215px;
		padding: 24px;
		border: 1px solid rgba(124, 190, 255, .24);
		border-radius: 22px;
		background: linear-gradient(135deg, rgba(54, 105, 165, .44), rgba(13, 51, 99, .54));
		box-shadow:
			inset 0 1px rgba(189, 227, 255, .19),
			0 14px 35px rgba(0, 4, 24, .26);
		backdrop-filter: blur(12px);
		transition: transform 200ms ease, border-color 200ms ease;
	}

	.idx2-page .case-card:hover {
		border-color: rgba(83, 184, 255, .65);
		transform: translateY(-5px);
	}

	.idx2-page .case-card > img,
	.idx2-page .case-thumb {
		width: 165px;
		height: 165px;
		border-radius: 16px;
		object-fit: cover;
	}

	.idx2-page .case-thumb {
		display: grid;
		place-items: center;
		color: rgba(255, 255, 255, .9);
		background:
			radial-gradient(circle at 30% 20%, rgba(72, 183, 255, .35), transparent 42%),
			linear-gradient(135deg, #08254d, #0f5fbf 60%, #1677f2);
	}

	.idx2-page .case-thumb svg {
		width: 52px;
		height: 52px;
	}

	.idx2-page .case-copy {
		display: flex;
		flex-direction: column;
		align-self: start;
		min-width: 0;
	}

	.idx2-page .case-chip {
		display: inline-flex;
		align-self: flex-start;
		min-height: 26px;
		margin-bottom: 10px;
		padding: 0 12px;
		align-items: center;
		border: 1px solid rgba(88, 169, 255, .28);
		border-radius: 14px;
		color: #8ed5ff;
		background: linear-gradient(90deg, rgba(32, 126, 239, .34), rgba(29, 91, 173, .24));
		font-size: 12px;
		font-weight: 700;
	}

	.idx2-page .case-copy h2 {
		margin: 0 0 6px;
		color: #fff;
		font-size: 20px;
		line-height: 1.4;
	}

	.idx2-page .case-copy p {
		margin: 0;
		color: #d3e5fb;
		font-size: 15px;
		line-height: 1.85;
	}

	.idx2-page .case-copy .case-subname {
		margin: 0 0 14px;
		color: #8ed5ff;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.5;
	}

	.idx2-page .case-copy a {
		margin-top: auto;
		padding-top: 16px;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
	}

	.idx2-page .case-copy a span {
		color: #5cb9ff;
		font-size: 21px;
	}

	/* ---------- 公司资讯 ---------- */
	.idx2-page .news {
		min-height: 615px;
		padding: 60px 0 130px;
		overflow: hidden;
	}

	.idx2-page .news::before {
		position: absolute;
		inset: 0;
		content: "";
		background:
			radial-gradient(circle at 78% 34%, rgba(100, 187, 255, .16), transparent 32%),
			linear-gradient(130deg, rgba(255, 255, 255, .2), transparent 45%);
	}

	.idx2-page .news-wave {
		position: absolute;
		border: 25px solid rgba(76, 159, 247, .13);
		border-radius: 50%;
		transform: rotate(-8deg);
	}

	.idx2-page .wave-one {
		right: -100px;
		bottom: -440px;
		width: 2100px;
		height: 690px;
	}

	.idx2-page .wave-two {
		right: -320px;
		bottom: -510px;
		width: 2550px;
		height: 830px;
		border-width: 2px;
		border-color: rgba(69, 152, 244, .26);
	}

	.idx2-page .news-grid {
		position: relative;
		z-index: 3;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px;
		margin-top: 38px;
	}

	.idx2-page .news-card {
		position: relative;
		display: grid;
		grid-template-columns: 86px 1fr;
		gap: 25px;
		min-height: 195px;
		overflow: hidden;
		padding: 30px 32px;
		border: 1px solid rgba(255, 255, 255, .95);
		border-radius: 19px;
		background: rgba(255, 255, 255, .72);
		box-shadow:
			0 16px 28px rgba(48, 105, 173, .11),
			inset 0 1px #fff;
		backdrop-filter: blur(14px);
		transition: transform 200ms ease, box-shadow 200ms ease;
	}

	.idx2-page .news-card:hover {
		transform: translateY(-5px);
		box-shadow:
			0 22px 38px rgba(48, 105, 173, .17),
			inset 0 1px #fff;
	}

	.idx2-page .news-left {
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.idx2-page .news-card time {
		color: #1680ef;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.35;
	}

	.idx2-page .news-card time b,
	.idx2-page .news-card time span {
		display: block;
	}

	.idx2-page .news-cover {
		display: block;
		width: 100%;
		max-width: 86px;
		border-radius: 10px;
		overflow: hidden;
		background: linear-gradient(135deg, #e7f1ff, #cfe3ff);
		box-shadow: 0 6px 14px rgba(48, 105, 173, .15);
	}

	.idx2-page .news-cover img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.idx2-page .news-copy {
		position: relative;
		z-index: 2;
	}

	.idx2-page .news-copy h2 {
		margin: 0 0 18px;
		color: #0a214b;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.45;
	}

	.idx2-page .news-copy p {
		margin: 0;
		color: #566983;
		font-size: 16px;
		line-height: 1.85;
	}

	.idx2-page .news-link {
		display: inline-block;
		margin-top: 14px;
		color: #1680ef;
		font-size: 15px;
		font-weight: 700;
	}

	.idx2-page .news-mark {
		display: none;
		position: absolute;
		right: -5px;
		bottom: -14px;
		color: #66b8ff;
		opacity: .09;
	}

	.idx2-page .news-mark svg {
		width: 110px;
		height: 110px;
		fill: none;
		stroke: currentColor;
		stroke-width: 2.5;
	}

	.idx2-page .news-mark.handshake svg {
		fill: currentColor;
		stroke-width: 1.5;
	}

	.idx2-page .news-card:nth-child(3n+1) .mark-doc,
	.idx2-page .news-card:nth-child(3n+2) .mark-cert,
	.idx2-page .news-card:nth-child(3n+3) .mark-hand {
		display: block;
	}

	@media (max-width: 1500px) {
		.idx2-page .section-container { width: calc(100% - 80px); }
		.idx2-page .application-card > img,
		.idx2-page .application-thumb { height: 145px; }
		.idx2-page .case-card { grid-template-columns: 130px 1fr; gap: 18px; }
		.idx2-page .case-card > img,
		.idx2-page .case-thumb { width: 130px; height: 160px; }
	}

	@media (max-width: 1100px) {
		.idx2-page .shield-outline,
		.idx2-page .skyline { opacity: .12; }
		.idx2-page .application-grid,
		.idx2-page .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
		.idx2-page .case-grid { grid-template-columns: 1fr; }
		.idx2-page .cases { padding-bottom: 70px; }
		.idx2-page .earth { right: -220px; }
		.idx2-page .case-card { grid-template-columns: 165px 1fr; }
		.idx2-page .case-card > img,
		.idx2-page .case-thumb { width: 165px; height: 165px; }
	}

	@media (max-width: 700px) {
		.idx2-page .section-container { width: calc(100% - 34px); }
		.idx2-page .applications,
		.idx2-page .cases,
		.idx2-page .news { padding-top: 42px; }
		.idx2-page .section-header h2 { font-size: 40px; }
		.idx2-page .section-header p { font-size: 18px; }
		.idx2-page .section-kicker { min-height: 34px; font-size: 16px; }
		.idx2-page .more-button { min-width: 112px; height: 44px; margin-bottom: 60px; font-size: 15px; }
		.idx2-page .application-grid,
		.idx2-page .news-grid { grid-template-columns: 1fr; }
		.idx2-page .application-card > img,
		.idx2-page .application-thumb { height: 175px; }
		.idx2-page .case-card { grid-template-columns: 105px 1fr; min-height: 190px; padding: 18px; }
		.idx2-page .case-card > img,
		.idx2-page .case-thumb { width: 105px; height: 150px; }
		.idx2-page .case-thumb svg { width: 40px; height: 40px; }
		.idx2-page .case-copy h2 { font-size: 17px; }
		.idx2-page .case-copy p { font-size: 13px; }
		.idx2-page .news-card { grid-template-columns: 66px 1fr; gap: 17px; padding: 24px 20px; }
		.idx2-page .news-cover { max-width: 66px; }
		.idx2-page .news { padding-bottom: 80px; }
	}

	@media (max-width: 460px) {
		.idx2-page .section-header { display: block; }
		.idx2-page .more-button { margin: 24px 0 0; }
		.idx2-page .application-grid,
		.idx2-page .case-grid,
		.idx2-page .news-grid { margin-top: 25px; }
		.idx2-page .application-info { padding-inline: 14px; }
		.idx2-page .application-info h2 { margin-inline: 12px; font-size: 17px; }
		.idx2-page .round-icon { width: 40px; height: 40px; }
		.idx2-page .case-card { display: block; }
		.idx2-page .case-card > img,
		.idx2-page .case-thumb { width: 100%; height: 170px; margin-bottom: 18px; }
		.idx2-page .case-copy a { margin-top: 16px; }
		.idx2-page .earth { right: -430px; }
	}