/* API 接口文档 · 赛博朋克风格 */
.lx-docs {
	--d-bg: #03060d;
	--d-card: rgba(6, 12, 26, 0.82);
	--d-line: rgba(56, 189, 248, 0.18);
	--d-text: #e2e8f0;
	--d-muted: #8b9bb4;
	--d-accent: #22d3ee;
	--d-accent2: #a78bfa;
	--d-pink: #f472b6;
	--d-ok: #34d399;
	--d-neon: #00f0ff;
	--d-magenta: #ff2bd6;
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: 28px 18px 80px;
	color: var(--d-text);
	font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
	isolation: isolate;
}
.lx-docs * { box-sizing: border-box; }
.lx-docs a { color: #67e8f9; text-shadow: 0 0 12px rgba(34, 211, 238, 0.15); }
.lx-docs a:hover { color: #a5f3fc; }

/* 正文内联 code 霓虹胶囊 */
.lx-docs p code,
.lx-docs li code,
.lx-docs .lx-docs__ul code,
.lx-docs .lx-docs__steps code {
	font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
	font-size: 0.9em;
	padding: 1px 7px;
	border-radius: 4px;
	color: #7df9ff;
	background: rgba(0, 240, 255, 0.08);
	border: 1px solid rgba(0, 240, 255, 0.22);
	box-shadow: 0 0 10px rgba(0, 240, 255, 0.08);
}

/* 背景 FX */
.lx-docs__fx {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.lx-docs__fx-grid {
	position: absolute;
	inset: -40px;
	background-image:
		linear-gradient(rgba(34, 211, 238, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(167, 139, 250, 0.04) 1px, transparent 1px);
	background-size: 48px 48px;
	animation: lx-docs-grid 22s linear infinite;
	mask-image: radial-gradient(ellipse at 50% 30%, #000 20%, transparent 75%);
}
@keyframes lx-docs-grid {
	from { transform: translateY(0); }
	to { transform: translateY(48px); }
}
.lx-docs__fx-scan {
	position: absolute;
	left: 0;
	right: 0;
	height: 140px;
	background: linear-gradient(
		to bottom,
		transparent,
		rgba(34, 211, 238, 0.03),
		rgba(34, 211, 238, 0.1),
		rgba(167, 139, 250, 0.06),
		transparent
	);
	animation: lx-docs-scan 9s ease-in-out infinite;
}
@keyframes lx-docs-scan {
	0% { top: -15%; opacity: 0.4; }
	50% { opacity: 1; }
	100% { top: 105%; opacity: 0.35; }
}
.lx-docs__fx-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(60px);
	opacity: 0.45;
}
.lx-docs__fx-orb--a {
	width: 320px;
	height: 320px;
	top: 8%;
	left: -4%;
	background: radial-gradient(circle, rgba(34, 211, 238, 0.35), transparent 70%);
	animation: lx-docs-orb 11s ease-in-out infinite;
}
.lx-docs__fx-orb--b {
	width: 280px;
	height: 280px;
	top: 40%;
	right: -6%;
	background: radial-gradient(circle, rgba(167, 139, 250, 0.32), transparent 70%);
	animation: lx-docs-orb 14s ease-in-out infinite reverse;
}
@keyframes lx-docs-orb {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(20px, 30px) scale(1.08); }
}
.lx-docs__fx-lines i {
	position: absolute;
	left: -10%;
	width: 120%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.35), rgba(244, 114, 182, 0.25), transparent);
	animation: lx-docs-line 7s linear infinite;
	opacity: 0.35;
}
.lx-docs__fx-lines i:nth-child(1) { top: 22%; animation-delay: 0s; }
.lx-docs__fx-lines i:nth-child(2) { top: 48%; animation-delay: 2.2s; opacity: 0.25; }
.lx-docs__fx-lines i:nth-child(3) { top: 72%; animation-delay: 4s; opacity: 0.2; }
@keyframes lx-docs-line {
	0% { transform: translateX(-8%); opacity: 0; }
	20% { opacity: 0.4; }
	100% { transform: translateX(8%); opacity: 0; }
}
.lx-docs__fx-vignette {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 40%, transparent 30%, rgba(5, 8, 15, 0.75) 100%);
}

