/**
 * 赛博朋克 · 大数据驾驶舱（统一皮肤）
 * 覆盖：immersive / conversion / risk-tools / trust / resources
 */
@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-cockpit,
body.lx-risk-tools-page,
body.lx-resource-hub-page,
body.lx-immersive-page,
body.lx-conversion-page,
body.lx-trust-page {
	--cx-bg: #03040a;
	--cx-panel: rgba(6, 12, 28, 0.72);
	--cx-panel-2: rgba(4, 10, 22, 0.88);
	--cx-line: rgba(0, 255, 240, 0.32);
	--cx-cyan: #00fff0;
	--cx-pink: #ff2bd6;
	--cx-purple: #8b5cff;
	--cx-yellow: #f9f871;
	--cx-ok: #3dcea0;
	--cx-bad: #ff4d6d;
	--cx-text: #e8f7ff;
	--cx-muted: #7e97b0;
	--cx-grad: linear-gradient(135deg, #00fff0 0%, #8b5cff 48%, #ff2bd6 100%);
	--cx-glow: 0 0 28px rgba(0, 255, 240, 0.28);
	--cx-font-display: "Orbitron", "Segoe UI", system-ui, sans-serif;
	--cx-font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
	background: var(--cx-bg) !important;
	color: var(--cx-text);
	font-family: var(--cx-font-body);
}

/* 页面内容区拉宽 */
body.lx-cyber-cockpit .lx-client-page,
body.lx-cyber-cockpit .wp-block-post-content,
body.lx-risk-tools-page .lx-client-page,
body.lx-resource-hub-page .lx-client-page,
body.lx-immersive-page .lx-client-page,
body.lx-conversion-page .lx-client-page,
body.lx-trust-page .lx-client-page {
	max-width: 100% !important;
}

/* 固定 FX 层 */
.lx-cockpit-fx {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.lx-cockpit-fx__void {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(1000px 600px at 12% 8%, rgba(0, 255, 240, 0.1), transparent 55%),
		radial-gradient(900px 700px at 88% 18%, rgba(255, 43, 214, 0.1), transparent 50%),
		radial-gradient(800px 500px at 50% 100%, rgba(139, 92, 255, 0.12), transparent 55%),
		linear-gradient(180deg, #02030a 0%, #070b18 42%, #03040a 100%);
}
.lx-cockpit-fx__grid {
	position: absolute;
	inset: -15%;
	background-image:
		linear-gradient(rgba(0, 255, 240, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 255, 240, 0.05) 1px, transparent 1px);
	background-size: 48px 48px;
	transform: perspective(520px) rotateX(58deg) translateY(-8%);
	opacity: 0.5;
	animation: lx-ck-grid 30s linear infinite;
	mask-image: linear-gradient(180deg, transparent, #000 25%, #000 72%, transparent);
}
@keyframes lx-ck-grid {
	0% { background-position: 0 0; }
	100% { background-position: 0 48px; }
}
.lx-cockpit-fx__scan {
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(
		0deg,
		transparent,
		transparent 2px,
		rgba(0, 0, 0, 0.08) 2px,
		rgba(0, 0, 0, 0.08) 4px
	);
	opacity: 0.35;
	mix-blend-mode: multiply;
}
.lx-cockpit-fx__beam {
	position: absolute;
	left: 0;
	right: 0;
	height: 120px;
	background: linear-gradient(180deg, transparent, rgba(0, 255, 240, 0.06), transparent);
	animation: lx-ck-beam 7s linear infinite;
	opacity: 0.7;
}
@keyframes lx-ck-beam {
	0% { top: -15%; }
	100% { top: 110%; }
}

/* 四角 HUD 框 */
.lx-cockpit-frame {
	position: fixed;
	inset: 10px;
	z-index: 2;
	pointer-events: none;
	border: 1px solid rgba(0, 255, 240, 0.08);
	border-radius: 4px;
}
.lx-cockpit-frame::before,
.lx-cockpit-frame::after,
.lx-cockpit-frame span::before,
.lx-cockpit-frame span::after {
	content: "";
	position: absolute;
	width: 28px;
	height: 28px;
	border: 2px solid var(--cx-cyan);
	box-shadow: 0 0 12px rgba(0, 255, 240, 0.35);
}
.lx-cockpit-frame::before {
	top: -1px;
	left: -1px;
	border-right: 0;
	border-bottom: 0;
}
.lx-cockpit-frame::after {
	top: -1px;
	right: -1px;
	border-left: 0;
	border-bottom: 0;
}
.lx-cockpit-frame span::before {
	bottom: -1px;
	left: -1px;
	border-right: 0;
	border-top: 0;
}
.lx-cockpit-frame span::after {
	bottom: -1px;
	right: -1px;
	border-left: 0;
	border-top: 0;
}
.lx-cockpit-frame span {
	position: absolute;
	inset: 0;
}

/* 顶栏状态条 */
.lx-cockpit-status {
	position: sticky;
	top: 0;
	z-index: 40;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
	margin: 0 auto 14px;
	max-width: 1400px;
	padding: 10px 14px;
	border: 1px solid rgba(0, 255, 240, 0.22);
	border-radius: 12px;
	background:
		linear-gradient(90deg, rgba(0, 255, 240, 0.08), transparent 40%, rgba(255, 43, 214, 0.06)),
		rgba(4, 10, 20, 0.85);
	backdrop-filter: blur(12px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.lx-cockpit-status__brand {
	font-family: var(--cx-font-display);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.14em;
	color: var(--cx-cyan);
	text-shadow: 0 0 12px rgba(0, 255, 240, 0.45);
}
.lx-cockpit-status__metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	font-size: 11px;
	color: var(--cx-muted);
	font-weight: 700;
}
.lx-cockpit-status__metrics b {
	color: var(--cx-cyan);
	font-family: var(--cx-font-display);
	font-weight: 700;
	margin-left: 4px;
}
.lx-cockpit-status__live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 800;
	color: var(--cx-ok);
	font-family: var(--cx-font-display);
	letter-spacing: 0.06em;
}
.lx-cockpit-status__live i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--cx-ok);
	box-shadow: 0 0 10px var(--cx-ok);
	animation: lx-ck-blink 1.4s ease-in-out infinite;
}
@keyframes lx-ck-blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.35; }
}

