/* =========================================================
   赛博朋克 · 分类 / 文章 / AI 工具箱 / 功能页 / 弹窗
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap");

/* —— 全站赛博基底 —— */
body.lx-cyber-site {
	--cx-bg: #05060d;
	--cx-panel: rgba(8, 12, 24, 0.55);
	--cx-line: rgba(0, 255, 240, 0.28);
	--cx-cyan: #00fff0;
	--cx-pink: #ff2bd6;
	--cx-purple: #8b5cff;
	--cx-yellow: #f9f871;
	--cx-text: #e8f7ff;
	--cx-muted: #8aa0b8;
	background: var(--cx-bg) !important;
	color: var(--cx-text);
}
body.lx-cyber-site .wp-site-blocks,
body.lx-cyber-site main.wp-block-group {
	position: relative;
	z-index: 1;
	background: transparent !important;
}
body.lx-cyber-site .site-footer-seo,
body.lx-cyber-site .wp-block-template-part {
	position: relative;
	z-index: 2;
}

/* 隐藏工具箱页自带旧宇宙背景，统一用赛博 FX */
body.lx-cyber-toolbox .lx-tb-fx,
body.lx-cyber-site #lx-tb-global-fx {
	display: none !important;
}

/* =========================================================
   分类 / 归档 · 去掉分类标题整块 + 强化赛博氛围
   ========================================================= */
/* 整块分类横幅（标题/描述）直接隐藏 */
body.lx-cyber-archive .archive-star-banner,
body.lx-archive-page.lx-cyber-site .archive-star-banner,
body.category.lx-cyber-site .archive-star-banner {
	display: none !important;
}

body.lx-cyber-archive .lx-archive-body {
	position: relative;
	z-index: 1;
	padding: 28px 18px 56px !important;
	max-width: 1200px;
	margin: 0 auto;
}
/* 顶部赛博装饰线 */
body.lx-cyber-archive .lx-archive-body::before {
	content: "";
	display: block;
	height: 2px;
	margin: 0 0 22px;
	border-radius: 2px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(0, 255, 240, 0.7),
		rgba(255, 43, 214, 0.55),
		rgba(139, 92, 255, 0.5),
		transparent
	);
	box-shadow: 0 0 16px rgba(0, 255, 240, 0.35);
	animation: lx-arc-line 4s linear infinite;
	background-size: 200% 100%;
}
@keyframes lx-arc-line {
	0% { background-position: 0% 0; }
	100% { background-position: 200% 0; }
}
body.lx-cyber-archive .lx-archive-grid {
	gap: 24px !important;
}
body.lx-cyber-archive .lx-archive-columns {
	gap: 32px !important;
	padding-top: 8px !important;
}
body.lx-cyber-archive .lx-archive-card,
body.lx-cyber-archive.lx-archive-page .lx-archive-card {
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.1) 0%, transparent 45%),
		linear-gradient(320deg, rgba(255, 43, 214, 0.07) 0%, transparent 50%),
		rgba(6, 10, 22, 0.38) !important;
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	border-radius: 16px !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 16px 40px rgba(0, 0, 0, 0.35),
		0 0 24px rgba(0, 255, 240, 0.05) !important;
	backdrop-filter: blur(12px) saturate(1.2);
	overflow: hidden;
	position: relative;
	transition: transform 0.28s ease, border-color 0.28s, box-shadow 0.28s !important;
}
/* 卡片角标 */
body.lx-cyber-archive .lx-archive-card::after {
	content: "";
	position: absolute;
	top: 10px;
	right: 10px;
	width: 12px;
	height: 12px;
	border-top: 2px solid rgba(0, 255, 240, 0.55);
	border-right: 2px solid rgba(0, 255, 240, 0.55);
	z-index: 2;
	pointer-events: none;
	opacity: 0.7;
}
/* 卡片扫描光 */
body.lx-cyber-archive .lx-archive-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		transparent 40%,
		rgba(0, 255, 240, 0.1) 50%,
		transparent 60%
	);
	background-size: 220% 100%;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	transition: opacity 0.25s;
}
body.lx-cyber-archive .lx-archive-card:hover::before {
	opacity: 1;
	animation: lx-arc-card-scan 1.1s linear 1;
}
@keyframes lx-arc-card-scan {
	0% { background-position: 120% 0; }
	100% { background-position: -120% 0; }
}
body.lx-cyber-archive .lx-archive-card-body {
	padding: 16px 16px 18px !important;
	position: relative;
	z-index: 1;
}
body.lx-cyber-archive .lx-archive-card .wp-block-post-featured-image {
	position: relative;
	z-index: 1;
}
body.lx-cyber-archive .lx-archive-card .wp-block-post-featured-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 50%, rgba(5, 8, 18, 0.55));
	pointer-events: none;
}
body.lx-cyber-archive .lx-archive-card:hover {
	transform: translateY(-6px) !important;
	border-color: rgba(255, 43, 214, 0.5) !important;
	box-shadow:
		0 0 0 1px rgba(255, 43, 214, 0.2) inset,
		0 0 36px rgba(0, 255, 240, 0.18),
		0 22px 48px rgba(0, 0, 0, 0.45) !important;
}
body.lx-cyber-archive .lx-archive-card-title,
body.lx-cyber-archive .lx-archive-card-title a {
	color: #f0fbff !important;
}
body.lx-cyber-archive .lx-archive-card-title a:hover {
	color: var(--cx-cyan) !important;
	text-shadow: 0 0 12px rgba(0, 255, 240, 0.45);
}
body.lx-cyber-archive .lx-archive-card-excerpt,
body.lx-cyber-archive .lx-archive-card-excerpt p {
	color: var(--cx-muted) !important;
}
body.lx-cyber-archive .lx-archive-card-date,
body.lx-cyber-archive .lx-archive-card-date time {
	background: rgba(0, 255, 240, 0.12) !important;
	color: var(--cx-cyan) !important;
	border: 1px solid rgba(0, 255, 240, 0.2);
}
body.lx-cyber-archive .lx-archive-pagination {
	border-top-color: rgba(0, 255, 240, 0.15) !important;
}
body.lx-cyber-archive .lx-archive-pagination a,
body.lx-cyber-archive .lx-archive-pagination span {
	background: rgba(6, 10, 22, 0.6) !important;
	border: 1px solid rgba(0, 255, 240, 0.22) !important;
	color: var(--cx-text) !important;
	border-radius: 10px !important;
}
body.lx-cyber-archive .lx-archive-pagination a:hover,
body.lx-cyber-archive .lx-archive-pagination .current {
	background: rgba(0, 255, 240, 0.12) !important;
	border-color: rgba(0, 255, 240, 0.5) !important;
	color: var(--cx-cyan) !important;
	box-shadow: 0 0 16px rgba(0, 255, 240, 0.2);
}
body.lx-cyber-archive .lx-archive-sidebar .wp-block-group.is-style-bk-box-shadow,
body.lx-cyber-archive .lx-archive-sidebar .wp-block-group {
	background:
		linear-gradient(165deg, rgba(0, 255, 240, 0.06), transparent 40%),
		rgba(6, 10, 22, 0.55) !important;
	border: 1px solid rgba(0, 255, 240, 0.22) !important;
	border-radius: 14px !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
	backdrop-filter: blur(12px);
}
body.lx-cyber-archive .lx-archive-sidebar .wp-block-heading {
	color: #fff !important;
	border-bottom-color: rgba(0, 255, 240, 0.15) !important;
	font-family: Orbitron, "Noto Sans SC", sans-serif;
	letter-spacing: 0.06em;
	font-size: 0.95rem !important;
}
body.lx-cyber-archive .lx-archive-sidebar a {
	color: #b8c9dc !important;
}
body.lx-cyber-archive .lx-archive-sidebar a:hover {
	color: var(--cx-cyan) !important;
}
body.lx-cyber-archive .lx-archive-sidebar .tag-cloud-link {
	background: rgba(0, 255, 240, 0.06) !important;
	border: 1px solid rgba(0, 255, 240, 0.22) !important;
	color: var(--cx-muted) !important;
}
body.lx-cyber-archive .lx-archive-sidebar .tag-cloud-link:hover {
	border-color: var(--cx-pink) !important;
	color: #fff !important;
	box-shadow: 0 0 12px rgba(255, 43, 214, 0.25);
}