.lx-docs__hero,
.lx-docs__layout {
	position: relative;
	z-index: 1;
}

.lx-docs__hero {
	display: grid;
	grid-template-columns: 1.35fr 1fr;
	gap: 20px;
	padding: 28px;
	border-radius: 20px;
	background:
		linear-gradient(135deg, rgba(34, 211, 238, 0.08), transparent 40%),
		linear-gradient(225deg, rgba(167, 139, 250, 0.1), transparent 45%),
		var(--d-card);
	border: 1px solid rgba(34, 211, 238, 0.28);
	box-shadow:
		0 0 0 1px rgba(167, 139, 250, 0.08),
		0 0 40px rgba(34, 211, 238, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
	margin-bottom: 22px;
	backdrop-filter: blur(12px);
	overflow: hidden;
}
.lx-docs__hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, #22d3ee, #a78bfa, #f472b6, transparent);
	opacity: 0.85;
}
@media (max-width: 900px) {
	.lx-docs__hero { grid-template-columns: 1fr; }
}

.lx-docs__kicker {
	margin: 0 0 10px;
	font-size: 12px;
	letter-spacing: 0.16em;
	color: var(--d-accent);
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
}
.lx-docs__pulse {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22d3ee;
	box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.6);
	animation: lx-docs-pulse 1.6s ease-out infinite;
}
@keyframes lx-docs-pulse {
	0% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.55); }
	70% { box-shadow: 0 0 0 10px rgba(34, 211, 238, 0); }
	100% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0); }
}

.lx-docs__title {
	margin: 0 0 12px;
	font-size: clamp(28px, 4.5vw, 36px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: 0.02em;
}
.lx-docs__title-glitch {
	position: relative;
	display: inline-block;
	background: linear-gradient(120deg, #f8fafc 20%, #67e8f9 50%, #c4b5fd 80%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 0 18px rgba(34, 211, 238, 0.25));
}
.lx-docs__title-glitch::before,
.lx-docs__title-glitch::after {
	content: attr(data-text);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	background: inherit;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	opacity: 0.65;
	pointer-events: none;
}
.lx-docs__title-glitch::before {
	transform: translate(2px, 0);
	text-shadow: -2px 0 rgba(244, 114, 182, 0.55);
	animation: lx-docs-glitch-1 3.2s infinite linear alternate-reverse;
	clip-path: inset(0 0 55% 0);
}
.lx-docs__title-glitch::after {
	transform: translate(-2px, 0);
	text-shadow: 2px 0 rgba(34, 211, 238, 0.55);
	animation: lx-docs-glitch-2 2.4s infinite linear alternate-reverse;
	clip-path: inset(45% 0 0 0);
}
@keyframes lx-docs-glitch-1 {
	0%, 90%, 100% { transform: translate(0); }
	92% { transform: translate(3px, -1px); }
	94% { transform: translate(-2px, 1px); }
}
@keyframes lx-docs-glitch-2 {
	0%, 88%, 100% { transform: translate(0); }
	91% { transform: translate(-3px, 1px); }
	93% { transform: translate(2px, -1px); }
}

.lx-docs__lead {
	margin: 0 0 18px;
	color: var(--d-muted);
	font-size: 15px;
	line-height: 1.75;
	max-width: 56ch;
}
.lx-docs__hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}
.lx-docs__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.lx-docs__tags span {
	position: relative;
	font-size: 10px;
	letter-spacing: 0.12em;
	padding: 5px 12px 5px 10px;
	border-radius: 0;
	clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
	border: 1px solid rgba(0, 240, 255, 0.35);
	background: linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(139, 92, 246, 0.08));
	color: #a5f3fc;
	font-weight: 800;
	text-shadow: 0 0 8px rgba(0, 240, 255, 0.35);
	box-shadow: 0 0 12px rgba(0, 240, 255, 0.08);
}