/* ═══════ 各业务根容器：宽屏驾驶舱 ═══════ */
.lx-ic,
.lx-cv,
.lx-rt,
.lx-tc,
.lx-rh {
	--c: var(--cx-cyan) !important;
	--cx: var(--cx-cyan);
	--m: var(--cx-pink) !important;
	--t: var(--cx-text) !important;
	--u: var(--cx-muted) !important;
	--p: var(--cx-panel) !important;
	--b: var(--cx-line) !important;
	--g: var(--cx-grad) !important;
	--rt-cyan: var(--cx-cyan) !important;
	--rt-mag: var(--cx-pink) !important;
	--rt-text: var(--cx-text) !important;
	--rt-muted: var(--cx-muted) !important;
	--rt-panel: var(--cx-panel) !important;
	--rt-border: var(--cx-line) !important;
	--rt-grad: var(--cx-grad) !important;
	--rt-bg: var(--cx-bg) !important;
	--rh-cyan: var(--cx-cyan) !important;
	--rh-mag: var(--cx-pink) !important;
	--rh-text: var(--cx-text) !important;
	--rh-muted: var(--cx-muted) !important;
	--rh-panel: var(--cx-panel) !important;
	--rh-border: var(--cx-line) !important;
	--rh-grad: var(--cx-grad) !important;
	position: relative;
	z-index: 3;
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding: 12px 16px 80px !important;
	font-family: var(--cx-font-body) !important;
	color: var(--cx-text) !important;
}

/* 隐藏旧背景，用统一 FX */
.lx-ic__bg,
.lx-cv__bg,
.lx-rt__bg,
.lx-tc__bg,
.lx-rh__bg {
	display: none !important;
}

