/* =========================================================
   v2.9.61 · 首页「选一件事试一次」
   ========================================================= */
.lx-try-once {
	position: relative;
	z-index: 4;
	max-width: 1120px;
	margin: 10px auto 18px;
	padding: 0 16px;
	box-sizing: border-box;
}
.lx-try-once__kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 8px;
	font-family: Orbitron, monospace;
	font-size: 11px;
	letter-spacing: 0.16em;
	color: #67e8f9;
}
.lx-try-once__title {
	margin: 0 0 8px;
	font-size: clamp(1.4rem, 3.4vw, 2.1rem);
	color: #f0f7fc;
	font-weight: 800;
}
.lx-try-once__title em {
	font-style: normal;
	background: linear-gradient(90deg, #00fff0, #fbbf24, #ff2bd6);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.lx-try-once__sub {
	margin: 0 0 16px;
	color: #8aa0b8;
	font-size: 14px;
}
.lx-try-once__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.lx-try-once__card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px 16px 14px;
	border-radius: 16px;
	border: 1px solid rgba(0, 255, 240, 0.32);
	background:
		linear-gradient(160deg, rgba(0, 255, 240, 0.08), transparent 55%),
		rgba(6, 10, 22, 0.62);
	text-decoration: none !important;
	color: #e8f7ff !important;
	min-height: 210px;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
	transition: transform .2s ease, border-color .2s ease;
}
.lx-try-once__card:hover {
	transform: translateY(-4px);
	border-color: rgba(251, 191, 36, 0.7);
}
.lx-try-once__ic { font-size: 22px; }
.lx-try-once__card strong {
	font-size: 16px;
	line-height: 1.35;
}
.lx-try-once__d {
	font-size: 13px;
	line-height: 1.55;
	color: #8aa0b8;
	flex: 1;
}
.lx-try-once__cta {
	font-size: 13px;
	font-weight: 700;
	color: #67e8f9;
}
@media (max-width: 900px) {
	.lx-try-once__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
	.lx-try-once { padding: 8px 10px 12px; margin: 4px auto 8px; }
	.lx-try-once__grid { grid-template-columns: 1fr 1fr; gap: 8px; }
	.lx-try-once__title { font-size: 1.35rem; margin-bottom: 6px; }
	.lx-try-once__sub { font-size: 12.5px; margin-bottom: 10px; }
	.lx-try-once__card {
		min-height: 0;
		padding: 12px 10px 10px;
		gap: 6px;
	}
	.lx-try-once__d { display: none; }
	.lx-try-once__cta { font-size: 12px; }
	.lx-try-once__card strong { font-size: 14px; }
	/* 手机首屏只留可点的试一次，不先推客户端下载 */
	.lx-de3d,
	.lx-cx-hero--gift {
		display: none !important;
	}
}

/* 首页主路径：不要注册礼包、金融、微信二维码、3D 岗位墙抢注意力 */
body.lx-cyber-home .lx-de3d,
body.lx-cyber-home .lx-cx-hero--gift,
body.lx-cyber-home .wechat-cards,
body.lx-cyber-home .lx-cx-wechat,
body.lx-cyber-home .lx-cx-wechat-card,
body.lx-cyber-home .ai-wechat-box,
body.lx-cyber-home .lx-cx-finance,
body.lx-cyber-home .finance-cards,
body.lx-cyber-home .lx-gos-home-modal {
	display: none !important;
}
@media (max-width: 640px) {
	.lx-try-once { padding: 0 10px; }
}

/* =========================================================
   v2.9.58 · 首页注册礼包赛博广告
   ========================================================= */

.lx-cx-hero--gift .lx-cx-hero__stage {
	position: relative;
	min-height: clamp(460px, 62vh, 680px);
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(251, 191, 36, 0.10) 0%, transparent 38%),
		linear-gradient(320deg, rgba(0, 255, 240, 0.10) 0%, transparent 48%),
		linear-gradient(180deg, rgba(10, 14, 28, 0.88), rgba(5, 6, 13, 0.94));
	box-shadow:
		0 0 0 1px rgba(251, 191, 36, 0.12) inset,
		0 30px 80px rgba(0, 0, 0, 0.55),
		0 0 60px rgba(0, 255, 240, 0.10);
}