/* 通用小按钮 */
.lx-docs__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: 4px;
	border: 0;
	background: linear-gradient(135deg, #22d3ee, #8b5cf6);
	color: #04101a !important;
	font-size: 13px;
	font-weight: 750;
	text-decoration: none !important;
	cursor: pointer;
	box-shadow: 0 0 20px rgba(34, 211, 238, 0.2);
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease, border-color 0.15s ease;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}
.lx-docs__btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 0 28px rgba(34, 211, 238, 0.35);
	filter: brightness(1.06);
	color: #04101a !important;
}

/* ── 主 CTA：申请和管理 API KEY · 赛博朋克芯片按钮 ── */
.lx-docs__btn-cyber {
	--cb-cyan: #00f0ff;
	--cb-mag: #ff2bd6;
	--cb-violet: #8b5cf6;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 18px 12px 14px;
	min-height: 56px;
	text-decoration: none !important;
	color: #e0faff !important;
	background:
		linear-gradient(135deg, rgba(0, 20, 36, 0.95) 0%, rgba(18, 8, 40, 0.96) 55%, rgba(8, 4, 28, 0.98) 100%);
	border: 1px solid rgba(0, 240, 255, 0.55);
	clip-path: polygon(
		0 0,
		calc(100% - 14px) 0,
		100% 14px,
		100% 100%,
		14px 100%,
		0 calc(100% - 14px)
	);
	box-shadow:
		0 0 0 1px rgba(255, 43, 214, 0.18),
		0 0 28px rgba(0, 240, 255, 0.22),
		0 0 48px rgba(139, 92, 246, 0.18),
		inset 0 0 24px rgba(0, 240, 255, 0.06);
	overflow: hidden;
	isolation: isolate;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, filter 0.18s ease;
	font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}