/* ═══════ Hero / 舱头 ═══════ */
.lx-ic-hero,
.lx-cv-hero,
.lx-rt-hero,
.lx-tc-hero,
.lx-rh-hero {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(0, 255, 240, 0.28) !important;
	border-radius: 16px !important;
	padding: 22px 22px 20px !important;
	margin-bottom: 14px !important;
	background:
		linear-gradient(135deg, rgba(0, 255, 240, 0.1) 0%, transparent 42%),
		linear-gradient(320deg, rgba(255, 43, 214, 0.08) 0%, transparent 50%),
		var(--cx-panel) !important;
	box-shadow:
		0 0 0 1px rgba(0, 255, 240, 0.06) inset,
		0 18px 48px rgba(0, 0, 0, 0.4),
		0 0 40px rgba(0, 255, 240, 0.06) !important;
	backdrop-filter: blur(14px) saturate(1.15);
}
.lx-ic-hero::before,
.lx-cv-hero::before,
.lx-rt-hero::before,
.lx-tc-hero::before,
.lx-rh-hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--cx-cyan), var(--cx-pink), var(--cx-purple), transparent);
	background-size: 200% 100%;
	animation: lx-ck-line 5s linear infinite;
}
@keyframes lx-ck-line {
	0% { background-position: 0% 0; }
	100% { background-position: 200% 0; }
}
.lx-ic-hero h1,
.lx-cv-hero h1,
.lx-rt-hero__title,
.lx-tc-hero h1,
.lx-rh-hero__title {
	font-family: var(--cx-font-display) !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
	font-size: clamp(1.05rem, 1.8vw, 1.25rem) !important;
	color: #fff !important;
	text-shadow: 0 0 24px rgba(0, 255, 240, 0.25);
}
.lx-ic-hero__badge,
.lx-cv-hero__badge,
.lx-rt-hero__badge,
.lx-tc-hero__badge,
.lx-rh-hero__badge {
	font-family: var(--cx-font-display) !important;
	font-size: 11px !important;
	letter-spacing: 0.16em !important;
	color: var(--cx-cyan) !important;
	text-shadow: 0 0 10px rgba(0, 255, 240, 0.5);
}

/* ═══════ 卡片 / 面板 ═══════ */
.lx-ic-card,
.lx-cv-card,
.lx-rt-card,
.lx-rt-wizard-body,
.lx-rt-progress,
.lx-rt-score-card,
.lx-tc-card,
.lx-rh-card,
.lx-rh-hero,
.lx-rh-item,
.lx-rh-detail__hero,
.lx-rh-preview,
.lx-tc-case,
.lx-tc-case-detail,
.lx-rt-preview-card,
.lx-rt-preview-dash {
	position: relative;
	border: 1px solid rgba(0, 255, 240, 0.24) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(155deg, rgba(0, 255, 240, 0.07) 0%, transparent 40%),
		linear-gradient(320deg, rgba(139, 92, 255, 0.06) 0%, transparent 45%),
		var(--cx-panel) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.04) inset,
		0 14px 36px rgba(0, 0, 0, 0.32) !important;
	backdrop-filter: blur(10px);
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.lx-ic-card:hover,
.lx-cv-card:hover,
.lx-rt-card:hover,
.lx-tc-card:hover,
.lx-rh-item:hover,
.lx-tc-case:hover {
	border-color: rgba(0, 255, 240, 0.5) !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 16px 40px rgba(0, 0, 0, 0.4),
		0 0 28px rgba(0, 255, 240, 0.1) !important;
}

/* 面板角标装饰 */
.lx-ic-card::after,
.lx-cv-card::after,
.lx-rt-card::after,
.lx-tc-card::after {
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--cx-cyan);
	border-right: 2px solid var(--cx-cyan);
	opacity: 0.55;
	pointer-events: none;
}

.lx-ic-card h2,
.lx-cv-card h2,
.lx-rt-card h3,
.lx-tc-card h2,
.lx-tc-card h3,
.lx-rh-section-title {
	font-family: var(--cx-font-display) !important;
	letter-spacing: 0.04em;
	color: var(--cx-cyan) !important;
	text-shadow: 0 0 12px rgba(0, 255, 240, 0.25);
}