/* =========================================================
   文章详情
   ========================================================= */
body.lx-cyber-single {
	--soft-bg: transparent;
	--soft-title: #f0fbff;
	--soft-text: #b8c9dc;
	--soft-heading: #e8f7ff;
	--soft-link: #00fff0;
	--soft-muted: #8aa0b8;
}
body.lx-cyber-single.single,
body.lx-cyber-single.single .wp-block-group {
	background-color: transparent !important;
}
/* 标题 + 正文统一容器宽度，边框严格对齐 */
body.lx-cyber-single .star-banner {
	min-height: 0 !important;
	height: auto !important;
	padding: 24px 0 0 !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	display: block !important;
	width: 100% !important;
}
body.lx-cyber-single .star-banner::before,
body.lx-cyber-single .star-banner::after,
body.lx-cyber-single .star-banner .overlay-dark,
body.lx-cyber-single .star-banner .wp-block-spacer {
	display: none !important;
}
/* 与内容区同一套盒模型 */
body.lx-cyber-single .star-banner .banner-inner,
body.lx-cyber-single .lx-single-body {
	max-width: 900px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
	box-sizing: border-box !important;
}
body.lx-cyber-single .star-banner .banner-inner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
body.lx-cyber-single .lx-single-body {
	position: relative;
	z-index: 1;
	padding-top: 0 !important;
	padding-bottom: 56px !important;
}
/* 标题块：与下方内容同宽、同边框 */
body.lx-cyber-single .star-banner .wp-block-post-title {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 16px 18px !important;
	text-align: left !important;
	font-family: Orbitron, "Noto Sans SC", sans-serif !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	letter-spacing: 0.03em;
	color: #fff !important;
	text-shadow: 0 0 14px rgba(0, 255, 240, 0.3) !important;
	border-radius: 16px 16px 0 0 !important;
	background:
		linear-gradient(135deg, rgba(0, 255, 240, 0.1), transparent 50%),
		linear-gradient(320deg, rgba(255, 43, 214, 0.08), transparent 55%),
		rgba(6, 10, 22, 0.55) !important;
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	border-bottom: 1px solid rgba(0, 255, 240, 0.14) !important;
	box-shadow: 0 0 0 1px rgba(255, 43, 214, 0.05) inset;
	backdrop-filter: blur(12px);
	box-sizing: border-box !important;
	position: relative;
}
body.lx-cyber-single .star-banner .wp-block-post-title a {
	color: inherit !important;
	text-decoration: none !important;
	display: block;
}
body.lx-cyber-single .star-banner .wp-block-post-title::before {
	content: "ARTICLE · NODE";
	display: block;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.16em;
	color: #00fff0;
	text-shadow: 0 0 10px rgba(0, 255, 240, 0.4);
}
/* 特色图：左右边框与标题对齐（无额外 margin） */
body.lx-cyber-single .lx-single-body .wp-block-post-featured-image {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
	line-height: 0;
}
body.lx-cyber-single .lx-single-body .wp-block-post-featured-image a {
	display: block;
	line-height: 0;
}
body.lx-cyber-single .lx-single-body .wp-block-post-featured-image img {
	border-radius: 0 !important;
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	border-top: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}
/* 正文：与标题同宽同边框线 */
body.lx-cyber-single .wp-block-post-content {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 22px 18px 18px !important;
	border-radius: 0 0 16px 16px !important;
	background:
		linear-gradient(145deg, rgba(0, 255, 240, 0.05), transparent 40%),
		rgba(6, 10, 22, 0.55) !important;
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	border-top: none !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(12px);
	box-sizing: border-box !important;
}
/* 标签与分隔线在卡片外，略留空 */
body.lx-cyber-single .lx-single-body > .wp-block-post-terms,
body.lx-cyber-single .lx-single-body > .wp-block-separator {
	margin-top: 18px !important;
}
body.lx-cyber-single .wp-block-post-content,
body.lx-cyber-single .wp-block-post-content p,
body.lx-cyber-single .wp-block-post-content li,
body.lx-cyber-single .wp-block-post-content td {
	color: var(--soft-text) !important;
}
body.lx-cyber-single .wp-block-post-content h1,
body.lx-cyber-single .wp-block-post-content h2,
body.lx-cyber-single .wp-block-post-content h3,
body.lx-cyber-single .wp-block-post-content h4 {
	color: #f0fbff !important;
	text-shadow: 0 0 12px rgba(0, 255, 240, 0.15);
}
body.lx-cyber-single .wp-block-post-content a {
	color: var(--cx-cyan) !important;
}
body.lx-cyber-single .wp-block-post-content a:hover {
	color: #7af8ff !important;
	text-shadow: 0 0 10px rgba(0, 255, 240, 0.4);
}
body.lx-cyber-single .wp-block-post-content blockquote {
	border-left: 3px solid var(--cx-pink) !important;
	background: rgba(255, 43, 214, 0.06);
	padding: 12px 16px;
	border-radius: 0 12px 12px 0;
}
body.lx-cyber-single .wp-block-separator {
	border-color: rgba(0, 255, 240, 0.2) !important;
	background: rgba(0, 255, 240, 0.2) !important;
}
body.lx-cyber-single .is-style-swt-post-terms-pill a,
body.lx-cyber-single .wp-block-post-terms a {
	background: rgba(0, 255, 240, 0.08) !important;
	border: 1px solid rgba(0, 255, 240, 0.25) !important;
	color: var(--cx-cyan) !important;
	border-radius: 999px !important;
	padding: 4px 12px !important;
}
body.lx-cyber-single .site-footer-seo {
	background: rgba(3, 4, 10, 0.7) !important;
	border-top: 1px solid rgba(0, 255, 240, 0.15) !important;
	backdrop-filter: blur(10px);
}
body.lx-cyber-single .site-footer-seo a {
	color: var(--cx-cyan) !important;
}