.lx-docs__btn-cyber::before,
.lx-docs__btn-cyber::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border: 2px solid var(--cb-cyan);
	pointer-events: none;
	z-index: 3;
	opacity: 0.85;
}
.lx-docs__btn-cyber::before {
	top: 4px;
	left: 4px;
	border-right: 0;
	border-bottom: 0;
	box-shadow: -1px -1px 8px rgba(0, 240, 255, 0.35);
}
.lx-docs__btn-cyber::after {
	right: 4px;
	bottom: 4px;
	border-left: 0;
	border-top: 0;
	border-color: var(--cb-mag);
	box-shadow: 1px 1px 8px rgba(255, 43, 214, 0.35);
}
.lx-docs__btn-cyber__scan {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: repeating-linear-gradient(
		0deg,
		transparent,
		transparent 2px,
		rgba(0, 240, 255, 0.03) 2px,
		rgba(0, 240, 255, 0.03) 3px
	);
	pointer-events: none;
	opacity: 0.7;
}
.lx-docs__btn-cyber__glow {
	position: absolute;
	left: -40%;
	top: 0;
	bottom: 0;
	width: 45%;
	z-index: 1;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(0, 240, 255, 0.12),
		rgba(255, 43, 214, 0.1),
		transparent
	);
	transform: skewX(-18deg);
	animation: lx-docs-cyber-sweep 3.2s ease-in-out infinite;
	pointer-events: none;
}
@keyframes lx-docs-cyber-sweep {
	0% { left: -50%; opacity: 0; }
	20% { opacity: 1; }
	55% { left: 110%; opacity: 0.6; }
	100% { left: 120%; opacity: 0; }
}
.lx-docs__btn-cyber__icon {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--cb-cyan);
	background: rgba(0, 240, 255, 0.08);
	border: 1px solid rgba(0, 240, 255, 0.35);
	clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);
	box-shadow: 0 0 14px rgba(0, 240, 255, 0.25), inset 0 0 10px rgba(0, 240, 255, 0.08);
}
.lx-docs__btn-cyber__icon svg {
	display: block;
	filter: drop-shadow(0 0 4px rgba(0, 240, 255, 0.65));
}
.lx-docs__btn-cyber__text {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
}
.lx-docs__btn-cyber__kicker {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.22em;
	color: var(--cb-cyan);
	text-shadow: 0 0 10px rgba(0, 240, 255, 0.55);
	line-height: 1.2;
}
.lx-docs__btn-cyber__label {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1.25;
	color: #f0fdff !important;
	text-shadow:
		0 0 12px rgba(0, 240, 255, 0.35),
		0 0 1px rgba(255, 255, 255, 0.4);
	white-space: nowrap;
}
.lx-docs__btn-cyber__chev {
	position: relative;
	z-index: 2;
	margin-left: 4px;
	font-size: 16px;
	font-weight: 700;
	color: var(--cb-mag);
	text-shadow: 0 0 10px rgba(255, 43, 214, 0.55);
	transition: transform 0.18s ease;
}
.lx-docs__btn-cyber:hover {
	transform: translateY(-2px) scale(1.015);
	border-color: rgba(0, 240, 255, 0.95);
	color: #fff !important;
	box-shadow:
		0 0 0 1px rgba(255, 43, 214, 0.35),
		0 0 36px rgba(0, 240, 255, 0.4),
		0 0 64px rgba(255, 43, 214, 0.2),
		inset 0 0 28px rgba(0, 240, 255, 0.1);
	filter: brightness(1.08);
}
.lx-docs__btn-cyber:hover .lx-docs__btn-cyber__chev {
	transform: translateX(4px);
}
.lx-docs__btn-cyber:hover .lx-docs__btn-cyber__icon {
	color: #fff;
	border-color: rgba(255, 43, 214, 0.55);
	box-shadow: 0 0 18px rgba(255, 43, 214, 0.35), inset 0 0 12px rgba(0, 240, 255, 0.15);
}
.lx-docs__btn-cyber:active {
	transform: translateY(0) scale(0.99);
}
@media (max-width: 520px) {
	.lx-docs__btn-cyber {
		width: 100%;
		justify-content: flex-start;
	}
	.lx-docs__btn-cyber__label {
		white-space: normal;
		font-size: 14px;
	}
}

.lx-docs__btn--ghost {
	position: relative;
	background: rgba(2, 6, 23, 0.55) !important;
	color: #c8e7f5 !important;
	border: 1px solid rgba(0, 240, 255, 0.32);
	box-shadow: 0 0 16px rgba(0, 240, 255, 0.08), inset 0 0 12px rgba(0, 240, 255, 0.04);
	font-weight: 650;
	letter-spacing: 0.04em;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}
.lx-docs__btn-ghost-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #22d3ee;
	box-shadow: 0 0 8px rgba(34, 211, 238, 0.8);
	animation: lx-docs-pulse 1.6s ease-out infinite;
}
.lx-docs__btn--ghost:hover {
	border-color: rgba(0, 240, 255, 0.7);
	color: #a5f3fc !important;
	box-shadow: 0 0 22px rgba(0, 240, 255, 0.2), inset 0 0 16px rgba(0, 240, 255, 0.08);
	filter: none;
	background: rgba(0, 40, 56, 0.55) !important;
}

