/* ========== 内联 Tailwind 工具类 (按需提取) ========== */
	*,
	::before,
	::after {
		box-sizing: border-box;
		border-width: 0;
		border-style: solid;
		border-color: #e5e7eb
	}

	html {
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
		-moz-tab-size: 4;
		tab-size: 4
	}

	body {
		margin: 0;
		line-height: inherit;
		font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif
	}

	a {
		color: inherit;
		text-decoration: inherit
	}

	b,
	strong {
		font-weight: bolder
	}

	button,
	input,
	select,
	textarea {
		font-family: inherit;
		font-size: 100%;
		font-weight: inherit;
		line-height: inherit;
		color: inherit;
		margin: 0;
		padding: 0
	}

	button {
		text-transform: none;
		cursor: pointer
	}

	img,
	svg,
	video,
	canvas,
	audio,
	iframe,
	embed,
	object {
		display: block;
		vertical-align: middle
	}

	.flex {
		display: flex
	}

	.inline-flex {
		display: inline-flex
	}

	.grid {
		display: grid
	}

	.hidden {
		display: none
	}

	.items-center {
		align-items: center
	}

	.items-start {
		align-items: flex-start
	}

	.items-baseline {
		align-items: baseline
	}

	.justify-center {
		justify-content: center
	}

	.justify-between {
		justify-content: space-between
	}

	.flex-col {
		flex-direction: column
	}

	.flex-shrink-0 {
		flex-shrink: 0
	}

	.gap-1 {
		gap: 0.25rem
	}

	.gap-2 {
		gap: 0.5rem
	}

	.gap-4 {
		gap: 1rem
	}

	.gap-5 {
		gap: 1.25rem
	}

	.gap-6 {
		gap: 1.5rem
	}

	.gap-8 {
		gap: 2rem
	}

	.text-center {
		text-align: center
	}

	.text-left {
		text-align: left
	}

	.relative {
		position: relative
	}

	.absolute {
		position: absolute
	}

	.inline-block {
		display: inline-block
	}

	.w-1\.5 {
		width: 0.375rem
	}

	.h-1\.5 {
		height: 0.375rem
	}

	.w-10 {
		width: 2.5rem
	}

	.h-10 {
		height: 2.5rem
	}

	.w-full {
		width: 100%
	}

	.max-w-6xl {
		max-width: var(--content-width)
	}

	.max-w-3xl {
		max-width: 48rem
	}

	.min-h-screen {
		min-height: 100vh
	}

	.mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.mt-2 {
		margin-top: 0.5rem
	}

	.mt-4 {
		margin-top: 1rem
	}

	.mt-6 {
		margin-top: 1.5rem
	}

	.mt-20 {
		margin-top: 5rem
	}

	.mb-2 {
		margin-bottom: 0.5rem
	}

	.mb-16 {
		margin-bottom: 4rem
	}

	.mb-20 {
		margin-bottom: 5rem
	}

	.p-6 {
		padding: 1.5rem
	}

	.p-8 {
		padding: 2rem
	}

	.px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	.px-8 {
		padding-left: 2rem;
		padding-right: 2rem
	}

	.py-3 {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem
	}

	.py-3\.5 {
		padding-top: 0.875rem;
		padding-bottom: 0.875rem
	}

	.py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem
	}

	.text-white {
		color: #fff
	}

	.text-black {
		color: #000
	}

	.text-gray-400 {
		color: #9ca3af
	}

	.text-gray-500 {
		color: #6b7280
	}

	.text-cyan-300 {
		color: #67e8f9
	}

	.text-cyan-400 {
		color: #22D3EE
	}

	.text-xs {
		font-size: 0.75rem;
		line-height: 1rem
	}

	.text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem
	}

	.text-base {
		font-size: 1rem;
		line-height: 1.5rem
	}

	.text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem
	}

	.text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem
	}

	.text-2xl {
		font-size: 1.5rem;
		line-height: 2rem
	}

	.text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem
	}

	.font-bold {
		font-weight: 700
	}

	.font-semibold {
		font-weight: 600
	}

	.tracking-tight {
		letter-spacing: -0.025em
	}

	.leading-tight {
		line-height: 1.25
	}

	.leading-relaxed {
		line-height: 1.625
	}

	.antialiased {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	.bg-gray-950 {
		background-color: #030712
	}

	.bg-white\/\[0\.02\] {
		background-color: rgba(255, 255, 255, 0.02)
	}

	.bg-white\/\[0\.03\] {
		background-color: rgba(255, 255, 255, 0.03)
	}

	.bg-green-400 {
		background-color: #4ade80
	}

	.rounded-2xl {
		border-radius: 1rem
	}

	.rounded-full {
		border-radius: 9999px
	}

	.border {
		border-width: 1px
	}

	.border-white\/5 {
		border-color: rgba(255, 255, 255, 0.05)
	}

	.border-cyan-400\/40 {
		border-color: rgba(34, 211, 238, 0.4)
	}

	.backdrop-blur-sm {
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px)
	}

	.transition-all {
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms
	}

	.duration-300 {
		transition-duration: 300ms
	}

	.cursor-default {
		cursor: default
	}

	.overflow-hidden {
		overflow: hidden
	}

	.pointer-events-none {
		pointer-events: none
	}

	.bg-gradient-to-r {
		background-image: linear-gradient(to right, var(--tw-gradient-stops))
	}

	.from-cyan-400 {
		--tw-gradient-from: #22D3EE;
		--tw-gradient-to: rgba(34, 211, 238, 0);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
	}

	.to-blue-600 {
		--tw-gradient-to: #2563eb
	}

	.shadow-lg {
		--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.shadow-cyan-500\/20 {
		--tw-shadow-color: rgba(34, 211, 238, 0.2);
		--tw-shadow: var(--tw-shadow-colored)
	}

	.transform {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.hover\:-translate-y-0\.5:hover {
		--tw-translate-y: -0.125rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.hover\:from-cyan-300:hover {
		--tw-gradient-from: #67e8f9;
		--tw-gradient-to: rgba(103, 232, 249, 0);
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
	}

	.hover\:to-blue-500:hover {
		--tw-gradient-to: #3b82f6
	}

	.hover\:bg-cyan-400\/10:hover {
		background-color: rgba(34, 211, 238, 0.1)
	}

	.hover\:border-cyan-300:hover {
		border-color: #67e8f9
	}

	.hover\:shadow-cyan-500\/40:hover {
		--tw-shadow-color: rgba(34, 211, 238, 0.4);
		--tw-shadow: var(--tw-shadow-colored)
	}

	.animate-pulse {
		animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
	}

	@keyframes pulse {

		0%,
		100% {
			opacity: 1
		}

		50% {
			opacity: .5
		}
	}

	.grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr))
	}

	@media (min-width: 640px) {
		.sm\:grid-cols-2 {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}

		.sm\:text-4xl {
			font-size: 2.25rem;
			line-height: 2.5rem
		}

		.sm\:flex-row {
			flex-direction: row
		}
	}

	@media (min-width: 768px) {
		.md\:text-lg {
			font-size: 1.125rem;
			line-height: 1.75rem
		}

		.md\:text-base {
			font-size: 1rem;
			line-height: 1.5rem
		}

		.md\:text-2xl {
			font-size: 1.5rem;
			line-height: 2rem
		}

		.md\:text-3xl {
			font-size: 1.875rem;
			line-height: 2.25rem
		}

		.md\:text-4xl {
			font-size: 2.25rem;
			line-height: 2.5rem
		}

		.md\:text-5xl {
			font-size: 3rem;
			line-height: 1
		}

		.md\:w-12 {
			width: 3rem
		}

		.md\:h-12 {
			height: 3rem
		}

		.md\:p-8 {
			padding: 2rem
		}

		.md\:p-10 {
			padding: 2.5rem
		}

		.md\:px-12 {
			padding-left: 3rem;
			padding-right: 3rem
		}

		.md\:gap-8 {
			gap: 2rem
		}

		.md\:mb-24 {
			margin-bottom: 6rem
		}

		.md\:mb-28 {
			margin-bottom: 7rem
		}

		.md\:mt-28 {
			margin-top: 7rem
		}
	}

	@media (min-width: 1024px) {
		.lg\:text-6xl {
			font-size: 3.75rem;
			line-height: 1
		}

		.lg\:flex-row {
			flex-direction: row
		}

		.lg\:text-left {
			text-align: left
		}

		.shield-title {
			white-space: nowrap;
		}

		.shield-subtitle {
			max-width: 1280px;
			white-space: nowrap;
		}
	}

	/* ========== 自定义样式 ========== */
	.text-gradient-cyan-blue {
		background: linear-gradient(135deg, #22d3ee 0%, #1e3a8a 75%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}

	.card-group:hover .card-title,
	.card-group:hover .card-desc {
		transform: scale(1.02);
		transition: transform 0.3s ease;
	}

	.card-title,
	.card-desc {
		transition: transform 0.3s ease;
	}

	.border-subtle {
		border: 0.5px solid rgba(255, 255, 255, 0.1);
	}

	.group:hover .border-subtle {
		border-color: rgba(34, 211, 238, 0.9);
	}

	.shield-bg {
		position: relative;
		overflow: hidden;
	}

	.shield-section {
		margin-top: 100px;
	}

	.shield-header {
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
	}

	.shield-title {
		word-break: break-word;
	}

	.shield-subtitle {
		max-width: 860px;
	}

	.shield-bg::before {
		content: "";
		position: absolute;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
		width: 80vw;
		max-width: 900px;
		height: 80vw;
		max-height: 900px;
		background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath d=%22M50 5 L90 20 L90 55 Q90 78 50 95 Q10 78 10 55 L10 20 Z%22 fill=%22white%22 opacity=%220.05%22 /%3E%3C/svg%3E') no-repeat center/contain;
		opacity: 0.05;
		pointer-events: none;
		z-index: 0;
	}

	.shield-content {
		position: relative;
		z-index: 2;
	}

	.counter-number {
		font-variant-numeric: tabular-nums;
		font-weight: 700;
	}

	/* 卡片悬停时额外光影 */
	.card-group:hover {
		box-shadow: 0 0 30px rgba(34, 211, 238, 0.15);
	}

	@media (max-width: 639px) {
		.shield-section {
			margin-top: 72px;
		}

		.shield-header {
			margin-bottom: 3rem;
		}

		.shield-title {
			font-size: 2.25rem;
			line-height: 1.2;
			white-space: normal;
		}

		.shield-subtitle {
			font-size: 1rem;
			line-height: 1.75;
			white-space: normal;
		}

		.shield-grid {
			grid-template-columns: minmax(0, 1fr);
			gap: 1rem;
		}

		.shield-card-row {
			gap: 1rem;
		}
	}