/* ═══════ Tabs / 芯片 ═══════ */
.lx-ic-tabs,
.lx-tc-tabs,
.lx-rh-tabs {
	gap: 8px !important;
	padding: 6px 0 14px !important;
}
.lx-ic-tab,
.lx-tc-tab,
.lx-rh-tab,
.lx-ic-chip,
.lx-tc-chip,
.lx-rh-chip,
.lx-rt-opt {
	border-radius: 8px !important;
	border: 1px solid rgba(0, 255, 240, 0.22) !important;
	background: rgba(4, 12, 24, 0.55) !important;
	color: var(--cx-muted) !important;
	font-weight: 700 !important;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
	transition: all 0.18s ease !important;
}
.lx-ic-tab.is-on,
.lx-tc-tab.is-on,
.lx-rh-tab.is-on,
.lx-ic-chip.is-on,
.lx-tc-chip.is-on,
.lx-rh-chip.is-on,
.lx-rt-opt.is-on,
.lx-rt-opt:has(input:checked) {
	color: #041018 !important;
	background: var(--cx-grad) !important;
	border-color: transparent !important;
	box-shadow: 0 0 20px rgba(0, 255, 240, 0.3) !important;
}

/* ═══════ 按钮 ═══════ */
.lx-ic-btn,
.lx-cv-btn,
.lx-rt-btn,
.lx-tc-btn,
.lx-rh-btn {
	border-radius: 10px !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
	border: 1px solid rgba(0, 255, 240, 0.28) !important;
	background: rgba(6, 14, 28, 0.9) !important;
	color: var(--cx-text) !important;
	box-shadow: 0 0 0 1px rgba(0, 255, 240, 0.04) inset;
	transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s !important;
}
.lx-ic-btn:hover,
.lx-cv-btn:hover,
.lx-rt-btn:hover,
.lx-tc-btn:hover,
.lx-rh-btn:hover {
	border-color: var(--cx-cyan) !important;
	transform: translateY(-1px);
	box-shadow: 0 0 18px rgba(0, 255, 240, 0.2);
}
.lx-ic-btn--primary,
.lx-cv-btn--primary,
.lx-rt-btn--primary,
.lx-tc-btn--primary,
.lx-rh-btn--primary {
	border: none !important;
	background: var(--cx-grad) !important;
	color: #041018 !important;
	box-shadow: 0 8px 24px rgba(0, 255, 240, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.08) inset !important;
	text-shadow: none;
}
.lx-ic-btn--primary:hover,
.lx-cv-btn--primary:hover,
.lx-rt-btn--primary:hover,
.lx-tc-btn--primary:hover,
.lx-rh-btn--primary:hover {
	box-shadow: 0 10px 28px rgba(255, 43, 214, 0.3) !important;
}

/* ═══════ 输入框 ═══════ */
.lx-ic input,
.lx-ic select,
.lx-ic textarea,
.lx-cv input,
.lx-cv select,
.lx-cv textarea,
.lx-rt-input,
.lx-rt-textarea,
.lx-rt-select,
.lx-rh-input,
.lx-rh-select,
.lx-tc-filters select,
.lx-tc-math-controls input[type="range"] {
	border: 1px solid rgba(0, 255, 240, 0.28) !important;
	background: rgba(2, 8, 18, 0.85) !important;
	color: #fff !important;
	border-radius: 10px !important;
	box-shadow: inset 0 0 12px rgba(0, 255, 240, 0.04);
}
.lx-ic input:focus,
.lx-cv input:focus,
.lx-rt-input:focus,
.lx-rh-input:focus {
	border-color: var(--cx-cyan) !important;
	box-shadow: 0 0 0 3px rgba(0, 255, 240, 0.12), inset 0 0 12px rgba(0, 255, 240, 0.06) !important;
	outline: none;
}

/* ═══════ KPI / 数字 ═══════ */
.lx-ic-score,
.lx-rt-score-card__num,
.lx-rt-kpi b,
.lx-tc-hero-kpi b,
.lx-rt-preview-score b,
.lx-rh-item__meta {
	font-family: var(--cx-font-display) !important;
}
.lx-ic-score,
.lx-rt-score-card__num,
.lx-rt-kpi b,
.lx-tc-hero-kpi b {
	background: var(--cx-grad) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	filter: drop-shadow(0 0 8px rgba(0, 255, 240, 0.25));
}