/* =========================================================
   AI 工具箱
   ========================================================= */
body.lx-cyber-toolbox,
body.lx-ai-toolbox-page.lx-cyber-site {
	background: var(--cx-bg) !important;
}
body.lx-cyber-toolbox .lx-ai-toolbox,
body.lx-cyber-site .lx-ai-toolbox {
	--lx-tb-bg: transparent;
	--lx-tb-card: rgba(6, 10, 22, 0.22);
	--lx-tb-line: rgba(0, 255, 240, 0.35);
	--lx-tb-text: #e8f7ff;
	--lx-tb-muted: #9bb4c9;
	--lx-tb-orange: #00fff0;
	--lx-tb-orange-soft: rgba(0, 255, 240, 0.35);
	--lx-tb-blue: #ff2bd6;
	background: transparent !important;
	padding-top: 12px !important;
}
/* 去掉积分条 */
body.lx-cyber-site .lx-tb__bar,
body.lx-cyber-toolbox .lx-tb__bar,
body.lx-ai-toolbox-page .lx-tb__points,
.lx-ai-toolbox .lx-tb__bar {
	display: none !important;
}
/* 高透明玻璃卡片 · 凸显赛博背景 */
body.lx-cyber-site .lx-tb__card,
body.lx-cyber-toolbox .lx-tb__card,
body.lx-ai-toolbox-page .lx-tb__card {
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.12) 0%, transparent 45%),
		linear-gradient(320deg, rgba(255, 43, 214, 0.08) 0%, transparent 50%),
		rgba(8, 12, 28, 0.28) !important;
	border: 1px solid rgba(0, 255, 240, 0.38) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.1) inset,
		0 0 0 1px rgba(255, 43, 214, 0.08) inset,
		0 16px 40px rgba(0, 0, 0, 0.35),
		0 0 30px rgba(0, 255, 240, 0.06) !important;
	backdrop-filter: blur(10px) saturate(1.35) !important;
	-webkit-backdrop-filter: blur(10px) saturate(1.35) !important;
	overflow: hidden;
}
body.lx-cyber-site .lx-tb__card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(
		105deg,
		transparent 42%,
		rgba(0, 255, 240, 0.1) 50%,
		transparent 58%
	);
	background-size: 220% 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s;
}
body.lx-cyber-site .lx-tb__card:hover::before {
	opacity: 1;
	animation: lx-tb-card-scan 1.2s linear 1;
}
@keyframes lx-tb-card-scan {
	0% { background-position: 120% 0; }
	100% { background-position: -120% 0; }
}
body.lx-cyber-site .lx-tb__card:hover {
	border-color: rgba(255, 43, 214, 0.55) !important;
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.16) 0%, transparent 45%),
		linear-gradient(320deg, rgba(255, 43, 214, 0.12) 0%, transparent 50%),
		rgba(8, 12, 28, 0.35) !important;
	box-shadow:
		0 0 0 1px rgba(255, 43, 214, 0.25) inset,
		0 0 48px rgba(0, 255, 240, 0.22),
		0 0 36px rgba(255, 43, 214, 0.15),
		0 24px 50px rgba(0, 0, 0, 0.4) !important;
	transform: translateY(-8px);
}
body.lx-cyber-site .lx-tb__title {
	color: #f0fbff !important;
	text-shadow: 0 0 14px rgba(0, 255, 240, 0.2);
}
body.lx-cyber-site .lx-tb__desc {
	color: #a8bfd4 !important;
}
body.lx-cyber-site .lx-tb__action {
	background: linear-gradient(90deg, #00fff0, #7af8ff) !important;
	color: #041016 !important;
	box-shadow: 0 0 18px rgba(0, 255, 240, 0.4) !important;
}
body.lx-cyber-site .lx-tb__action--ghost {
	background: rgba(0, 255, 240, 0.06) !important;
	color: #9ef0ff !important;
	border-color: rgba(0, 255, 240, 0.5) !important;
	box-shadow: 0 0 12px rgba(0, 255, 240, 0.12) !important;
}
body.lx-cyber-site .lx-tb__badge {
	background: linear-gradient(135deg, #00fff0, #a78bfa) !important;
	color: #0f172a !important;
	box-shadow: 0 0 12px rgba(0, 255, 240, 0.35);
}
body.lx-cyber-site .lx-tb__icon-ring {
	background: linear-gradient(145deg, rgba(0, 255, 240, 0.25), rgba(20, 24, 40, 0.55)) !important;
	border-color: rgba(0, 255, 240, 0.45) !important;
	box-shadow: 0 0 22px rgba(0, 255, 240, 0.28);
}
body.lx-cyber-site .lx-tb__card:hover .lx-tb__icon-ring {
	border-color: rgba(255, 43, 214, 0.6) !important;
	box-shadow: 0 0 28px rgba(255, 43, 214, 0.35) !important;
}
body.lx-cyber-site .lx-tb__card:hover .lx-tb__action {
	background: linear-gradient(90deg, #ff2bd6, #00fff0) !important;
	box-shadow: 0 0 22px rgba(255, 43, 214, 0.45) !important;
}
body.lx-cyber-site .lx-tb__card--board {
	border-style: dashed !important;
	border-color: rgba(0, 255, 240, 0.4) !important;
}

/* 留言板 / 登录弹窗 */
body.lx-cyber-site .lx-feedback-modal__dialog,
body.lx-cyber-site .lx-feedback-modal .lx-feedback-modal__dialog {
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.08), transparent 40%),
		rgba(8, 12, 24, 0.95) !important;
	border: 1px solid rgba(0, 255, 240, 0.35) !important;
	border-radius: 18px !important;
	box-shadow:
		0 0 0 1px rgba(255, 43, 214, 0.12) inset,
		0 0 50px rgba(0, 255, 240, 0.15),
		0 30px 60px rgba(0, 0, 0, 0.55) !important;
	color: var(--cx-text) !important;
	backdrop-filter: blur(16px);
}
body.lx-cyber-site .lx-feedback-modal__dialog h3,
body.lx-cyber-site .lx-feedback-modal__dialog .description {
	color: var(--cx-text) !important;
}
body.lx-cyber-site .lx-feedback-modal__dialog .description {
	color: var(--cx-muted) !important;
}
body.lx-cyber-site .lx-feedback-modal__dialog textarea,
body.lx-cyber-site #lx-feedback-content {
	background: rgba(0, 0, 0, 0.35) !important;
	border: 1px solid rgba(0, 255, 240, 0.25) !important;
	color: #e8f7ff !important;
	border-radius: 12px !important;
}
body.lx-cyber-site .lx-feedback-modal__backdrop {
	background: rgba(2, 4, 12, 0.72) !important;
	backdrop-filter: blur(6px);
}
body.lx-cyber-site .lx-client-btn--primary,
body.lx-cyber-site .lx-feedback-modal .lx-client-btn--primary {
	background: linear-gradient(90deg, #00fff0, #7af8ff) !important;
	color: #041016 !important;
	border: none !important;
	box-shadow: 0 0 20px rgba(0, 255, 240, 0.35);
	border-radius: 999px !important;
}
body.lx-cyber-site .lx-feedback-modal__close {
	color: var(--cx-cyan) !important;
}

/* =========================================================
   功能页（OCR / 人脸 / 证件照 / 托管 等）
   ========================================================= */
body.lx-cyber-feature .lx-fa,
body.lx-cyber-site .lx-fa {
	--fa-bg: transparent;
	--fa-card: rgba(6, 10, 22, 0.55);
	--fa-border: rgba(0, 255, 240, 0.25);
	--fa-text: #e8f7ff;
	--fa-muted: #8aa0b8;
	--fa-accent: #00fff0;
	--fa-accent-2: #ff2bd6;
	position: relative;
	z-index: 1;
}
body.lx-cyber-site .lx-fa__hero {
	background:
		linear-gradient(135deg, rgba(0, 255, 240, 0.12), rgba(255, 43, 214, 0.1)) !important;
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(12px);
}
body.lx-cyber-site .lx-fa__title {
	font-family: Orbitron, "Noto Sans SC", sans-serif;
	color: #fff !important;
	text-shadow: 0 0 16px rgba(0, 255, 240, 0.3);
}
body.lx-cyber-site .lx-fa-panel {
	background:
		linear-gradient(145deg, rgba(0, 255, 240, 0.06), transparent 40%),
		rgba(6, 10, 22, 0.55) !important;
	border: 1px solid rgba(0, 255, 240, 0.25) !important;
	border-radius: 16px !important;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(12px);
}
body.lx-cyber-site .lx-fa-input,
body.lx-cyber-site .lx-fa-select,
body.lx-cyber-site .lx-fa-textarea,
body.lx-cyber-site .lx-fa input[type="text"],
body.lx-cyber-site .lx-fa input[type="number"],
body.lx-cyber-site .lx-fa textarea,
body.lx-cyber-site .lx-fa select {
	background: rgba(0, 0, 0, 0.35) !important;
	border: 1px solid rgba(0, 255, 240, 0.25) !important;
	color: #e8f7ff !important;
	border-radius: 10px !important;
}
body.lx-cyber-site .lx-fa button,
body.lx-cyber-site .lx-fa .button,
body.lx-cyber-site .lx-fa .lx-fa-btn,
body.lx-cyber-site .lx-fa [class*="btn"] {
	border-radius: 999px;
}
body.lx-cyber-site .lx-fa .button-primary,
body.lx-cyber-site .lx-fa button[type="submit"],
body.lx-cyber-site .lx-fa .lx-fa-btn--primary {
	background: linear-gradient(90deg, #00fff0, #7af8ff) !important;
	border: none !important;
	color: #041016 !important;
	box-shadow: 0 0 18px rgba(0, 255, 240, 0.3);
}
body.lx-cyber-site .lx-ai-badge {
	background: linear-gradient(135deg, rgba(0, 255, 240, 0.2), rgba(255, 43, 214, 0.15)) !important;
	border-color: rgba(0, 255, 240, 0.4) !important;
	color: #a5f3fc !important;
}
body.lx-cyber-site .lx-ai-pain {
	border-color: rgba(255, 43, 214, 0.3) !important;
	background: linear-gradient(90deg, rgba(255, 43, 214, 0.1), rgba(139, 92, 255, 0.08)) !important;
}
body.lx-cyber-site .lx-ai-think,
body.lx-cyber-site .lx-ai-insight {
	background: rgba(6, 10, 22, 0.55) !important;
	border: 1px solid rgba(0, 255, 240, 0.2) !important;
	border-radius: 12px;
}

/* 智能托管弹窗 / 设计画布等 */
body.lx-cyber-site .lx-sh-modal__panel,
body.lx-cyber-site .lx-sh-skill-modal .lx-sh-modal__panel,
body.lx-cyber-site .lx-sh-modal--pretty .lx-sh-modal__panel {
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.06), transparent 40%),
		rgba(8, 12, 24, 0.96) !important;
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	box-shadow: 0 0 50px rgba(0, 255, 240, 0.12), 0 30px 60px rgba(0, 0, 0, 0.55) !important;
}
body.lx-cyber-site .lx-sh-modal,
body.lx-cyber-site .lx-sh-skill-modal {
	background: rgba(2, 4, 12, 0.7) !important;
	backdrop-filter: blur(8px);
}
body.lx-cyber-site .lx-sh-btn--primary {
	background: linear-gradient(90deg, #00fff0, #7af8ff) !important;
	color: #041016 !important;
	border: none !important;
	box-shadow: 0 0 16px rgba(0, 255, 240, 0.3);
}
body.lx-cyber-site .lx-sh-btn {
	border-color: rgba(0, 255, 240, 0.3) !important;
	color: var(--cx-text) !important;
}
body.lx-cyber-site .lx-sh-input,
body.lx-cyber-site .lx-sh-textarea,
body.lx-cyber-site select.lx-sh-input {
	background: rgba(0, 0, 0, 0.35) !important;
	border-color: rgba(0, 255, 240, 0.25) !important;
	color: #e8f7ff !important;
}

/* 通用弹窗 / tip */
body.lx-cyber-site .lx-tip-modal,
body.lx-cyber-site [class*="modal__dialog"],
body.lx-cyber-site [class*="modal__panel"] {
	/* 轻量覆盖：避免破坏布局，只调色 */
}

/* SKILL / 插件生成页 */
body.lx-cyber-site.lx-skill-page,
body.lx-cyber-site.lx-plugin-page,
body.lx-cyber-site.lx-swf-front {
	background: var(--cx-bg) !important;
}

/* 工具箱页页头透明融入 FX */
body.lx-cyber-toolbox .wp-block-template-part,
body.lx-ai-toolbox-page.lx-cyber-site .wp-block-template-part,
body.lx-cyber-feature .wp-block-template-part {
	background: rgba(5, 6, 13, 0.55) !important;
	backdrop-filter: blur(12px);
	border-bottom: 1px solid rgba(0, 255, 240, 0.12);
}

/* 页脚 */
body.lx-cyber-site .site-footer-seo {
	background: rgba(3, 4, 10, 0.75) !important;
	border-top: 1px solid rgba(0, 255, 240, 0.15) !important;
	color: var(--cx-muted) !important;
}
body.lx-cyber-site .site-footer-seo a {
	color: var(--cx-cyan) !important;
}
body.lx-cyber-site .site-footer-seo strong {
	color: #e8f7ff !important;
}

/* =========================================================
   公众号 / 认证登录页
   ========================================================= */
body.lx-cyber-auth,
body.lx-client-auth-page.lx-cyber-site {
	background: var(--cx-bg) !important;
}
body.lx-cyber-auth .wp-site-blocks,
body.lx-cyber-auth .wp-block-group,
body.lx-client-auth-page.lx-cyber-site .wp-site-blocks,
body.lx-client-auth-page.lx-cyber-site .wp-block-group {
	background: transparent !important;
	background-color: transparent !important;
}
body.lx-cyber-auth .main-header,
body.lx-client-auth-page.lx-cyber-site .main-header {
	background: rgba(5, 6, 13, 0.72) !important;
	backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(0, 255, 240, 0.15);
}
body.lx-cyber-auth .main-header .home-logo-other .wp-block-group.has-background,
body.lx-client-auth-page.lx-cyber-site .main-header .home-logo-other .wp-block-group.has-background {
	background: linear-gradient(135deg, rgba(255, 43, 214, 0.45), rgba(0, 255, 240, 0.35)) !important;
	box-shadow: 0 0 20px rgba(0, 255, 240, 0.25);
}
body.lx-cyber-auth .lx-client-page,
body.lx-client-auth-page.lx-cyber-site .lx-client-page {
	position: relative;
	z-index: 1;
	padding: 48px 16px 72px;
	min-height: calc(100vh - 140px);
	align-items: center;
}
body.lx-cyber-auth .lx-client-page__card,
body.lx-client-auth-page.lx-cyber-site .lx-client-page__card {
	max-width: 460px;
	padding: 28px 26px 30px !important;
	border-radius: 20px !important;
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.1) 0%, transparent 42%),
		linear-gradient(320deg, rgba(255, 43, 214, 0.08) 0%, transparent 50%),
		rgba(6, 10, 22, 0.55) !important;
	border: 1px solid rgba(0, 255, 240, 0.32) !important;
	box-shadow:
		0 0 0 1px rgba(255, 43, 214, 0.1) inset,
		0 0 48px rgba(0, 255, 240, 0.12),
		0 28px 60px rgba(0, 0, 0, 0.5) !important;
	backdrop-filter: blur(16px) saturate(1.2);
	-webkit-backdrop-filter: blur(16px) saturate(1.2);
	position: relative;
	overflow: hidden;
}
body.lx-cyber-auth .lx-client-page__card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		transparent 40%,
		rgba(0, 255, 240, 0.08) 48%,
		rgba(255, 43, 214, 0.06) 52%,
		transparent 60%
	);
	background-size: 220% 100%;
	animation: lx-wx-card-scan 5s linear infinite;
	pointer-events: none;
}
@keyframes lx-wx-card-scan {
	0% { background-position: 120% 0; }
	100% { background-position: -120% 0; }
}
body.lx-cyber-auth .lx-client-page__card > * {
	position: relative;
	z-index: 1;
}
body.lx-cyber-auth .lx-client-page__title,
body.lx-client-auth-page.lx-cyber-site .lx-client-page__title {
	margin: 0 0 8px !important;
	font-family: Orbitron, "Noto Sans SC", sans-serif !important;
	font-size: 1.45rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em;
	color: #fff !important;
	text-shadow: 0 0 18px rgba(0, 255, 240, 0.35);
	text-align: center;
}
body.lx-cyber-auth .lx-client-notice {
	border-radius: 12px !important;
	border: 1px solid rgba(0, 255, 240, 0.25);
	background: rgba(0, 255, 240, 0.08);
	color: #c8f7ff;
}
body.lx-cyber-auth .lx-client-notice--error {
	border-color: rgba(255, 43, 214, 0.4);
	background: rgba(255, 43, 214, 0.1);
	color: #ffc6ef;
}
body.lx-cyber-auth .lx-client-notice--success {
	border-color: rgba(52, 211, 153, 0.4);
	background: rgba(52, 211, 153, 0.1);
	color: #a7f3d0;
}