/* 四角支架 + 扫描线 */
.lx-gift-frame {
	position: absolute;
	inset: 10px;
	z-index: 4;
	pointer-events: none;
}
.lx-gift-frame .c {
	position: absolute;
	width: 22px;
	height: 22px;
	border: 2px solid rgba(251, 191, 36, 0.85);
	box-shadow: 0 0 10px rgba(251, 191, 36, 0.35);
}
.lx-gift-frame .tl { top: 0; left: 0; border-right: 0; border-bottom: 0; }
.lx-gift-frame .tr { top: 0; right: 0; border-left: 0; border-bottom: 0; }
.lx-gift-frame .bl { bottom: 0; left: 0; border-right: 0; border-top: 0; }
.lx-gift-frame .br { bottom: 0; right: 0; border-left: 0; border-top: 0; }
.lx-gift-frame__line {
	position: absolute;
	left: 18px;
	right: 18px;
	top: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, #fbbf24, #00fff0, #ff2bd6, transparent);
	background-size: 220% 100%;
	animation: lx-gift-line 4.2s linear infinite;
}
.lx-gift-frame__scan {
	position: absolute;
	left: 8%;
	right: 8%;
	height: 42%;
	top: -40%;
	background: linear-gradient(180deg, transparent, rgba(0, 255, 240, 0.08), transparent);
	animation: lx-gift-scan 5.6s ease-in-out infinite;
}
@keyframes lx-gift-line {
	0% { background-position: 0% 0; }
	100% { background-position: 220% 0; }
}
@keyframes lx-gift-scan {
	0% { top: -45%; opacity: 0; }
	18% { opacity: 1; }
	100% { top: 110%; opacity: 0; }
}

/* 文案：压在 3D 场景左前 */
body.lx-cyber-home .lx-cx-hero--gift .lx-cx-hero__copy,
.lx-cx-hero--gift .lx-gift-copy {
	position: relative;
	z-index: 5;
	max-width: min(640px, 92%);
	padding: clamp(28px, 4.2vw, 48px) clamp(22px, 3.6vw, 40px) clamp(22px, 3vw, 36px);
}
.lx-cx-hero--gift .lx-cx-kicker {
	color: #fde68a;
	text-shadow: 0 0 14px rgba(251, 191, 36, 0.55);
}
.lx-cx-hero--gift .lx-cx-title {
	font-size: clamp(1.85rem, 4.6vw, 3.05rem);
	line-height: 1.18;
}
.lx-cx-hero--gift .lx-cx-title em {
	background: linear-gradient(90deg, #fbbf24, #00fff0, #ff2bd6);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 0 16px rgba(251, 191, 36, 0.45));
}
.lx-cx-hero--gift .lx-cx-sub {
	max-width: 34em;
	color: rgba(200, 220, 236, 0.92);
}
.lx-cx-hero--gift .lx-cx-cta {
	margin-bottom: 18px;
}

/* CTA 脉冲 */
.lx-gift-cta {
	min-width: 188px;
	padding: 14px 28px !important;
	font-size: 15px !important;
	letter-spacing: 0.12em !important;
	animation: lx-gift-cta-pulse 2.4s ease-in-out infinite;
}
@keyframes lx-gift-cta-pulse {
	0%, 100% { box-shadow: 0 0 24px rgba(0, 255, 240, 0.45), 0 0 8px rgba(251, 191, 36, 0.25); }
	50% { box-shadow: 0 0 40px rgba(0, 255, 240, 0.8), 0 0 18px rgba(251, 191, 36, 0.45); }
}

/* 能干这些 */
.lx-gift-uses {
	position: relative;
	z-index: 5;
	max-width: 560px;
}
.lx-gift-uses__h {
	margin: 0 0 10px;
	font-family: Orbitron, "Noto Sans SC", sans-serif;
	font-size: 12px;
	letter-spacing: 0.16em;
	color: #67e8f9;
	text-shadow: 0 0 10px rgba(0, 255, 240, 0.35);
}
.lx-gift-uses__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}
.lx-gift-use {
	position: relative;
	padding: 10px 10px 9px;
	border-radius: 12px;
	border: 1px solid rgba(0, 255, 240, 0.22);
	background:
		linear-gradient(160deg, rgba(251, 191, 36, 0.08), transparent 55%),
		rgba(4, 8, 18, 0.55);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
	overflow: hidden;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.lx-gift-use::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, #fbbf24, #00fff0, transparent);
	opacity: 0.7;
}
.lx-gift-use .ic {
	display: block;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 4px;
	filter: drop-shadow(0 0 8px rgba(0, 255, 240, 0.4));
}
.lx-gift-use b {
	display: block;
	font-size: 13.5px;
	font-weight: 800;
	color: #f8fafc;
	letter-spacing: 0.02em;
	line-height: 1.25;
}
.lx-gift-use span:last-child {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	color: #8aa0b8;
	line-height: 1.35;
}
.lx-gift-use:hover {
	transform: translateY(-2px);
	border-color: rgba(251, 191, 36, 0.7);
	box-shadow: 0 0 22px rgba(251, 191, 36, 0.22), 0 10px 22px rgba(0, 0, 0, 0.35);
}