/* ═══════ 资源库网格驾驶舱化 ═══════ */
.lx-rh-grid {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 14px !important;
}
@media (min-width: 640px) {
	.lx-rh-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (min-width: 1000px) {
	.lx-rh-grid { grid-template-columns: 1fr 1fr 1fr !important; }
}
.lx-rh-hot__grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 12px !important;
}
@media (min-width: 900px) {
	.lx-rh-hot__grid { grid-template-columns: repeat(4, 1fr) !important; }
}
.lx-rh-item {
	text-align: left !important;
	cursor: pointer;
	overflow: hidden;
}
.lx-rh-item__title {
	color: #fff !important;
	font-weight: 800 !important;
}
.lx-rh-filters {
	padding: 12px 14px !important;
	border: 1px solid rgba(0, 255, 240, 0.18);
	border-radius: 14px;
	background: rgba(4, 12, 24, 0.55);
	margin-bottom: 14px !important;
}

/* ═══════ 转化中心宽屏双栏 ═══════ */
.lx-cv {
	max-width: 1200px !important;
}
@media (min-width: 900px) {
	.lx-cv {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 14px;
		align-items: start;
	}
	.lx-cv-hero {
		grid-column: 1 / -1;
	}
	.lx-cv-card {
		margin-bottom: 0 !important;
		height: 100%;
	}
}
.lx-cv-chat-log {
	border-color: rgba(0, 255, 240, 0.22) !important;
	background: rgba(2, 8, 16, 0.7) !important;
	box-shadow: inset 0 0 24px rgba(0, 255, 240, 0.04);
}
.lx-cv-msg--user {
	background: rgba(0, 255, 240, 0.12) !important;
	border: 1px solid rgba(0, 255, 240, 0.2);
}
.lx-cv-msg--bot {
	background: rgba(139, 92, 255, 0.1) !important;
	border: 1px solid rgba(139, 92, 255, 0.18);
}
.lx-cv-float__btn {
	background: var(--cx-grad) !important;
	box-shadow: 0 0 24px rgba(0, 255, 240, 0.35) !important;
	font-family: var(--cx-font-display);
	letter-spacing: 0.04em;
}
.lx-cv-float__panel {
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	background: rgba(4, 10, 20, 0.95) !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 255, 240, 0.1) !important;
	backdrop-filter: blur(16px);
}

/* ═══════ 沉浸中心 ═══════ */
.lx-ic {
	max-width: 1400px !important;
}
.lx-ic-score {
	font-size: 56px !important;
}
.lx-ic-timeline {
	border-color: rgba(0, 255, 240, 0.15) !important;
	background: rgba(2, 8, 16, 0.4);
	border-radius: 10px;
	padding: 8px 10px !important;
}
.lx-ic-arch-canvas-wrap {
	border-color: rgba(0, 255, 240, 0.25) !important;
	background:
		linear-gradient(rgba(0, 255, 240, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 255, 240, 0.03) 1px, transparent 1px),
		rgba(2, 8, 16, 0.75) !important;
	background-size: 24px 24px, 24px 24px, auto !important;
	min-height: 280px;
}
.lx-ic-layer {
	border-color: rgba(0, 255, 240, 0.28) !important;
	background: rgba(6, 14, 28, 0.75) !important;
}
.lx-ic-layer.is-hot {
	box-shadow: 0 0 0 2px var(--cx-cyan), 0 0 24px rgba(0, 255, 240, 0.25) !important;
}

/* ═══════ 风控工具 ROI/Health ═══════ */
.lx-rt--roi,
.lx-rt--health {
	max-width: 1400px !important;
}
.lx-rt-cta-bar {
	border: 1px solid rgba(0, 255, 240, 0.22) !important;
	background: var(--cx-panel) !important;
	border-radius: 14px !important;
	padding: 14px !important;
}
.lx-rt-chart-box {
	background: rgba(2, 8, 16, 0.45);
	border-radius: 12px;
	border: 1px solid rgba(0, 255, 240, 0.1);
	padding: 6px;
}
.lx-rt-case {
	border-color: rgba(0, 255, 240, 0.24) !important;
	background:
		linear-gradient(160deg, rgba(0, 255, 240, 0.08), transparent 50%),
		rgba(4, 10, 22, 0.9) !important;
}
.lx-rt-case:hover {
	box-shadow: 0 0 28px rgba(0, 255, 240, 0.15) !important;
}