/* 公众号登录体 */
body.lx-cyber-auth .lx-wx-login__kicker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin: 0 0 6px;
	font-family: Orbitron, monospace;
	font-size: 11px;
	letter-spacing: 0.16em;
	color: var(--cx-cyan);
	text-shadow: 0 0 12px rgba(0, 255, 240, 0.45);
}
body.lx-cyber-auth .lx-wx-login__pulse {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--cx-pink);
	box-shadow: 0 0 12px var(--cx-pink);
	animation: lx-wx-pulse 1.2s ease-in-out infinite;
}
@keyframes lx-wx-pulse {
	0%, 100% { transform: scale(1); opacity: 1; }
	50% { transform: scale(1.25); opacity: 0.55; }
}
body.lx-cyber-auth .lx-wx-login__lead {
	margin: 0 0 16px;
	text-align: center;
	font-size: 13px;
	color: var(--cx-muted);
	line-height: 1.5;
}
body.lx-cyber-auth .lx-wx-login__steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	margin: 0 0 18px;
}
@media (min-width: 420px) {
	body.lx-cyber-auth .lx-wx-login__steps {
		grid-template-columns: repeat(3, 1fr);
	}
}
body.lx-cyber-auth .lx-wx-login__step {
	flex: none;
	min-width: 0;
	padding: 10px 10px;
	border-radius: 12px;
	background: rgba(0, 255, 240, 0.06);
	border: 1px solid rgba(0, 255, 240, 0.22);
	color: #d0eaf5;
	font-size: 12px;
	line-height: 1.35;
	box-shadow: 0 0 16px rgba(0, 255, 240, 0.06);
}
body.lx-cyber-auth .lx-wx-login__step span {
	background: linear-gradient(135deg, var(--cx-cyan), #7af8ff);
	color: #041016;
	box-shadow: 0 0 12px rgba(0, 255, 240, 0.4);
	font-family: Orbitron, monospace;
}
body.lx-cyber-auth .lx-wx-login__qr {
	margin: 0 0 18px;
	padding: 18px 14px 14px;
	border-radius: 16px;
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(0, 255, 240, 0.22);
	box-shadow: 0 0 28px rgba(0, 255, 240, 0.08) inset;
}
body.lx-cyber-auth .lx-wx-login__qr-frame {
	position: relative;
	display: inline-block;
	padding: 10px;
	margin: 0 auto 12px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0, 255, 240, 0.35), 0 0 24px rgba(0, 255, 240, 0.2);
}
body.lx-cyber-auth .lx-wx-login__corner {
	position: absolute;
	width: 16px;
	height: 16px;
	border: 2px solid var(--cx-cyan);
	pointer-events: none;
	z-index: 2;
}
body.lx-cyber-auth .lx-wx-login__corner.c1 { top: -2px; left: -2px; border-right: none; border-bottom: none; }
body.lx-cyber-auth .lx-wx-login__corner.c2 { top: -2px; right: -2px; border-left: none; border-bottom: none; border-color: var(--cx-pink); }
body.lx-cyber-auth .lx-wx-login__corner.c3 { bottom: -2px; left: -2px; border-right: none; border-top: none; border-color: var(--cx-pink); }
body.lx-cyber-auth .lx-wx-login__corner.c4 { bottom: -2px; right: -2px; border-left: none; border-top: none; }
body.lx-cyber-auth .lx-wx-login__qr img {
	display: block;
	width: 188px;
	height: 188px;
	margin: 0;
	padding: 0;
	border-radius: 6px;
	background: #fff;
}
body.lx-cyber-auth .lx-wx-login__qr p {
	color: var(--cx-muted);
	font-size: 13px;
}
body.lx-cyber-auth .lx-wx-login__qr p strong {
	color: var(--cx-cyan);
	text-shadow: 0 0 10px rgba(0, 255, 240, 0.35);
}
body.lx-cyber-auth .lx-client-field label {
	color: #9ec5d8 !important;
	font-size: 12px !important;
	letter-spacing: 0.06em;
}
body.lx-cyber-auth .lx-client-field input[type="text"],
body.lx-cyber-auth .lx-client-field input[type="email"],
body.lx-cyber-auth .lx-client-field input[type="password"],
body.lx-cyber-auth #lx-wechat-code {
	background: rgba(0, 0, 0, 0.4) !important;
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	color: #f0fbff !important;
	border-radius: 12px !important;
	box-shadow: 0 0 0 0 rgba(0, 255, 240, 0);
	transition: border-color 0.2s, box-shadow 0.2s;
}
body.lx-cyber-auth .lx-client-field input:focus,
body.lx-cyber-auth #lx-wechat-code:focus {
	outline: none !important;
	border-color: rgba(0, 255, 240, 0.65) !important;
	box-shadow: 0 0 0 3px rgba(0, 255, 240, 0.12), 0 0 20px rgba(0, 255, 240, 0.15) !important;
}
body.lx-cyber-auth #lx-wechat-code {
	letter-spacing: 0.45em !important;
	font-size: 22px !important;
	font-family: Orbitron, monospace !important;
	padding: 14px 12px !important;
}
body.lx-cyber-auth .lx-client-btn--primary,
body.lx-cyber-auth #lx-wechat-login-btn {
	background: linear-gradient(90deg, #00fff0, #7af8ff 45%, #ff9ae8) !important;
	background-size: 180% 100% !important;
	color: #041016 !important;
	border: none !important;
	border-radius: 999px !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em;
	box-shadow: 0 0 24px rgba(0, 255, 240, 0.4) !important;
	transition: transform 0.2s, box-shadow 0.2s, background-position 0.35s !important;
}
body.lx-cyber-auth .lx-client-btn--primary:hover,
body.lx-cyber-auth #lx-wechat-login-btn:hover {
	transform: translateY(-2px);
	background-position: 100% 0 !important;
	box-shadow: 0 0 32px rgba(255, 43, 214, 0.4), 0 0 24px rgba(0, 255, 240, 0.35) !important;
}
body.lx-cyber-auth .lx-wx-login__form #lx-wechat-login-btn:disabled,
body.lx-cyber-auth .lx-wx-login__form #lx-wechat-login-btn.is-loading {
	opacity: 0.65;
	filter: none;
}
body.lx-cyber-auth .lx-client-form-footer,
body.lx-cyber-auth .lx-client-form-footer a {
	color: var(--cx-muted);
	text-align: center;
}
body.lx-cyber-auth .lx-client-form-footer a {
	color: var(--cx-cyan) !important;
}
body.lx-cyber-auth .lx-wx-login__legacy {
	border-top-color: rgba(0, 255, 240, 0.15);
}
body.lx-cyber-auth .lx-wx-login__legacy summary {
	color: var(--cx-cyan);
}

