/**
 * 全站按钮 · 赛博朋克（低刺眼 + 高可读）
 * 目标：去掉刺眼纯蓝/荧光绿，改成青绿+紫雾渐变、浅色字、暗底描边。
 */
:root {
	--lx-btn-text: #f0f9ff;
	--lx-btn-text-muted: #c4d4e8;
	--lx-btn-ink: #04101a;
	/* 主 CTA：深青 → 靛紫，比 #1d4ed8 柔和 */
	--lx-btn-cta: linear-gradient(135deg, #0e7490 0%, #1e3a8a 48%, #5b21b6 100%);
	--lx-btn-cta-hover: linear-gradient(135deg, #0891b2 0%, #312e81 50%, #6d28d9 100%);
	--lx-btn-cta-shadow: 0 4px 18px rgba(14, 116, 144, 0.35), 0 0 0 1px rgba(103, 232, 249, 0.18) inset;
	/* 次要主色：暗玻璃 + 青描边 */
	--lx-btn-primary: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(30, 27, 75, 0.92));
	--lx-btn-primary-border: rgba(103, 232, 249, 0.45);
	--lx-btn-primary-text: #e0f2fe;
	/* 成功/绿：改 teal，不用荧光绿 */
	--lx-btn-ok: linear-gradient(135deg, #0f766e 0%, #115e59 55%, #134e4a 100%);
	--lx-btn-ok-border: rgba(45, 212, 191, 0.4);
}

/* ========== 通用主按钮 / CTA ========== */
.lx-client-btn--primary,
.lx-client-btn--cta,
.lx-cm-btn--primary,
.lx-cm-btn--cta,
.lx-dash-btn--primary,
.lx-dash-btn--cta,
.lx-pg__btn--primary,
.lx-pg__btn--cta,
.lx-sm__btn--primary,
.lx-sm__btn--cta,
.lx-hc-btn--primary,
.lx-hc-btn--cta,
.lx-is-btn--primary,
.lx-is-btn--cta,
.lx-wb-btn--primary,
.lx-wb-btn--cta,
.lx-th-btn--primary,
.lx-th-btn--cta,
.lx-ps-btn--primary,
.lx-ps-btn--cta,
.lx-fw__btn--primary,
.lx-fw__btn--cta,
.lx-mt__btn--primary,
.lx-mt__btn--cta,
.lx-ip-btn--primary,
.lx-ip-btn--cta,
.lx-tw-btn--primary,
.lx-tw-btn--cta,
.lx-growth__btn--primary,
.lx-growth__btn--cta,
.lx-gl__btn--primary,
.lx-lt-btn--primary,
.lx-lt-btn--cta,
.lx-lt-btn--deploy,
.lx-fa-btn--primary,
.lx-fa .button-primary,
.lx-fa button[type="submit"],
.lx-sh-btn--primary,
.lx-sh .button-primary,
.lx-aw-btn--primary,
.lx-ac-btn--primary,
.lx-co__btn--primary,
.lx-ft-btn--primary,
.lx-fs-btn--primary,
.lx-fl-btn--primary,
.lx-fg-btn--primary,
.lx-ve__btn--primary,
.lx-rh__btn--primary,
.lx-sd-btn--primary,
.lx-dm-btn--primary,
.lx-dcv-btn--primary,
.lx-ocr-btn--primary,
.lx-kb-btn--primary,
.lx-ce-btn--primary,
.lx-pro-btn--primary,
a.lx-pg__btn--cta,
button.lx-pg__btn--cta,
a.lx-client-btn--primary,
button.lx-client-btn--primary,
.wp-block-button__link,
.wp-element-button {
	background: var(--lx-btn-cta) !important;
	color: var(--lx-btn-text) !important;
	-webkit-text-fill-color: var(--lx-btn-text) !important;
	border: 1px solid rgba(103, 232, 249, 0.28) !important;
	font-weight: 700 !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
	box-shadow: var(--lx-btn-cta-shadow) !important;
	text-decoration: none !important;
}

.lx-client-btn--primary:hover,
.lx-client-btn--cta:hover,
.lx-cm-btn--primary:hover,
.lx-cm-btn--cta:hover,
.lx-dash-btn--primary:hover,
.lx-dash-btn--cta:hover,
.lx-pg__btn--primary:hover,
.lx-pg__btn--cta:hover,
.lx-sm__btn--cta:hover,
.lx-hc-btn--cta:hover,
.lx-is-btn--cta:hover,
.lx-wb-btn--cta:hover,
.lx-th-btn--cta:hover,
.lx-ps-btn--cta:hover,
.lx-fw__btn--primary:hover,
.lx-fw__btn--cta:hover,
.lx-growth__btn--primary:hover,
.lx-growth__btn--cta:hover,
.lx-gl__btn--primary:hover,
.lx-lt-btn--primary:hover,
.lx-lt-btn--cta:hover,
.lx-lt-btn--deploy:hover,
.lx-fa-btn--primary:hover,
.lx-fa .button-primary:hover,
.lx-sh-btn--primary:hover,
.lx-aw-btn--primary:hover,
.lx-ac-btn--primary:hover,
.lx-co__btn--primary:hover,
.wp-block-button__link:hover,
.wp-element-button:hover {
	background: var(--lx-btn-cta-hover) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border-color: rgba(165, 243, 252, 0.45) !important;
	box-shadow:
		0 6px 22px rgba(91, 33, 182, 0.32),
		0 0 20px rgba(14, 116, 144, 0.22),
		0 0 0 1px rgba(165, 243, 252, 0.2) inset !important;
	filter: none;
}

/* Ghost / secondary：暗底 + 青描边，浅字易读 */
.lx-client-btn--secondary,
.lx-client-btn--ghost,
.lx-cm-btn--ghost,
.lx-dash-btn--ghost,
.lx-pg__btn--ghost,
.lx-is-btn--ghost,
.lx-lt-btn:not(.lx-lt-btn--primary):not(.lx-lt-btn--cta):not(.lx-lt-btn--deploy),
.lx-fa-btn--ghost,
.lx-gl__btn--ghost,
.lx-growth__btn--ghost {
	background: rgba(8, 12, 24, 0.65) !important;
	color: var(--lx-btn-primary-text) !important;
	-webkit-text-fill-color: var(--lx-btn-primary-text) !important;
	border: 1px solid var(--lx-btn-primary-border) !important;
	text-shadow: none !important;
	box-shadow: 0 0 12px rgba(34, 211, 238, 0.08) !important;
}

.lx-client-btn--secondary:hover,
.lx-client-btn--ghost:hover,
.lx-cm-btn--ghost:hover,
.lx-dash-btn--ghost:hover,
.lx-pg__btn--ghost:hover,
.lx-is-btn--ghost:hover,
.lx-gl__btn--ghost:hover {
	background: rgba(15, 23, 42, 0.9) !important;
	color: #f0f9ff !important;
	-webkit-text-fill-color: #f0f9ff !important;
	border-color: rgba(165, 243, 252, 0.55) !important;
}

/* 成功 / 绿色按钮 → 柔和 teal */
.lx-btn--success,
.lx-client-btn--success,
button.button-primary.button-hero,
.button-primary {
	/* 仅前台覆盖，后台尽量不动——但本文件只在前台 enqueue */
}

body:not(.wp-admin) .button-primary,
body:not(.wp-admin) .woocommerce a.button.alt,
body:not(.wp-admin) .woocommerce button.button.alt,
body:not(.wp-admin) .woocommerce input.button.alt,
body:not(.wp-admin) .wp-block-button__link.is-style-fill {
	background: var(--lx-btn-cta) !important;
	color: var(--lx-btn-text) !important;
	border-color: rgba(103, 232, 249, 0.28) !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

/* 荧光绿 / 亮绿 → teal */
body:not(.wp-admin) [class*="btn"][class*="success"],
body:not(.wp-admin) [class*="btn"][class*="green"],
body:not(.wp-admin) .lx-ok-btn,
body:not(.wp-admin) .is-success-btn {
	background: var(--lx-btn-ok) !important;
	color: #ecfdf5 !important;
	-webkit-text-fill-color: #ecfdf5 !important;
	border: 1px solid var(--lx-btn-ok-border) !important;
}

/* 赛博页上曾用的「亮青底深色字」改为暗底浅字（避免刺眼青块） */
body.lx-cyber-site .lx-client-btn--primary,
body.lx-cyber-site .lx-feedback-modal .lx-client-btn--primary,
body.lx-cyber-site .lx-fa .button-primary,
body.lx-cyber-site .lx-fa .lx-fa-btn--primary,
body.lx-cyber-site .lx-fa button[type="submit"],
body.lx-cyber-site .lx-sh-btn--primary,
body.lx-cyber-site .lx-sh .button-primary,
body.lx-cyber-auth .lx-client-btn--primary,
body.lx-cyber-auth #lx-wechat-login-btn,
body.lx-cyber-site .lx-tb__action:not(.lx-tb__action--ghost) {
	background: var(--lx-btn-cta) !important;
	color: var(--lx-btn-text) !important;
	-webkit-text-fill-color: var(--lx-btn-text) !important;
	border: 1px solid rgba(103, 232, 249, 0.3) !important;
	box-shadow: var(--lx-btn-cta-shadow) !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

body.lx-cyber-site .lx-tb__action--ghost {
	background: rgba(8, 12, 24, 0.55) !important;
	color: #bae6fd !important;
	-webkit-text-fill-color: #bae6fd !important;
	border: 1px solid rgba(103, 232, 249, 0.4) !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* 旧 pill 类保留兼容，但不再强制高亮（套餐已改普通样式） */
body:not(.wp-admin) .lx-nav-pill:not(.lx-nav-de) .wp-block-navigation-item__content,
body:not(.wp-admin) a.lx-nav-pill:not(.lx-nav-de__link) {
	/* 与普通导航一致，由 cyber-nav 控制 */
}

/* 禁用态仍可读 */
body:not(.wp-admin) button:disabled,
body:not(.wp-admin) .lx-client-btn:disabled,
body:not(.wp-admin) [class*="btn"]:disabled {
	opacity: 0.55 !important;
	filter: grayscale(0.25);
	cursor: not-allowed !important;
}

/* 确保按钮内文字不被父级渐变裁剪成透明 */
body:not(.wp-admin) [class*="btn"][class*="primary"],
body:not(.wp-admin) [class*="btn"][class*="cta"] {
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
}