.lx-docs__hero-card {
	position: relative;
	padding: 18px 16px 16px;
	border-radius: 14px;
	background:
		linear-gradient(160deg, rgba(8, 16, 32, 0.95), rgba(2, 6, 18, 0.92));
	border: 1px solid rgba(34, 211, 238, 0.28);
	box-shadow: inset 0 0 30px rgba(34, 211, 238, 0.04);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.lx-docs__hero-card-head {
	position: relative;
	margin-bottom: 4px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(34, 211, 238, 0.12);
}
.lx-docs__hero-card-label {
	font-size: 10px;
	letter-spacing: 0.18em;
	color: #22d3ee;
	font-weight: 800;
}
.lx-docs__corner {
	position: absolute;
	width: 10px;
	height: 10px;
	border: 2px solid #22d3ee;
	opacity: 0.75;
}
.lx-docs__corner.c1 { top: -6px; left: -6px; border-right: 0; border-bottom: 0; }
.lx-docs__corner.c2 { top: -6px; right: -6px; border-left: 0; border-bottom: 0; }
.lx-docs__corner.c3 { bottom: -6px; left: -6px; border-right: 0; border-top: 0; }
.lx-docs__corner.c4 { bottom: -6px; right: -6px; border-left: 0; border-top: 0; }

.lx-docs__meta-row {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: flex-start;
	font-size: 12px;
}
.lx-docs__meta-row span { color: var(--d-muted); flex-shrink: 0; }
.lx-docs__meta-row code {
	text-align: right;
	word-break: break-all;
	background: rgba(34, 211, 238, 0.08);
	border: 1px solid rgba(34, 211, 238, 0.12);
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 11px;
	color: #a5f3fc;
}

.lx-docs__layout {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 22px;
	align-items: start;
}
@media (max-width: 900px) {
	.lx-docs__layout { grid-template-columns: 1fr; }
	.lx-docs__toc { position: static !important; max-height: none; }
}

.lx-docs__toc {
	position: sticky;
	top: 88px;
	padding: 14px;
	border-radius: 4px;
	background:
		linear-gradient(180deg, rgba(0, 240, 255, 0.04), transparent 40%),
		var(--d-card);
	border: 1px solid rgba(0, 240, 255, 0.28);
	box-shadow:
		0 0 28px rgba(0, 240, 255, 0.08),
		inset 0 0 24px rgba(0, 240, 255, 0.03);
	max-height: calc(100vh - 110px);
	overflow: auto;
	backdrop-filter: blur(12px);
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}
.lx-docs__toc-title {
	margin: 0 0 10px;
	font-size: 11px;
	letter-spacing: 0.18em;
	color: #00f0ff;
	text-transform: uppercase;
	font-weight: 800;
	text-shadow: 0 0 12px rgba(0, 240, 255, 0.4);
}
.lx-docs__toc-title::before {
	content: "// ";
	opacity: 0.55;
	color: #ff2bd6;
}
.lx-docs__toc ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lx-docs__toc li { margin: 0; }
.lx-docs__toc a {
	display: block;
	padding: 8px 10px;
	border-radius: 0;
	color: #c0cce0 !important;
	text-decoration: none !important;
	font-size: 13px;
	line-height: 1.35;
	border-left: 2px solid transparent;
	text-shadow: none;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}
.lx-docs__toc a:hover,
.lx-docs__toc a.is-active {
	background: linear-gradient(90deg, rgba(0, 240, 255, 0.14), rgba(139, 92, 246, 0.06));
	color: #7df9ff !important;
	border-left-color: #00f0ff;
	box-shadow: inset 0 0 16px rgba(0, 240, 255, 0.08), 0 0 12px rgba(0, 240, 255, 0.06);
	text-shadow: 0 0 10px rgba(0, 240, 255, 0.25);
}

.lx-docs__section {
	position: relative;
	margin-bottom: 28px;
	padding: 22px 24px;
	border-radius: 4px;
	background:
		linear-gradient(135deg, rgba(0, 240, 255, 0.03), transparent 35%),
		linear-gradient(225deg, rgba(255, 43, 214, 0.03), transparent 40%),
		var(--d-card);
	border: 1px solid rgba(0, 240, 255, 0.2);
	box-shadow:
		0 0 0 1px rgba(139, 92, 246, 0.06),
		0 0 32px rgba(0, 240, 255, 0.04),
		inset 0 1px 0 rgba(255, 255, 255, 0.03);
	scroll-margin-top: 90px;
	backdrop-filter: blur(10px);
	overflow: hidden;
	clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}
.lx-docs__section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 16px;
	right: 16px;
	height: 2px;
	background: linear-gradient(90deg, transparent, #00f0ff, #a78bfa, #ff2bd6, transparent);
	opacity: 0.75;
}
.lx-docs__section::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: repeating-linear-gradient(
		0deg,
		transparent,
		transparent 3px,
		rgba(0, 240, 255, 0.012) 3px,
		rgba(0, 240, 255, 0.012) 4px
	);
	opacity: 0.55;
}
.lx-docs__section h2 {
	position: relative;
	z-index: 1;
	margin: 0 0 14px;
	font-size: 20px;
	font-weight: 800;
	color: #f1f5f9;
	letter-spacing: 0.02em;
	text-shadow: 0 0 22px rgba(0, 240, 255, 0.22);
}
.lx-docs__section h2::before {
	content: "▸";
	margin-right: 8px;
	color: #00f0ff;
	text-shadow: 0 0 10px rgba(0, 240, 255, 0.6);
	font-weight: 700;
}
.lx-docs__section h3 {
	position: relative;
	z-index: 1;
	margin: 18px 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: #c4f5ff;
	letter-spacing: 0.03em;
}
.lx-docs__section > * {
	position: relative;
	z-index: 1;
}
.lx-docs__section p {
	margin: 0 0 12px;
	color: #b6c4d8;
	line-height: 1.75;
	font-size: 14px;
}
.lx-docs__sub {
	margin: 10px 0 6px !important;
	font-size: 12px !important;
	color: var(--d-muted) !important;
}
.lx-docs__steps {
	margin: 0;
	padding-left: 20px;
	color: #b6c4d8;
}
.lx-docs__steps li { margin-bottom: 14px; line-height: 1.65; }
.lx-docs__ul {
	margin: 0 0 10px;
	padding-left: 18px;
	color: #b6c4d8;
	line-height: 1.7;
	font-size: 14px;
}
.lx-docs__note {
	padding: 10px 12px;
	border-radius: 10px;
	background: rgba(251, 191, 36, 0.07);
	border: 1px solid rgba(251, 191, 36, 0.28);
	color: #fde68a !important;
	font-size: 13px !important;
	box-shadow: 0 0 16px rgba(251, 191, 36, 0.06);
}
.lx-docs__grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 12px;
}
@media (max-width: 700px) {
	.lx-docs__grid2 { grid-template-columns: 1fr; }
}
.lx-docs__card {
	padding: 14px;
	border-radius: 4px;
	background: linear-gradient(160deg, rgba(0, 30, 44, 0.55), rgba(2, 8, 20, 0.75));
	border: 1px solid rgba(0, 240, 255, 0.22);
	box-shadow: inset 0 0 20px rgba(0, 240, 255, 0.04), 0 0 16px rgba(0, 240, 255, 0.05);
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}
.lx-docs__card h3 {
	margin: 0 0 10px;
	font-size: 14px;
	color: #7df9ff;
	letter-spacing: 0.06em;
	text-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
}