/* 右侧全息积分芯片 */
.lx-gift-holo {
	position: absolute;
	right: 5%;
	top: 50%;
	z-index: 3;
	width: min(280px, 34%);
	aspect-ratio: 1;
	transform: translateY(-52%) rotateX(8deg) rotateY(-12deg);
	transform-style: preserve-3d;
	pointer-events: none;
	filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.45));
}
.lx-gift-holo__orbit {
	position: absolute;
	inset: -8%;
	border-radius: 50%;
	border: 1px dashed rgba(0, 255, 240, 0.35);
	animation: lx-gift-spin 18s linear infinite;
}
.lx-gift-holo__orbit.o2 {
	inset: -18%;
	border-color: rgba(251, 191, 36, 0.35);
	animation-duration: 26s;
	animation-direction: reverse;
}
.lx-gift-holo__chip {
	position: absolute;
	inset: 12%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 22px;
	border: 1px solid rgba(0, 255, 240, 0.45);
	background:
		radial-gradient(circle at 50% 30%, rgba(251, 191, 36, 0.22), transparent 55%),
		linear-gradient(160deg, rgba(8, 16, 36, 0.86), rgba(4, 8, 20, 0.92));
	box-shadow:
		0 0 0 1px rgba(255, 43, 214, 0.12) inset,
		0 0 40px rgba(0, 255, 240, 0.22),
		0 0 28px rgba(251, 191, 36, 0.18);
	overflow: hidden;
	transform: translateZ(24px);
}
.lx-gift-holo__tag {
	font-family: Orbitron, monospace;
	font-size: 10px;
	letter-spacing: 0.28em;
	color: #fde68a;
	text-shadow: 0 0 10px rgba(251, 191, 36, 0.6);
}
.lx-gift-holo__num {
	margin: 6px 0 2px;
	font-family: Orbitron, sans-serif;
	font-size: clamp(2.4rem, 5vw, 3.4rem);
	font-weight: 800;
	line-height: 1;
	color: #fff;
	text-shadow:
		2px 0 #ff2bd6,
		-2px 0 #00fff0,
		0 0 22px rgba(0, 255, 240, 0.7);
	animation: lx-gift-num 3.6s ease-in-out infinite;
}
.lx-gift-holo__unit {
	font-family: Orbitron, monospace;
	font-size: 11px;
	letter-spacing: 0.32em;
	color: #67e8f9;
}
.lx-gift-holo__scan {
	position: absolute;
	left: 0;
	right: 0;
	height: 38%;
	top: -40%;
	background: linear-gradient(180deg, transparent, rgba(0, 255, 240, 0.22), transparent);
	animation: lx-gift-scan 3.8s ease-in-out infinite;
}
.lx-gift-holo__shards i {
	position: absolute;
	width: 8px;
	height: 8px;
	background: #00fff0;
	box-shadow: 0 0 10px #00fff0;
	animation: lx-gift-shard 4.8s ease-in-out infinite;
}
.lx-gift-holo__shards i:nth-child(1) { top: 8%; left: 18%; }
.lx-gift-holo__shards i:nth-child(2) { top: 16%; right: 10%; background: #fbbf24; box-shadow: 0 0 10px #fbbf24; animation-delay: .6s; }
.lx-gift-holo__shards i:nth-child(3) { bottom: 14%; left: 8%; background: #ff2bd6; box-shadow: 0 0 10px #ff2bd6; animation-delay: 1.1s; }
.lx-gift-holo__shards i:nth-child(4) { bottom: 8%; right: 18%; animation-delay: 1.8s; }
@keyframes lx-gift-spin {
	to { transform: rotate(360deg); }
}
@keyframes lx-gift-num {
	0%, 100% { filter: brightness(1); }
	50% { filter: brightness(1.25); }
}
@keyframes lx-gift-shard {
	0%, 100% { transform: translateY(0); opacity: 0.55; }
	50% { transform: translateY(-8px); opacity: 1; }
}

@media (max-width: 900px) {
	.lx-gift-holo {
		width: min(220px, 38%);
		right: 2%;
		opacity: 0.78;
	}
	.lx-gift-uses__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 640px) {
	.lx-cx-hero--gift .lx-cx-hero__stage {
		min-height: auto;
	}
	.lx-gift-holo {
		position: relative;
		right: auto;
		top: auto;
		width: 180px;
		margin: 8px auto -8px;
		transform: none;
		opacity: 0.95;
		order: -1;
	}
	.lx-cx-hero--gift .lx-cx-hero__stage {
		display: flex;
		flex-direction: column;
	}
	body.lx-cyber-home .lx-cx-hero--gift .lx-cx-hero__copy,
	.lx-cx-hero--gift .lx-gift-copy {
		max-width: none;
		padding: 18px 16px 16px;
	}
	.lx-gift-cta {
		width: 100%;
	}
	.lx-gift-uses {
		max-width: none;
	}
	.lx-gift-frame .c {
		width: 14px;
		height: 14px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.lx-gift-frame__line,
	.lx-gift-frame__scan,
	.lx-gift-cta,
	.lx-gift-holo__orbit,
	.lx-gift-holo__num,
	.lx-gift-holo__scan,
	.lx-gift-holo__shards i {
		animation: none !important;
	}
}