/* ═══════ 信任中心 ═══════ */
.lx-tc {
	max-width: 1400px !important;
}
.lx-tc-dash-grid {
	gap: 14px !important;
}
.lx-tc-chart-box {
	background: rgba(2, 8, 16, 0.45);
	border-radius: 12px;
	border: 1px solid rgba(0, 255, 240, 0.1);
	padding: 4px;
}
.lx-tc-table th {
	background: rgba(0, 255, 240, 0.08) !important;
	color: var(--cx-cyan) !important;
	font-family: var(--cx-font-display);
	font-size: 11px;
	letter-spacing: 0.04em;
}
.lx-tc-table tr.is-ours td {
	background: rgba(0, 255, 240, 0.1) !important;
	box-shadow: inset 3px 0 0 var(--cx-cyan);
}

/* ═══════ Modal / Toast ═══════ */
.lx-ic-modal__panel,
.lx-cv-modal__panel,
.lx-rt-modal__panel,
.lx-tc-modal__panel,
.lx-rh-modal__panel {
	border: 1px solid rgba(0, 255, 240, 0.3) !important;
	background: rgba(4, 10, 20, 0.96) !important;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), 0 0 40px rgba(0, 255, 240, 0.12) !important;
	backdrop-filter: blur(16px);
}
.lx-ic-toast,
.lx-rt-toast,
.lx-tc-toast,
.lx-rh-toast {
	border: 1px solid rgba(0, 255, 240, 0.35) !important;
	background: rgba(4, 12, 24, 0.95) !important;
	box-shadow: 0 0 24px rgba(0, 255, 240, 0.2) !important;
	font-family: var(--cx-font-display);
	letter-spacing: 0.04em;
	font-size: 12px !important;
}

/* ═══════ 数据流装饰条（页面底部） ═══════ */
.lx-cockpit-ticker {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
	height: 28px;
	overflow: hidden;
	background: rgba(2, 6, 14, 0.88);
	border-top: 1px solid rgba(0, 255, 240, 0.2);
	backdrop-filter: blur(8px);
	pointer-events: none;
}
.lx-cockpit-ticker__track {
	display: flex;
	white-space: nowrap;
	animation: lx-ck-ticker 40s linear infinite;
	font-family: var(--cx-font-display);
	font-size: 11px;
	font-weight: 700;
	line-height: 28px;
	color: var(--cx-cyan);
	letter-spacing: 0.08em;
	text-shadow: 0 0 8px rgba(0, 255, 240, 0.4);
}
.lx-cockpit-ticker__track span {
	padding: 0 28px;
	opacity: 0.85;
}
.lx-cockpit-ticker__track span em {
	font-style: normal;
	color: var(--cx-pink);
	margin: 0 4px;
}
@keyframes lx-ck-ticker {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* 响应式：移动端减弱装饰 */
@media (max-width: 640px) {
	.lx-cockpit-frame { inset: 4px; }
	.lx-cockpit-status { border-radius: 10px; padding: 8px 10px; }
	.lx-cockpit-status__metrics { display: none; }
	.lx-ic,
	.lx-cv,
	.lx-rt,
	.lx-tc,
	.lx-rh {
		padding: 8px 10px 56px !important;
	}
	.lx-cockpit-ticker { height: 22px; }
	.lx-cockpit-ticker__track { font-size: 10px; line-height: 22px; }
}

/* 确保内容在 FX 之上 */
body.lx-cyber-cockpit .wp-site-blocks,
body.lx-cyber-cockpit main,
body.lx-risk-tools-page .wp-site-blocks,
body.lx-resource-hub-page .wp-site-blocks,
body.lx-immersive-page .wp-site-blocks,
body.lx-conversion-page .wp-site-blocks,
body.lx-trust-page .wp-site-blocks {
	position: relative;
	z-index: 3;
	background: transparent !important;
}