.lx-docs__svc-meta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 8px;
	margin: 0 0 16px;
}
.lx-docs__svc-meta > div {
	padding: 10px 12px;
	border-radius: 10px;
	background: rgba(2, 8, 20, 0.65);
	border: 1px solid rgba(34, 211, 238, 0.14);
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.lx-docs__svc-meta span {
	font-size: 11px;
	color: var(--d-muted);
	letter-spacing: 0.04em;
}
.lx-docs__svc-meta code {
	font-size: 12px;
	color: #a5f3fc;
	word-break: break-all;
}

.lx-docs__table-wrap {
	overflow-x: auto;
	border-radius: 4px;
	border: 1px solid rgba(0, 240, 255, 0.25);
	margin: 8px 0 12px;
	background: rgba(2, 6, 18, 0.72);
	box-shadow: 0 0 20px rgba(0, 240, 255, 0.06), inset 0 0 30px rgba(0, 240, 255, 0.02);
}
.lx-docs__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}
.lx-docs__table th,
.lx-docs__table td {
	padding: 10px 12px;
	text-align: left;
	border-bottom: 1px solid rgba(0, 240, 255, 0.1);
	vertical-align: top;
}
.lx-docs__table th {
	background: linear-gradient(90deg, rgba(0, 240, 255, 0.1), rgba(139, 92, 246, 0.06));
	color: #7df9ff;
	font-weight: 750;
	font-size: 12px;
	white-space: nowrap;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-shadow: 0 0 8px rgba(0, 240, 255, 0.25);
}
.lx-docs__table tr:last-child td { border-bottom: 0; }
.lx-docs__table tr:hover td {
	background: rgba(0, 240, 255, 0.04);
}
.lx-docs__table code {
	font-size: 12px;
	background: rgba(0, 20, 32, 0.85);
	padding: 1px 5px;
	border-radius: 3px;
	color: #7df9ff;
	border: 1px solid rgba(0, 240, 255, 0.18);
}