@media (prefers-reduced-motion: reduce) {
	body.lx-cyber-auth .lx-client-page__card::before,
	body.lx-cyber-auth .lx-wx-login__pulse {
		animation: none !important;
	}
}

/* =========================================================
   智能托管 · 透明赛博
   ========================================================= */
body.lx-cyber-feature .lx-sh,
body.lx-cyber-feature .lx-sh-wrap,
body.lx-cyber-site .lx-sh,
body.lx-cyber-site .lx-sh-wrap {
	--sh-bg: transparent;
	--sh-card: rgba(6, 10, 22, 0.32);
	--sh-border: rgba(0, 255, 240, 0.28);
	--sh-text: #e8f7ff;
	--sh-muted: #8aa0b8;
	--sh-accent: #00fff0;
	position: relative;
	z-index: 1;
	background: transparent !important;
	color: var(--sh-text) !important;
}
body.lx-cyber-site .lx-sh-hero {
	background:
		linear-gradient(135deg, rgba(0, 255, 240, 0.1), rgba(255, 43, 214, 0.08)),
		rgba(6, 10, 22, 0.35) !important;
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	border-radius: 18px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(12px);
}
body.lx-cyber-site .lx-sh-hero__title {
	font-family: Orbitron, "Noto Sans SC", sans-serif;
	color: #fff !important;
	text-shadow: 0 0 16px rgba(0, 255, 240, 0.3);
}
body.lx-cyber-site .lx-sh-hero__desc {
	color: var(--sh-muted) !important;
}
body.lx-cyber-site .lx-sh-hero__tags span {
	background: rgba(0, 255, 240, 0.08) !important;
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	color: #9ef0ff !important;
	border-radius: 999px;
}
body.lx-cyber-site .lx-sh-type-card,
body.lx-cyber-site .lx-sh-type-card--link,
body.lx-cyber-site .lx-sh-skill-card,
body.lx-cyber-site .lx-sh-svc,
body.lx-cyber-site .lx-sh-asset-opt,
body.lx-cyber-site .lx-sh-type-section,
body.lx-cyber-site .lx-sh-type-connect,
body.lx-cyber-site .lx-sh-type-assets .lx-sh-card,
body.lx-cyber-site [class*="lx-sh-"][class*="card"],
body.lx-cyber-site .lx-sh-type-showcase__grid > * {
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.08), transparent 45%),
		rgba(6, 10, 22, 0.3) !important;
	border: 1px solid rgba(0, 255, 240, 0.28) !important;
	border-radius: 16px !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3) !important;
	backdrop-filter: blur(10px);
	color: #e8f7ff !important;
	transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}
