/* ========== home-two 容器样式 ========== */
	#home-two {
		background-color: #020617;
		min-height: 90vh;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem;
	}

	/* ========== 自定义样式 ========== */
	.tab-btn {
		transition: all 0.2s ease;
		cursor: pointer;
		padding: 0.75rem 2rem;
		border-radius: 0.25rem;
		border: 1px solid rgba(255, 255, 255, 0.2);
		background: transparent;
		color: white;
		font-weight: 600;
		font-size: 0.875rem;
		border-radius: 20px;
	}

	.tab-btn.active {
		background-color: #22D3EE;
		color: #020617;
		border-color: #22D3EE;
		box-shadow: 0 0 20px rgba(34, 211, 238, 0.5);
	}

	.price-card {
		transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
		border: 1px solid rgba(255, 255, 255, 0.08);
		background: rgba(15, 23, 42, 0.6);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		border-radius: 1rem;
		padding: 1.25rem;
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}

	.price-card:hover {
		border-color: #22D3EE;
		box-shadow: 0 8px 25px rgba(34, 211, 238, 0.1);
		transform: translateY(-2px);
	}

	.flag-icon {
		width: 42px;
		height: 30px;
		border-radius: 4px;
		overflow: hidden;
		flex-shrink: 0;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(10px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.fade-in {
		animation: fadeIn 0.3s ease;
	}

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

	body {
		margin: 0;
		line-height: inherit
	}

	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
	}

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

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

	/* 布局 */
	.flex {
		display: flex
	}

	.grid {
		display: grid
	}

	.block {
		display: block
	}

	.inline {
		display: inline
	}

	.inline-flex {
		display: inline-flex
	}

	.items-center {
		align-items: center
	}

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

	.justify-center {
		justify-content: center
	}

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

	.gap-1 {
		gap: 0.25rem
	}

	.gap-2 {
		gap: 0.5rem
	}

	.gap-3 {
		gap: 0.75rem
	}

	.gap-4 {
		gap: 1rem
	}

	.gap-5 {
		gap: 1.25rem
	}

	.text-center {
		text-align: center
	}

	.relative {
		position: relative
	}

	.absolute {
		position: absolute
	}

	/* 尺寸 */
	.w-1\.5 {
		width: 0.375rem
	}

	.w-2 {
		width: 0.5rem
	}

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

	.h-2 {
		height: 0.5rem
	}

	.w-full {
		width: 100%
	}

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

	.max-w-2xl {
		max-width: 42rem
	}

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

	/* 间距 */
	.p-4 {
		padding: 1rem
	}

	.p-5 {
		padding: 1.25rem
	}

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

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

	.py-1 {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem
	}

	.py-2 {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem
	}

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

	.pt-8 {
		padding-top: 2rem
	}

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

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

	.mt-3 {
		margin-top: 0.75rem
	}

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

	.mt-12 {
		margin-top: 3rem
	}

	.mb-3 {
		margin-bottom: 0.75rem
	}

	.mb-10 {
		margin-bottom: 2.5rem
	}

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

	.ml-1 {
		margin-left: 0.25rem
	}

	/* 文字 */
	.text-white {
		color: #fff
	}

	.text-slate-300 {
		color: #cbd5e1
	}

	.text-slate-400 {
		color: #94a3b8
	}

	.text-slate-500 {
		color: #64748b
	}

	.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-2xl {
		font-size: 1.5rem;
		line-height: 2rem
	}

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

	.font-bold {
		font-weight: 700
	}

	.font-extrabold {
		font-weight: 800
	}

	.font-semibold {
		font-weight: 600
	}

	.font-mono {
		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
	}

	/* 背景 */
	.bg-\[\#020617\] {
		background-color: #020617
	}

	.bg-slate-800 {
		background-color: #1e293b
	}

	.bg-cyan-400 {
		background-color: #22D3EE
	}

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

	/* 边框与圆角 */
	.border {
		border-width: 1px
	}

	.border-t {
		border-top-width: 1px
	}

	.border-white\/20 {
		border-color: rgba(255, 255, 255, 0.2)
	}

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

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

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

	/* 效果 */
	.hover\:underline:hover {
		text-decoration: underline
	}

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

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

	/* 响应式网格 */
	.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))
		}
	}

	@media (min-width: 768px) {
		.md\:text-4xl {
			font-size: 2.25rem;
			line-height: 2.5rem
		}
	}

	@media (min-width: 1024px) {
		.lg\:grid-cols-3 {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}
	}

	@media (min-width: 1280px) {
		.xl\:grid-cols-4 {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}

	/* 其他工具 */
	.overflow-hidden {
		overflow: hidden
	}

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

	/* ========== pricingGrid 网格样式 ========== */
	#pricingGrid {
		display: grid;
		gap: 1.25rem;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	@media (min-width: 640px) {
		#pricingGrid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	@media (min-width: 1024px) {
		#pricingGrid {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	@media (min-width: 1280px) {
		#pricingGrid {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}

	.cursor-pointer {
		cursor: pointer
	}