.lx-docs__code {
	margin: 0 0 12px;
	border-radius: 4px;
	border: 1px solid rgba(0, 240, 255, 0.35);
	overflow: hidden;
	background: #01040c;
	box-shadow:
		0 0 28px rgba(0, 240, 255, 0.1),
		inset 0 0 48px rgba(0, 240, 255, 0.04),
		0 0 0 1px rgba(255, 43, 214, 0.08);
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}
.lx-docs__code-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 7px 14px;
	background: linear-gradient(90deg, rgba(0, 30, 44, 0.98), rgba(40, 12, 56, 0.95), rgba(8, 16, 32, 0.98));
	border-bottom: 1px solid rgba(0, 240, 255, 0.2);
	font-size: 11px;
	color: #00f0ff;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-weight: 800;
	text-shadow: 0 0 8px rgba(0, 240, 255, 0.35);
}
.lx-docs__code-bar span::before {
	content: "⬡ ";
	color: #ff2bd6;
	opacity: 0.85;
}
.lx-docs__code-bar .lx-docs__copy {
	padding: 4px 12px;
	font-size: 12px;
	border-radius: 0;
	clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
	border: 1px solid rgba(0, 240, 255, 0.4);
	background: rgba(0, 240, 255, 0.08);
	color: #c8f7ff;
	cursor: pointer;
	text-transform: none;
	letter-spacing: 0.04em;
	font-weight: 700;
	box-shadow: 0 0 10px rgba(0, 240, 255, 0.1);
}
.lx-docs__code-bar .lx-docs__copy:hover {
	border-color: rgba(255, 43, 214, 0.55);
	color: #fff;
	box-shadow: 0 0 16px rgba(0, 240, 255, 0.25);
	background: rgba(255, 43, 214, 0.12);
}
.lx-docs__code pre {
	margin: 0;
	padding: 14px 16px;
	overflow-x: auto;
	font-size: 12.5px;
	line-height: 1.55;
	color: #5eead4;
	font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
	text-shadow: 0 0 10px rgba(45, 212, 191, 0.18);
	background:
		repeating-linear-gradient(
			0deg,
			transparent,
			transparent 2px,
			rgba(0, 240, 255, 0.015) 2px,
			rgba(0, 240, 255, 0.015) 3px
		);
}
.lx-docs__code code {
	background: none;
	padding: 0;
	border: 0;
	color: inherit;
	font: inherit;
	white-space: pre;
}