/* AI 技能网格：加大间距、卡片更疏朗 */
body.lx-cyber-site .lx-sh-type-skills-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
	gap: 20px !important;
	padding: 4px 2px 8px !important;
}
body.lx-cyber-site .lx-sh-skill-card {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	min-height: 188px !important;
	padding: 20px 18px 18px !important;
	border-radius: 18px !important;
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.12) 0%, transparent 48%),
		linear-gradient(320deg, rgba(255, 43, 214, 0.08) 0%, transparent 50%),
		rgba(6, 10, 22, 0.38) !important;
	border: 1px solid rgba(0, 255, 240, 0.32) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 14px 36px rgba(0, 0, 0, 0.35) !important;
	backdrop-filter: blur(12px) !important;
	position: relative;
	overflow: hidden;
}
body.lx-cyber-site .lx-sh-skill-card::after {
	content: "";
	position: absolute;
	top: 12px;
	right: 12px;
	width: 12px;
	height: 12px;
	border-top: 2px solid rgba(0, 255, 240, 0.55);
	border-right: 2px solid rgba(0, 255, 240, 0.55);
	opacity: 0.7;
	pointer-events: none;
}
body.lx-cyber-site .lx-sh-skill-card__top {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 10px !important;
	padding-right: 18px;
}
body.lx-cyber-site .lx-sh-skill-card__top h3 {
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: #f0fbff !important;
	text-shadow: 0 0 12px rgba(0, 255, 240, 0.15);
}
body.lx-cyber-site .lx-sh-skill-card__desc {
	margin: 0 !important;
	flex: 1 !important;
	font-size: 13.5px !important;
	line-height: 1.6 !important;
	color: #9bb4c9 !important;
}
body.lx-cyber-site .lx-sh-skill-card .lx-sh-btn {
	align-self: flex-start !important;
	margin-top: 6px !important;
	padding: 8px 16px !important;
	border-radius: 999px !important;
}
body.lx-cyber-site .lx-sh-type-card:hover,
body.lx-cyber-site .lx-sh-skill-card:hover,
body.lx-cyber-site .lx-sh-svc:hover,
body.lx-cyber-site .lx-sh-asset-opt:hover {
	transform: translateY(-5px);
	border-color: rgba(255, 43, 214, 0.5) !important;
	box-shadow: 0 0 32px rgba(0, 255, 240, 0.18), 0 20px 44px rgba(0, 0, 0, 0.4) !important;
}
body.lx-cyber-site .lx-sh-type-section {
	padding: 18px !important;
	margin-bottom: 20px !important;
}
body.lx-cyber-site .lx-sh-type-section__head {
	margin-bottom: 16px !important;
}
body.lx-cyber-site .lx-sh-type-section__head h2 {
	margin-bottom: 6px !important;
}
body.lx-cyber-site .lx-sh-btn--primary,
body.lx-cyber-site #lx-sh-type-save,
body.lx-cyber-site .lx-sh .button-primary {
	background: linear-gradient(90deg, #00fff0, #7af8ff) !important;
	border: none !important;
	color: #041016 !important;
	box-shadow: 0 0 18px rgba(0, 255, 240, 0.35);
	border-radius: 999px !important;
}
body.lx-cyber-site .lx-sh-btn,
body.lx-cyber-site .lx-sh .button {
	border-color: rgba(0, 255, 240, 0.35) !important;
	color: #e8f7ff !important;
	background: rgba(0, 255, 240, 0.06) !important;
	border-radius: 999px !important;
}
body.lx-cyber-site .lx-sh-input,
body.lx-cyber-site .lx-sh-textarea,
body.lx-cyber-site .lx-sh select,
body.lx-cyber-site .lx-sh input[type="text"],
body.lx-cyber-site .lx-sh input[type="password"],
body.lx-cyber-site .lx-sh input[type="number"] {
	background: rgba(0, 0, 0, 0.35) !important;
	border: 1px solid rgba(0, 255, 240, 0.28) !important;
	color: #e8f7ff !important;
	border-radius: 10px !important;
}
body.lx-cyber-site .lx-sh-type-section__head h2,
body.lx-cyber-site .lx-sh-type-showcase__title {
	color: #fff !important;
	font-family: Orbitron, "Noto Sans SC", sans-serif;
	text-shadow: 0 0 12px rgba(0, 255, 240, 0.25);
}
body.lx-cyber-site .lx-sh-hint,
body.lx-cyber-site .lx-sh-empty {
	color: var(--sh-muted) !important;
}
body.lx-cyber-site .lx-sh-badge {
	border-radius: 999px;
}

/* =========================================================
   SKILL 页 · 整体赛博（覆盖白底）
   ========================================================= */
body.lx-cyber-feature.lx-skill-page,
body.lx-cyber-feature.lx-swf-front,
body.lx-cyber-site.lx-skill-page,
body.lx-cyber-site.lx-swf-front {
	background: var(--cx-bg) !important;
	color: #e8f7ff !important;
}
body.lx-cyber-site.lx-skill-page .wp-site-blocks,
body.lx-cyber-site.lx-swf-front .wp-site-blocks,
body.lx-cyber-site.lx-skill-page .wp-block-group,
body.lx-cyber-site.lx-swf-front .wp-block-group {
	background: transparent !important;
}
body.lx-cyber-site .lx-front-skill-wrap,
body.lx-cyber-site .lx-swf-wrap,
body.lx-cyber-site .lx-swf-wrap .wrap {
	background: transparent !important;
	color: #e8f7ff !important;
	max-width: 100%;
}
body.lx-cyber-site .lx-swf-toolbar,
body.lx-cyber-site .lx-swf-cases,
body.lx-cyber-site .lx-swf-case-card,
body.lx-cyber-site .lx-swf-panel,
body.lx-cyber-site .lx-swf-canvas-wrap,
body.lx-cyber-site .lx-swf-inspector,
body.lx-cyber-site .lx-swf-sidebar,
body.lx-cyber-site .lx-swf-board,
body.lx-cyber-site .lx-swf-workspace,
body.lx-cyber-site .lx-swf-node,
body.lx-cyber-site .lx-swf-pkg,
body.lx-cyber-site .lx-swf-card,
body.lx-cyber-site [class*="lx-swf-"][class*="panel"],
body.lx-cyber-site [class*="lx-swf-"][class*="box"] {
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.06), transparent 40%),
		rgba(6, 10, 22, 0.4) !important;
	border: 1px solid rgba(0, 255, 240, 0.25) !important;
	border-radius: 14px !important;
	color: #e8f7ff !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(10px);
}
body.lx-cyber-site .lx-swf-case-card {
	background: rgba(0, 0, 0, 0.25) !important;
	transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body.lx-cyber-site .lx-swf-case-card:hover,
body.lx-cyber-site .lx-swf-case-card.is-active {
	background: rgba(0, 255, 240, 0.1) !important;
	border-color: rgba(0, 255, 240, 0.5) !important;
	box-shadow: 0 0 20px rgba(0, 255, 240, 0.15);
	transform: translateY(-2px);
}
body.lx-cyber-site .lx-swf-case-card__title,
body.lx-cyber-site .lx-swf-cases__head strong,
body.lx-cyber-site .lx-swf-toolbar label,
body.lx-cyber-site .lx-swf-wrap h1,
body.lx-cyber-site .lx-swf-wrap h2,
body.lx-cyber-site .lx-swf-wrap h3 {
	color: #f0fbff !important;
}
body.lx-cyber-site .lx-swf-case-card__desc,
body.lx-cyber-site .lx-swf-wrap .description,
body.lx-cyber-site .lx-swf-wrap p {
	color: #8aa0b8 !important;
}
body.lx-cyber-site .lx-swf-case-select,
body.lx-cyber-site .lx-swf-wrap input[type="text"],
body.lx-cyber-site .lx-swf-wrap input[type="search"],
body.lx-cyber-site .lx-swf-wrap input[type="number"],
body.lx-cyber-site .lx-swf-wrap select,
body.lx-cyber-site .lx-swf-wrap textarea {
	background: rgba(0, 0, 0, 0.4) !important;
	border: 1px solid rgba(0, 255, 240, 0.28) !important;
	color: #e8f7ff !important;
	border-radius: 10px !important;
}
body.lx-cyber-site .lx-swf-wrap .button,
body.lx-cyber-site .lx-swf-wrap button.button {
	background: rgba(0, 255, 240, 0.08) !important;
	border: 1px solid rgba(0, 255, 240, 0.35) !important;
	color: #e8f7ff !important;
	border-radius: 999px !important;
	text-shadow: none;
	box-shadow: none;
}
body.lx-cyber-site .lx-swf-wrap .button-primary,
body.lx-cyber-site .lx-swf-wrap button.button-primary {
	background: linear-gradient(90deg, #00fff0, #7af8ff) !important;
	border: none !important;
	color: #041016 !important;
	box-shadow: 0 0 16px rgba(0, 255, 240, 0.3) !important;
}
body.lx-cyber-site .lx-swf-modal {
	background: rgba(2, 4, 12, 0.72) !important;
	backdrop-filter: blur(8px);
}
body.lx-cyber-site .lx-swf-modal__panel,
body.lx-cyber-site .lx-swf-modal__panel--wide {
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.08), transparent 40%),
		rgba(8, 12, 24, 0.95) !important;
	border: 1px solid rgba(0, 255, 240, 0.35) !important;
	border-radius: 18px !important;
	box-shadow: 0 0 40px rgba(0, 255, 240, 0.12), 0 28px 60px rgba(0, 0, 0, 0.55) !important;
	color: #e8f7ff !important;
}
body.lx-cyber-site .lx-swf-modal__head h2 {
	color: #fff !important;
}
body.lx-cyber-site .lx-swf-modal__close {
	color: #00fff0 !important;
}
body.lx-cyber-site .lx-swf-all-list,
body.lx-cyber-site .lx-swf-local-scan {
	background: rgba(0, 0, 0, 0.25) !important;
	border-color: rgba(0, 255, 240, 0.2) !important;
	color: #e8f7ff !important;
}
/* 画布网格深色 */
body.lx-cyber-site .lx-swf-canvas,
body.lx-cyber-site .lx-swf-board-canvas,
body.lx-cyber-site [class*="lx-swf-canvas"] {
	background-color: rgba(5, 8, 18, 0.65) !important;
	background-image:
		linear-gradient(rgba(0, 255, 240, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 255, 240, 0.06) 1px, transparent 1px) !important;
	background-size: 24px 24px !important;
	border: 1px solid rgba(0, 255, 240, 0.2) !important;
	border-radius: 14px !important;
}
body.lx-cyber-site .lx-swf-node {
	box-shadow: 0 0 16px rgba(0, 255, 240, 0.12) !important;
}
body.lx-cyber-site .lx-swf-login-modal__dialog,
body.lx-cyber-site .lx-swf-points-modal .lx-swf-login-modal__dialog {
	background: rgba(8, 12, 24, 0.96) !important;
	border: 1px solid rgba(0, 255, 240, 0.35) !important;
	color: #e8f7ff !important;
}