.lx-docs__faq {
	margin: 0 0 10px;
	padding: 12px 14px;
	border-radius: 4px;
	background: linear-gradient(135deg, rgba(0, 30, 44, 0.4), rgba(2, 8, 20, 0.65));
	border: 1px solid rgba(0, 240, 255, 0.18);
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.lx-docs__faq summary {
	cursor: pointer;
	font-weight: 700;
	color: #e0f2fe;
	letter-spacing: 0.02em;
}
.lx-docs__faq summary::marker {
	color: #00f0ff;
}
.lx-docs__faq[open] {
	border-color: rgba(0, 240, 255, 0.42);
	box-shadow: 0 0 20px rgba(0, 240, 255, 0.1), inset 0 0 16px rgba(0, 240, 255, 0.04);
}
.lx-docs__faq p { margin: 10px 0 0; }
.lx-docs__foot {
	margin-top: 18px !important;
	padding-top: 14px;
	border-top: 1px solid rgba(0, 240, 255, 0.18);
}

/* Hero 整体再加压 */
.lx-docs__hero {
	clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}
.lx-docs__hero-card {
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
	box-shadow:
		inset 0 0 30px rgba(0, 240, 255, 0.06),
		0 0 24px rgba(0, 240, 255, 0.08) !important;
}
.lx-docs__hero-card .lx-docs__btn--ghost {
	width: 100%;
	justify-content: center;
}

/* 页面深色底 + 网格溢出保护 */
body.lx-api-docs-page {
	background:
		radial-gradient(ellipse at 20% 0%, rgba(0, 80, 100, 0.18), transparent 45%),
		radial-gradient(ellipse at 90% 20%, rgba(80, 20, 100, 0.16), transparent 40%),
		#03060d !important;
}

/* 入场动画（从 API 页转场过来） */
.lx-docs.is-enter .lx-docs__hero {
	animation: lx-docs-enter-hero 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.lx-docs.is-enter .lx-docs__layout {
	animation: lx-docs-enter-body 0.75s 0.12s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
@keyframes lx-docs-enter-hero {
	from {
		opacity: 0;
		transform: translateY(18px) scale(0.98);
		filter: blur(6px) brightness(1.4);
	}
	to {
		opacity: 1;
		transform: none;
		filter: none;
	}
}
@keyframes lx-docs-enter-body {
	from { opacity: 0; transform: translateY(24px); }
	to { opacity: 1; transform: none; }
}

/* 页面级蒙层入场 */
.lx-docs-enter-veil {
	position: fixed;
	inset: 0;
	z-index: 100350;
	pointer-events: none;
	background:
		radial-gradient(ellipse at 50% 40%, rgba(34, 211, 238, 0.2), transparent 55%),
		rgba(2, 6, 23, 0.92);
	animation: lx-docs-veil-out 0.85s ease-out forwards;
}
.lx-docs-enter-veil__scan {
	position: absolute;
	left: 0;
	right: 0;
	height: 80px;
	background: linear-gradient(to bottom, transparent, rgba(34,211,238,.2), transparent);
	animation: lx-docs-scan 0.85s ease-out both;
}
@keyframes lx-docs-veil-out {
	0% { opacity: 1; }
	70% { opacity: 1; }
	100% { opacity: 0; visibility: hidden; }
}

body.lx-api-docs-page,
body.lx-api-docs-page .wp-site-blocks {
	background: #05080f !important;
}
body.lx-api-docs-page .wp-block-post-content,
body.lx-api-docs-page .lx-client-page {
	background: transparent !important;
}

.lx-docs__toc::-webkit-scrollbar,
.lx-docs__code pre::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.lx-docs__toc::-webkit-scrollbar-thumb,
.lx-docs__code pre::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, rgba(34, 211, 238, 0.6), rgba(167, 139, 250, 0.5));
	border-radius: 999px;
}
.lx-docs__toc {
	scrollbar-width: thin;
	scrollbar-color: rgba(34, 211, 238, 0.45) rgba(15, 23, 42, 0.8);
}