@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600&family=Space+Grotesk:wght@500;700&display=swap');

.lotsa-light-home {
	background: #ffffff;
	color: #0f172a;
}

.lotsa-light-home .jg-page {
	font-family: "Plus Jakarta Sans", sans-serif;
	background-color: #ffffff;
}

.jg-hero-banner {
	position: relative;
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.56) 55%, rgba(255, 255, 255, 0.68) 100%),
		url("../image/hero-bg-128x222.webp");
	background-size: cover, cover;
	background-position: center, top center;
	background-repeat: no-repeat, no-repeat;
}

.jg-bg-grid {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(to right, rgba(15, 23, 42, 0.06) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(15, 23, 42, 0.06) 1px, transparent 1px);
	background-size: 40px 40px;
	opacity: 0.55;
}

.jg-bg-glow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 56rem;
	pointer-events: none;
	background:
		radial-gradient(circle at 14% 15%, rgba(254, 190, 3, 0.18), transparent 36%),
		radial-gradient(circle at 85% 85%, rgba(255, 32, 128, 0.18), transparent 42%);
}

.deco-circle {
	display: none;
}

.deco-circle--one {
	top: 320px;
	left: -180px;
	width: 540px;
	height: 540px;
	opacity: 0.42;
}

.deco-circle--two {
	bottom: 220px;
	right: -220px;
	width: 640px;
	height: 640px;
	opacity: 0.35;
}

.jg-hero-kicker,
.jg-kicker {
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 0.72rem;
	color: #475569;
	font-weight: 500;
}

.jg-hero-title,
.jg-section-title,
.jg-card-title {
	font-family: "Space Grotesk", sans-serif;
}

.jg-hero-title {
	position: relative;
	line-height: 1.1;
	font-size: clamp(1.4rem, 3.5vw, 2.5rem);
	margin-top: 1rem;
	font-weight: 700;
	color: #020617;
	max-width: 32ch;
}

.jg-hero-ghost {
	display: block;
	font-size: clamp(2.8rem, 11vw, 9rem);
	opacity: 0.1;
	margin-top: 0.5rem;
}

.jg-hero-desc {
	max-width: 48rem;
	margin-top: 1.3rem;
	font-size: 1.05rem;
	line-height: 1.8;
	color: #1e293b;
}

.jg-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.82rem 1.6rem;
	font-weight: 600;
	font-size: 0.96rem;
	text-decoration: none;
	transition: all 0.45s ease;
}

.jg-cta--primary {
	background: #febe03;
	color: #0a1128;
	clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}

.jg-cta--primary:hover {
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 12px 100%);
	box-shadow: 0 20px 44px rgba(254, 190, 3, 0.35);
	transform: translateY(-1px);
}

.jg-cta--secondary {
	background: rgba(255, 255, 255, 0.72);
	color: #0f172a;
	border: 1px solid rgba(148, 163, 184, 0.42);
	clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}

.jg-cta--secondary:hover {
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
	border-color: rgba(254, 190, 3, 0.35);
}

.jg-glass-card {
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(30px) saturate(180%);
	-webkit-backdrop-filter: blur(30px) saturate(180%);
	border: 0;
	box-shadow: none;
	border-radius: 1.05rem;
	padding: 1.4rem;
	transition: transform 0.6s ease;
}

.jg-glass-card:hover {
	transform: none;
	box-shadow: none;
}

.jg-metric-label {
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #64748b;
}

.jg-metric-value {
	margin-top: 0.6rem;
	font-size: clamp(1.8rem, 4.5vw, 2.5rem);
	font-family: "Space Grotesk", sans-serif;
	color: #020617;
}

.jg-metric-note {
	margin-top: 0.6rem;
	color: #475569;
}

.jg-chip {
	display: inline-block;
	font-size: 0.7rem;
	padding: 0.24rem 0.5rem;
	border-radius: 999px;
	background: rgba(254, 190, 3, 0.1);
	color: #7a5f00;
	margin-bottom: 0.65rem;
}

.jg-card-title {
	font-size: clamp(1.02rem, 1.5vw, 1.2rem);
	margin-bottom: 0.6rem;
	color: #0f172a;
}

.jg-band {
	position: relative;
}

.jg-band--electric {
	margin-top: 0;
	background: transparent;
	/* 原模板用 px-0 导致标题与图贴边；用变量统一左右边，与 theme-style 全站 --lv-gutter-x 一致，且不依赖 Tailwind */
	padding-left: max(var(--lv-gutter-x, 1rem), env(safe-area-inset-left, 0px));
	padding-right: max(var(--lv-gutter-x, 1rem), env(safe-area-inset-right, 0px));
	box-sizing: border-box;
}

.jg-band--electric .jg-band__inner {
	box-sizing: border-box;
}

.jg-band--electric .jg-section-title {
	margin-bottom: 0;
}

.jg-band--electric .jg-split-card {
	background: transparent;
	padding: 0;
	border-radius: 0;
}

/* Mga Kategorya：默认栈；.jg-category-grid 为上图下文 + 小屏一列 / ≥1024 三列一行 */
.jg-category-stack {
	display: flex;
	flex-direction: column;
	gap: clamp(1.75rem, 3.5vw, 3rem);
}

.jg-category-stack.jg-category-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.75rem, 3.5vw, 2.75rem);
	align-items: stretch;
}

@media (min-width: 1024px) {
	.jg-category-stack.jg-category-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.25rem clamp(0.85rem, 2vw, 1.5rem);
	}
}

/* FAQ 区块：全站仅此处使用 jg-band--dark，淡黄底 + 深黄卡 */
.jg-band--dark {
	background: linear-gradient(180deg, #fffbeb 0%, #fef9c3 100%);
}

.jg-faq-section .jg-section-title {
	color: #0f172a;
	margin-bottom: 1rem;
}

.jg-faq-section .jg-glass-card {
	background: linear-gradient(160deg, #febe03 0%, #d4a000 100%);
	border: 1px solid rgba(120, 90, 0, 0.2);
	color: #0a1128;
	border-radius: 1rem;
	padding: 1.3rem;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.jg-faq-section .jg-card-title {
	color: #0a1128;
}

.jg-faq-section .jg-section-desc {
	color: #334155;
	margin-top: 0.7rem;
	line-height: 1.72;
}

.jg-value-section,
.jg-popular-section,
.jg-safe-section {
	background: transparent;
}

.jg-value-section .jg-section-title,
.jg-popular-section .jg-section-title,
.jg-safe-section .jg-section-title {
	margin-top: 0;
	margin-bottom: 1.1rem;
}

.jg-value-section .jg-glass-card,
.jg-popular-section .jg-glass-card,
.jg-safe-section .jg-glass-card {
	background: transparent;
	border-radius: 0;
	padding: 0;
}

.jg-popular-section .jg-section-desc,
.jg-safe-section .jg-section-desc,
.jg-value-section .jg-section-desc {
	line-height: 1.78;
}

.jg-extra-faq {
	margin-top: 4rem;
	padding-bottom: 2rem !important;
}

.jg-faq-item {
	border-bottom: 1px solid rgba(15, 23, 42, 0.1);
	padding-bottom: 0.8rem;
}

.jg-faq-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

#main-content.jg-page .jg-faq-trigger {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.6rem;
	padding: 0.35rem 2.15rem 0.35rem 0;
	text-align: left;
	font-family: "Space Grotesk", sans-serif;
	font-size: clamp(0.95rem, 1.8vw, 1.2rem);
	line-height: 1.35;
	color: #0f172a;
	background: transparent;
	border: 0;
	cursor: pointer;
	position: relative;
}

#main-content.jg-page .jg-faq-trigger > span:first-child {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}

#main-content.jg-page .jg-faq-trigger .faq-icon {
	position: absolute;
	right: 0;
	top: 0.2rem;
	flex: 0 0 auto;
	margin-left: 0;
	font-size: 1.45rem;
	line-height: 1;
	color: #febe03;
	transition: transform 0.35s ease;
}

#main-content.jg-page .jg-faq-trigger .faq-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	border-radius: 0.25rem;
	background: #ff0000;
	color: #ffffff;
	font-size: 1.1rem;
	line-height: 1;
}

.jg-faq-trigger[aria-expanded="true"] .faq-icon {
	transform: rotate(180deg);
}

.faq-panel--smooth {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.45s ease, opacity 0.35s ease;
}

.faq-panel--smooth.open {
	max-height: 16rem;
	opacity: 1;
}

.jg-faq-answer {
	padding-top: 0.45rem;
}

.jg-faq-answer .jg-section-desc {
	margin-top: 0.35rem;
}

.jg-section-title {
	margin-top: 0;
	font-size: clamp(1.35rem, 3.1vw, 2.1rem);
	line-height: 1.1;
	color: #020617;
}

.jg-section-desc {
	margin-top: 1rem;
	color: #334155;
	line-height: 1.8;
}

.jg-steps {
	display: grid;
	gap: 0.65rem;
	color: #1e293b;
}

.jg-glass-card img {
	width: 100%;
	aspect-ratio: 16 / 10;
	border-radius: 0.8rem;
	background: #f5f7fa;
	border: 0;
	object-fit: cover;
}

/* About：左文右图，图片列 40%；垂直居中；配图完整显示 */
.jg-about-stack {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.jg-about-figure {
	margin: 0;
}

.jg-about-figure.jg-glass-card {
	padding: 0;
	overflow: hidden;
}

.jg-about-figure .jg-about-figure__img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 0.8rem;
	aspect-ratio: auto;
	max-height: min(50vh, 420px);
	object-fit: contain;
	object-position: center;
	background: #f1f5f9;
}

@media (max-width: 767px) {
	/* 小屏：仍先图后文（顺序与 DOM 不同） */
	.jg-about-stack {
		display: flex;
		flex-direction: column;
	}

	.jg-about-figure {
		order: -1;
	}

	.jg-about-copy {
		order: 0;
	}
}

@media (min-width: 768px) {
	.jg-about-stack {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 40%);
		gap: 1.5rem 2rem;
		align-items: center;
	}

	.jg-about-figure,
	.jg-about-copy {
		order: unset;
	}

	.jg-about-figure .jg-about-figure__img {
		max-height: none;
		min-height: 0;
		aspect-ratio: auto;
		object-fit: contain;
	}
}

/* Mga Kategorya：单卡为「上图下文」，覆盖全局 .jg-split-card 左右分栏 */
.jg-band--electric .jg-category-grid .jg-split-card--category {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 1rem;
	min-width: 0;
	padding: 0;
}

.jg-band--electric .jg-category-grid .jg-split-card--category .jg-split-media {
	display: block;
	width: 100%;
	max-width: none;
}

.jg-band--electric .jg-category-grid .jg-split-card--category .jg-split-media img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	border-radius: 0.65rem;
	object-fit: contain;
	object-position: center top;
	background: rgba(0, 0, 0, 0.12);
}

.jg-band--electric .jg-category-grid .jg-split-content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

@media (min-width: 1024px) {
	/* 覆盖 .jg-split-card 在 lg 上的两列 grid + 大 padding */
	.jg-band--electric .jg-category-grid .jg-split-card--category {
		display: flex;
		flex-direction: column;
		grid-template-columns: none;
		gap: 1.1rem;
		padding: 0;
	}

	.jg-band--electric .jg-category-grid .jg-split-card--reverse .jg-split-media,
	.jg-band--electric .jg-category-grid .jg-split-card--reverse .jg-split-content {
		order: unset;
	}
}

.jg-value-split {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;
}

.jg-value-figure {
	margin: 0;
}

.jg-value-figure.jg-glass-card {
	padding: 0;
	overflow: visible;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.jg-value-figure .jg-value-hero {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: auto;
	max-height: none;
	object-fit: contain;
	object-position: center;
	border-radius: 0.8rem;
}

@media (min-width: 1024px) {
	/* 左文右图，图列 40%，垂直居中 */
	.jg-value-split {
		grid-template-columns: minmax(0, 1fr) minmax(0, 40%);
		gap: 1.75rem 2rem;
		align-items: center;
	}

	.jg-value-copy {
		grid-column: 1;
		grid-row: 1;
	}

	.jg-value-figure {
		grid-column: 2;
		grid-row: 1;
	}
}

.jg-about-split {
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
	.jg-about-split {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
		align-items: start;
	}
}

.jg-page > section {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

@media (max-width: 768px) {
	.jg-page > section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.jg-extra-faq {
		margin-top: 3rem;
	}

	#main-content.jg-page .jg-faq-trigger {
		display: flex;
		align-items: flex-start;
		gap: 0.55rem;
		padding: 0.55rem 2.15rem 0.55rem 0;
	}

	#main-content.jg-page .jg-faq-trigger > span:first-child {
		min-width: 0;
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	#main-content.jg-page .faq-panel--smooth.open {
		max-height: 28rem;
	}
}

/* ------------------------------------------------------------------
   Front page fallback typography/layout
   Keep legacy KJL/JG structure while styling plain HTML content blocks.
   ------------------------------------------------------------------ */
#main-content.jg-page .kjl-content-inner > section {
	padding-top: clamp(2rem, 4.5vw, 3.5rem);
}

#main-content.jg-page .kjl-content-inner > section > h2 {
	margin: 0 0 0.9rem;
	font-family: "Space Grotesk", sans-serif;
	font-size: clamp(1.3rem, 2.8vw, 2rem);
	line-height: 1.2;
	color: #020617;
}

#main-content.jg-page .kjl-content-inner h3 {
	margin: 1rem 0 0.65rem;
	font-family: "Space Grotesk", sans-serif;
	font-size: clamp(1.05rem, 1.9vw, 1.3rem);
	line-height: 1.3;
	color: #0f172a;
}

#main-content.jg-page .kjl-content-inner p,
#main-content.jg-page .kjl-content-inner li,
#main-content.jg-page .kjl-content-inner dd {
	color: #334155;
	line-height: 1.8;
}

#main-content.jg-page .kjl-content-inner ul,
#main-content.jg-page .kjl-content-inner ol,
#main-content.jg-page .kjl-content-inner dl {
	margin: 0.7rem 0 0;
	padding-left: 1.2rem;
}

#main-content.jg-page .kjl-content-inner dl {
	padding-left: 0;
}

#main-content.jg-page .kjl-content-inner dt {
	margin-top: 0.9rem;
	font-weight: 700;
	color: #0f172a;
}

#main-content.jg-page .kjl-content-inner dt:first-child {
	margin-top: 0;
}

#main-content.jg-page .kjl-content-inner dd {
	margin: 0.35rem 0 0;
}

#main-content.jg-page .kjl-content-inner .jg-glass-card {
	margin-top: 0.9rem;
}

#main-content.jg-page .kjl-content-inner .jg-glass-card:first-of-type {
	margin-top: 0.4rem;
}

.jg-split-card {
	display: grid;
	gap: 1.5rem;
	align-items: center;
	padding: 1.6rem;
}

.jg-split-content {
	display: flex;
	flex-direction: column;
}

.jg-split-content .jg-card-title {
	margin-top: 0.35rem;
	margin-bottom: 0.55rem;
}

.jg-split-content .jg-section-desc {
	margin-top: 0.55rem;
}

.jg-split-content .jg-cta {
	width: fit-content;
}

@media (max-width: 1024px) {
	.deco-circle--one,
	.deco-circle--two {
		display: none;
	}
}

@media (min-width: 1024px) {
	.jg-split-card {
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
		gap: 2.2rem;
		padding: 2rem;
	}

	.jg-split-card--reverse .jg-split-media {
		order: 2;
	}

	.jg-split-card--reverse .jg-split-content {
		order: 1;
	}
}

/* ------------------------------------------------------------------
   KJL landing (reference layout: black bar, terracotta page, neon green,
   full-width hero + right promo; home only — body.kjl-landing)
   ------------------------------------------------------------------ */

:root {
	--kjl-terra: #3d2a24;
	--kjl-terra2: #4a332c;
	--kjl-neon: #ff0000;
	--kjl-neon-dim: #ff0000;
	--kjl-ink: #0a0a0a;
	/* 外侧槽线背景；与内容框区分开 */
	--kjl-page-edge: #1a100d;
	--kjl-content-max: 80rem;
	/* 主栏正文左右内边距：与 .kjl-content-inner、页脚同宽对齐 */
	--kjl-content-pad-x: clamp(1rem, 3.2vw, 1.5rem);
	/* 主栏内区块上下间距（模块与模块之间 = 上下两节 padding 相加） */
	--kjl-section-pad-y: clamp(2.75rem, 6vw, 4.25rem);
	/* 高对比阅读色（避免灰字贴褐底发糊） */
	--kjl-text-body: #f8fafc;
	--kjl-text-body-soft: #eef2f7;
	--kjl-text-muted: #d8e0ec;
}

/* 全页外侧：只铺边距色；与参考站一样「外深内浅」主栏 */
body.kjl-landing.lotsa-light-home {
	background: var(--kjl-page-edge);
	color: #f1f5f9;
}

body.kjl-landing .jg-page.jg-page--kjl {
	background: transparent;
	color: #e8eef5;
}

/* 水平外边距，露出 --kjl-page-edge */
body.kjl-landing .kjl-page-wrap {
	width: 100%;
	max-width: 100%;
	margin-top: 16px;
	padding-left: max(0.75rem, env(safe-area-inset-left, 0px));
	padding-right: max(0.75rem, env(safe-area-inset-right, 0px));
	padding-bottom: clamp(1rem, 3vw, 1.75rem);
	box-sizing: border-box;
}

/* 主内容区：单栏 max-width；无额外描边/投影（用户要求平面一体） */
body.kjl-landing .kjl-content-frame {
	position: relative;
	width: 100%;
	max-width: min(var(--kjl-content-max), 100%);
	margin-left: auto;
	margin-right: auto;
	background: var(--kjl-terra2);
	border: 0;
	border-radius: 0 0 12px 12px;
	overflow: hidden;
	box-shadow: none;
}

/* 装饰网格/光晕关闭，避免发灰/脏边 */
body.kjl-landing .kjl-content-frame .jg-bg-grid,
body.kjl-landing .kjl-content-frame .jg-bg-glow {
	display: none;
}

body.kjl-landing .kjl-content-frame .deco-circle {
	display: none;
}

/* 正文：单一包裹层统一定左右内边距；顶栏横幅仍在 .kjl-content-inner 之外，可顶满主栏宽 */
body.kjl-landing .kjl-content-inner {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding-left: max(var(--kjl-content-pad-x), env(safe-area-inset-left, 0px));
	padding-right: max(var(--kjl-content-pad-x), env(safe-area-inset-right, 0px));
	padding-bottom: clamp(1rem, 2.5vw, 1.75rem);
	color: var(--kjl-text-body);
}

/* 统一所有主栏模块的上下留白（勿再在 HTML 里混用 py-12 / py-16 / pb-only，避免疏密不一） */
body.kjl-landing .kjl-content-inner > section {
	padding-top: var(--kjl-section-pad-y);
}

/* 标题与下方正文/栅格多留一点气口 */
body.kjl-landing .kjl-content-inner > section .mt-6 {
	margin-top: 2rem;
}

/* 主栏内两栏/价值区在窄屏时略增行距 */
body.kjl-landing .kjl-content-inner .jg-value-split {
	gap: clamp(1.75rem, 4vw, 2.5rem);
}

/* .jg-band--electric 在 theme 里自带左右 gutter；已由 .kjl-content-inner 包一层，故去掉 band 上多余水平 padding */
body.kjl-landing .kjl-content-inner .jg-band--electric {
	padding-left: 0;
	padding-right: 0;
}

body.kjl-landing .kjl-section--categories.jg-band--electric .jg-band__inner {
	padding-left: 0;
	padding-right: 0;
}

/* 首页若仍渲染在框外的 jg 背景，关闭避免脏边 */
body.kjl-landing .jg-bg-grid,
body.kjl-landing .jg-bg-glow {
	display: none;
}

/* --- Header: solid black + neon (homepage only: .kjl-top-header) */
body.kjl-landing .lv-site-header.kjl-top-header,
body.kjl-landing .kjl-top-header {
	background: var(--kjl-ink) !important;
	border: 0 !important;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.kjl-landing .kjl-top-header #lv-nav-desktop a,
body.kjl-landing .kjl-top-header .lv-menu-desktop a {
	color: #f8fafc !important;
}

body.kjl-landing .kjl-top-header #lv-nav-desktop a:hover,
body.kjl-landing .kjl-top-header #lv-nav-desktop a:focus-visible,
body.kjl-landing .kjl-top-header .lv-menu-desktop a:hover {
	color: var(--kjl-neon) !important;
}

body.kjl-landing .kjl-top-header #lv-nav-desktop .current-menu-item > a,
body.kjl-landing .kjl-top-header #lv-nav-desktop .current_page_item > a,
body.kjl-landing .kjl-top-header .current-menu-item > a {
	color: var(--kjl-neon) !important;
}

body.kjl-landing .kjl-top-header .custom-logo-link,
body.kjl-landing .kjl-top-header .custom-logo-link img {
	filter: none;
}

body.kjl-landing .kjl-text-logo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-weight: 800;
	letter-spacing: 0.02em;
}

body.kjl-landing .kjl-text-logo__king {
	color: #f59e0b;
}

body.kjl-landing .kjl-text-logo__jili {
	color: #f8fafc;
}

body.kjl-landing .kjl-header-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	min-height: 2.5rem;
	padding-left: 1.1rem;
	padding-right: 1.1rem;
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

body.kjl-landing .kjl-header-btn--login {
	background: var(--kjl-neon) !important;
	color: #0a0a0a !important;
	box-shadow: none;
}

body.kjl-landing .kjl-header-btn--login:hover,
body.kjl-landing .kjl-header-btn--login:focus-visible {
	box-shadow: none;
	transform: translateY(-1px);
	opacity: 0.95;
}

body.kjl-landing .kjl-header-btn--register {
	background: transparent !important;
	color: var(--kjl-neon) !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.kjl-landing .kjl-header-btn--register:hover,
body.kjl-landing .kjl-header-btn--register:focus-visible {
	background: rgba(57, 255, 20, 0.08) !important;
}

body.kjl-landing .kjl-top-header #nav-toggle {
	border: 0 !important;
	background: #141414 !important;
	color: #f8fafc !important;
	box-shadow: none !important;
}

body.kjl-landing .kjl-top-header #nav-toggle:hover {
	color: var(--kjl-neon) !important;
}

body.kjl-landing #mobile-nav {
	background: #0a0a0a !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.kjl-landing #mobile-nav a {
	color: #e2e8f0 !important;
}

/* ========================================================================
   KJL 移动端总控（<lg）：安全区、无横滚、主栏/内页/顶栏/菜单、与桌面同一套色变量
   ======================================================================== */
@media (max-width: 1023px) {
	/* 顶栏：不显示 Login / Register（与桌面导航断点一致） */
	body.kjl-landing .kjl-top-header a.kjl-header-btn {
		display: none !important;
	}

	/* 去掉两侧外槽黑条：body 与主栏褐色一致 + 取消 wrap 水平内缩进（仅保留刘海安全区） */
	body.kjl-landing.lotsa-light-home {
		background: var(--kjl-terra2) !important;
	}

	body.kjl-landing .kjl-page-wrap {
		padding-left: max(0px, env(safe-area-inset-left, 0px));
		padding-right: max(0px, env(safe-area-inset-right, 0px));
	}

	body.kjl-landing .kjl-content-frame {
		border-radius: 0;
	}

	/* 防止长词/表撑出横向滚动 */
	body.kjl-landing,
	body.kjl-landing .kjl-content-frame,
	body.kjl-landing #main-content {
		overflow-x: hidden;
	}

	/* 刘海屏：顶栏上缘与安全区对齐 */
	body.kjl-landing .lv-site-header.kjl-top-header {
		padding-top: max(0.5rem, env(safe-area-inset-top, 0px));
	}

	/* 模块上下留白略收紧，小屏一屏能多看内容 */
	body.kjl-landing {
		--kjl-section-pad-y: clamp(1.85rem, 5.5vw, 3.25rem);
	}

	/* 营销内页 #main-content.page：收掉 luxury 的过大上下 padding */
	body.kjl-landing #main-content.page {
		padding-top: clamp(1.25rem, 3.5vw, 2.25rem) !important;
		padding-bottom: clamp(1.5rem, 4vw, 2.75rem) !important;
	}

	/* 首屏主图：控制高度，避免占满一屏 */
	body.kjl-landing .kjl-hero-visual__img {
		height: min(38vh, 300px) !important;
	}

	/* 双 CTA：窄屏可满宽、易点 */
	body.kjl-landing .kjl-intro .flex.flex-wrap a.kjl-cta-solid {
		flex: 1 1 100%;
		min-width: 0;
		max-width: 22rem;
		margin-left: auto;
		margin-right: auto;
	}

	/* 分类/关于：拆卡左右内边略收（分类三列栅格已自带 padding:0） */
	body.kjl-landing .kjl-content-frame .jg-split-card {
		padding: 1.2rem 1.05rem;
	}

	body.kjl-landing .kjl-content-frame .jg-category-grid .jg-split-card {
		padding: 0 !important;
	}

	/* 移动菜单：加大可点区域、易读 */
	body.kjl-landing #mobile-nav a {
		min-height: 2.75rem;
		display: flex;
		align-items: center;
		padding-top: 0.65rem;
		padding-bottom: 0.65rem;
		border-radius: 0.25rem;
		-webkit-tap-highlight-color: rgba(255, 0, 0, 0.12);
	}

	/* 菜单项多时在面板内滚动，不撑破视口 */
	body.kjl-landing #mobile-nav:not(.hidden) {
		max-height: min(70vh, calc(100dvh - 3.5rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)));
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* 打开移动菜单时禁止背景滚动（不锁 touch-action，长菜单仍可滚动） */
	body.lv-mobile-nav-open {
		overflow: hidden;
		overscroll-behavior: none;
	}
}

/* 特窄屏：再收主栏左右留白、大标题易折行，避免长词撑破一屏 */
@media (max-width: 419.98px) {
	body.kjl-landing {
		--kjl-content-pad-x: clamp(0.7rem, 2.4vw, 1rem);
	}

	body.kjl-landing .kjl-title-neon,
	body.kjl-landing .kjl-h2 {
		font-size: clamp(0.95rem, 4.8vw, 1.4rem) !important;
		word-wrap: break-word;
		overflow-wrap: anywhere;
	}
}

/* --- Full-bleed hero + promo card（与主内容框同色，不另铺一层深底） */
body.kjl-landing .kjl-hero-visual-wrap {
	width: 100%;
	background: transparent;
}

body.kjl-landing .kjl-hero-visual {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	min-height: 200px;
}

body.kjl-landing .kjl-hero-visual__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center top;
}

body.kjl-landing .kjl-hero-promo {
	position: absolute;
	right: max(0.75rem, env(safe-area-inset-right, 0px));
	top: 50%;
	transform: translateY(-50%);
	width: min(100% - 1.5rem, 20rem);
	padding: 1rem 1.1rem;
	background: rgba(8, 6, 5, 0.88);
	border: 0;
	border-radius: 0.25rem;
	box-shadow: none;
}

body.kjl-landing .kjl-hero-promo__big {
	margin: 0;
	font-size: clamp(1.15rem, 2.4vw, 1.6rem);
	font-weight: 800;
	color: #ff0000;
	font-family: "Space Grotesk", sans-serif;
	line-height: 1.2;
}

body.kjl-landing .kjl-hero-promo__small {
	margin: 0.5rem 0 0;
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ffb3b3;
}

@media (max-width: 640px) {
	body.kjl-landing .kjl-hero-promo {
		position: static;
		transform: none;
		width: 100%;
		margin: 0;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}
}

/* --- Intro: neon green headings, white copy, twin solid CTAs */
body.kjl-landing .kjl-intro {
	background: transparent;
}

body.kjl-landing .kjl-title-neon {
	margin: 0;
	font-size: clamp(1.35rem, 2.7vw, 1.95rem);
	line-height: 1.2;
	color: var(--kjl-neon);
	text-shadow: 0 0 24px rgba(57, 255, 20, 0.28);
	font-family: "Space Grotesk", sans-serif;
}

body.kjl-landing .kjl-subtitle-neon {
	margin: 0;
	color: var(--kjl-neon-dim);
	font-family: "Space Grotesk", sans-serif;
	text-shadow: 0 0 18px rgba(57, 255, 20, 0.2);
}

body.kjl-landing .kjl-body {
	color: var(--kjl-text-body);
	line-height: 1.75;
	font-size: clamp(1rem, 1.15vw, 1.125rem);
	font-weight: 500;
}

body.kjl-landing .kjl-cta-solid {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 10.5rem;
	padding: 0.75rem 1.4rem;
	font-size: 0.95rem;
	font-weight: 800;
	color: #0a0a0a !important;
	background: var(--kjl-neon) !important;
	border-radius: 0.4rem;
	text-decoration: none;
	box-shadow: none;
	transition: transform 0.15s ease, opacity 0.15s ease;
	border: 0;
	clip-path: none;
}

body.kjl-landing .kjl-cta-solid:hover,
body.kjl-landing .kjl-cta-solid:focus-visible {
	transform: translateY(-1px);
	opacity: 0.95;
	box-shadow: none;
}

/* --- Metrics：与主背景一体，不单独做深色卡 */
body.kjl-landing .kjl-metric-card.jg-glass-card {
	background: transparent;
	border: 0;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	text-align: center;
}

body.kjl-landing .kjl-metric-card .jg-metric-value {
	color: var(--kjl-neon);
}

body.kjl-landing .kjl-metric-card .jg-metric-label {
	color: var(--kjl-text-muted);
	font-weight: 600;
	letter-spacing: 0.06em;
}

body.kjl-landing .kjl-metric-card .jg-metric-note {
	color: var(--kjl-text-body-soft);
	margin-top: 0.85rem;
	line-height: 1.55;
	font-size: clamp(0.9rem, 1.05vw, 0.98rem);
	font-weight: 500;
}

/* Section titles: centered, landing rhythm */
body.kjl-landing .kjl-h2.jg-section-title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 48rem;
	color: var(--kjl-neon);
	text-shadow: 0 0 20px rgba(57, 255, 20, 0.2);
}

body.kjl-landing .kjl-section--categories .jg-band__inner > .kjl-h2,
body.kjl-landing .jg-faq-section .kjl-h2,
body.kjl-landing .jg-value-section .kjl-h2,
body.kjl-landing .jg-popular-section .kjl-h2,
body.kjl-landing .jg-safe-section .kjl-h2 {
	margin-bottom: 0.5rem;
}

/* 主内容框内：模块不再叠深色/毛玻璃，与 terracotta 主底一致 */
body.kjl-landing .kjl-content-frame .jg-glass-card {
	background: transparent;
	border: 0;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	color: #e2e8f0;
}

/*
 * 与 .kjl-content-inner 左右边对齐：全站 .jg-glass-card 有默认 padding，
 * 而 .jg-value-section .jg-glass-card 等在 theme 里被设为 0，导致 FAQ 有内缩、Value 无内缩等不一致。
 * 在 inner 内统一去掉卡/分栏的额外水平内边距；三指标卡单独保留一点。
 */
body.kjl-landing .kjl-content-inner .jg-glass-card {
	padding: 0;
}

body.kjl-landing .kjl-content-inner .kjl-metric-card.jg-glass-card {
	padding: 1.1rem 1.15rem;
}

body.kjl-landing .kjl-content-inner .jg-split-card {
	padding: 0;
}

body.kjl-landing .jg-section-desc,
body.kjl-landing .jg-steps,
body.kjl-landing .jg-steps li {
	color: var(--kjl-text-body-soft);
	line-height: 1.75;
	font-size: clamp(0.98rem, 1.08vw, 1.05rem);
	font-weight: 500;
}

body.kjl-landing .kjl-content-inner .jg-faq-answer .jg-section-desc {
	color: var(--kjl-text-body-soft);
}

body.kjl-landing .kjl-content-inner .jg-card-title {
	color: #f8fafc;
	font-weight: 600;
}

body.kjl-landing .jg-chip {
	background: rgba(255, 0, 0, 0.12);
	color: #ff0000;
}

body.kjl-landing .jg-cta--secondary {
	background: rgba(15, 23, 42, 0.6);
	color: #f1f5f9;
	border: 1px solid rgba(148, 163, 184, 0.35);
	clip-path: none;
	border-radius: 0.35rem;
}

body.kjl-landing .jg-cta--secondary:hover {
	border-color: rgba(255, 0, 0, 0.5);
}

body.kjl-landing .jg-cta--primary {
	clip-path: none;
	border-radius: 0.35rem;
}

/* About：不另铺渐变，与主栏背景一致 */
body.kjl-landing .kjl-section--about {
	background: transparent;
}

body.kjl-landing .kjl-section--about .jg-about-figure__img {
	background: transparent;
}

/* Category band */
body.kjl-landing .kjl-section--categories.jg-band--electric {
	background: transparent;
}

body.kjl-landing .kjl-section--categories .jg-split-content .jg-section-desc {
	color: #cbd5e1;
}

/* FAQ：与主底同色，不叠深棕条/金边卡 */
body.kjl-landing .kjl-faq.jg-band--dark {
	background: transparent;
}

body.kjl-landing .kjl-faq .jg-glass-card {
	background: transparent;
	border: 0;
}

body.kjl-landing .kjl-faq .jg-faq-section .jg-card-title {
	color: #f8fafc;
}

body.kjl-landing .kjl-faq .jg-faq-section .jg-section-desc {
	color: var(--kjl-text-body-soft);
}

/* Value / popular */
body.kjl-landing .jg-value-section,
body.kjl-landing .jg-popular-section {
	background: transparent;
}

body.kjl-landing .jg-value-figure .jg-value-hero {
	background: transparent;
}

/* Accordion in dark */
body.kjl-landing .jg-safe-section .jg-faq-trigger {
	color: #f1f5f9;
	border-color: rgba(255, 255, 255, 0.1);
}

body.kjl-landing .jg-safe-section .jg-glass-card.jg-extra-faq {
	background: transparent;
}

body.kjl-landing .jg-safe-section {
	background: transparent;
}

/* 手风琴条目分隔线：在褐色底上可见、不另起一块底色 */
body.kjl-landing .kjl-content-frame .jg-faq-item {
	border-bottom-color: rgba(255, 255, 255, 0.12);
}

/* Images */
body.kjl-landing .kjl-content-frame .jg-glass-card img {
	background: transparent;
}

/* 页脚：与主栏同宽、无顶部分割重线、文字提亮；块与块之间留足上下间距 */
body.kjl-landing #colophon.kjl-footer,
body.kjl-landing #colophon {
	background: var(--kjl-ink) !important;
	border: 0 !important;
	box-shadow: none;
}

body.kjl-landing #colophon.kjl-footer {
	padding-top: clamp(2.5rem, 5vw, 3.5rem) !important;
	padding-bottom: max(clamp(2.5rem, 5vw, 3.75rem), env(safe-area-inset-bottom, 0px)) !important;
}

body.kjl-landing .kjl-footer-stack {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(1.35rem, 3.2vw, 2.1rem);
}

body.kjl-landing .kjl-footer-stack .kjl-footer-blurb {
	margin-bottom: 0;
}

body.kjl-landing .kjl-footer-stack .lv-footer-nav {
	margin-bottom: 0;
}

body.kjl-landing .kjl-footer-legal {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	line-height: 1.65;
}

body.kjl-landing .kjl-footer-outer.kjl-page-wrap {
	padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
}

body.kjl-landing .kjl-footer-align {
	width: 100%;
	max-width: min(var(--kjl-content-max), 100%);
	margin-left: auto;
	margin-right: auto;
	padding-left: max(var(--kjl-content-pad-x), env(safe-area-inset-left, 0px));
	padding-right: max(var(--kjl-content-pad-x), env(safe-area-inset-right, 0px));
	box-sizing: border-box;
}

/* 与主栏 .kjl-content-inner 可编辑宽度一致，不再比正文窄一截；子页 kjl 默认模板与 article 同 max-w-3xl 对齐 */
body.kjl-landing .kjl-footer-blurb {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

/* 子页 / 默认单页：正文 article 为 max-w-3xl 时，页脚说明段与之同宽居中 */
body.kjl-landing:has(#main-content.kjl-default-page) .kjl-footer-blurb {
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
}

body.kjl-landing #colophon,
body.kjl-landing #colophon .text-gray-300,
body.kjl-landing .lv-footer-nav,
body.kjl-landing .lv-footer-menu a,
body.kjl-landing #colophon a {
	color: #d1dae6 !important;
}

/* ------------------------------------------------------------------
   KJL 子页 / 文章列表 / 与首页同主栏；去掉多余外框装饰与内层白底、重阴影
   ------------------------------------------------------------------ */

body.kjl-landing .kjl-content-frame--sub {
	background: var(--kjl-terra2);
	border: 0;
	box-shadow: none;
}

body.kjl-landing .kjl-content-inner--subpage {
	min-width: 0;
}

/* 子页主栏内边距与首页 inner 一致；区块自身不再重复大 px */
body.kjl-landing .kjl-content-inner--subpage .kjl-default-page article {
	max-width: min(48rem, 100%);
}

body.kjl-landing .kjl-default-page .prose,
body.kjl-landing .kjl-default-page .prose p {
	color: var(--kjl-text-body-soft);
}

body.kjl-landing .kjl-default-page .prose a {
	color: #ff0000;
}

/* 营销内页 #main-content.page.lv-inner-page */
/* body.kjl-landing #main-content.page.lv-inner-page {
	padding-left: max(var(--kjl-content-pad-x, 1rem), env(safe-area-inset-left, 0px));
	padding-right: max(var(--kjl-content-pad-x, 1rem), env(safe-area-inset-right, 0px));
} */

body.kjl-landing #main-content.page.lv-inner-page section,
body.kjl-landing #main-content.page.lv-inner-page section:hover {
	box-shadow: none !important;
	transform: none !important;
}

body.kjl-landing #main-content.page.lv-inner-page .hero {
	border: 0;
	box-shadow: none;
	background: transparent;
	padding-top: clamp(1rem, 2vw, 1.35rem) !important;
	padding-bottom: clamp(0.9rem, 1.8vw, 1.2rem) !important;
}

body.kjl-landing #main-content.page.lv-inner-page .hero::after {
	display: none;
}

body.kjl-landing #main-content.page.lv-inner-page .hero h1 {
	color: var(--kjl-neon) !important;
}

body.kjl-landing #main-content.page.lv-inner-page .hero p {
	color: var(--kjl-text-body);
}

body.kjl-landing #main-content.page.lv-inner-page .lv-sec > h2 {
	color: var(--kjl-neon);
	border: 0;
	padding-bottom: 0.35rem;
}

body.kjl-landing #main-content.page.lv-inner-page .lv-sec--cards > article,
body.kjl-landing #main-content.page.lv-inner-page .lv-sec--score > article,
body.kjl-landing #main-content.page.lv-inner-page .lv-sec--quotes blockquote {
	background: transparent !important;
	box-shadow: none !important;
}

body.kjl-landing #main-content.page.lv-inner-page .lv-sec--cards > article,
body.kjl-landing #main-content.page.lv-inner-page .lv-sec--score > article {
	border: 0 !important;
}

body.kjl-landing #main-content.page.lv-inner-page .lv-sec--prose p,
body.kjl-landing #main-content.page.lv-inner-page .lv-sec--list li,
body.kjl-landing #main-content.page.lv-inner-page .lv-sec--media .page-media-item,
body.kjl-landing #main-content.page.lv-inner-page .lv-sec--cards > article p,
body.kjl-landing #main-content.page.lv-inner-page .lv-sec--cards > article h3 {
	color: var(--kjl-text-body-soft);
}

/* 博客列表 / 单篇：与褐底统一，去浅灰大底块 */
body.kjl-landing .lv-blog-hero,
body.kjl-landing .lv-single-hero,
body.kjl-landing .lv-blog-list-wrap .border-b,
body.kjl-landing .lv-blog-list-wrap + section {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

body.kjl-landing #main-content [class*="bg-slate-50"] {
	background: transparent !important;
}

body.kjl-landing .lv-blog-hero h1,
body.kjl-landing .lv-single-hero h1,
body.kjl-landing .lv-single-hero .text-slate-900,
body.kjl-landing .lv-blog-hero h1 {
	color: #f8fafc !important;
}

body.kjl-landing .lv-breadcrumb a,
body.kjl-landing .lv-single-breadcrumb a {
	color: #ff0000 !important;
}

body.kjl-landing .lv-blog-hero .text-slate-600,
body.kjl-landing .lv-blog-hero .text-slate-500,
body.kjl-landing .lv-single-hero .text-slate-500,
body.kjl-landing .lv-single-hero__inner .text-slate-600 {
	color: #cbd5e1 !important;
}

/* 上一条/下一条：无框无阴影 */
body.kjl-landing .post-navigation-wrapper a,
body.kjl-landing .lv-blog-sidebar-wrap__main a.rounded-xl.border {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--kjl-text-body-soft) !important;
}

/* blogshare-luxury-layout：内页 section / hero 为白玻璃底 — KJL 须整页压平，与首页同褐底、同字色 */
body.kjl-landing #main-content.page {
	color: var(--kjl-text-body-soft) !important;
}

body.kjl-landing #main-content.page::before,
body.kjl-landing #main-content.page::after {
	display: none !important;
}

body.kjl-landing #main-content.page section,
body.kjl-landing #main-content.page section:hover {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	/* 与主栏同宽、不再做 luxury 的居中窄卡 */
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.kjl-landing #main-content.page .hero {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* 与首页一致：大标题霓虹、正文/列表浅白 */
body.kjl-landing #main-content.page h1,
body.kjl-landing #main-content.page h2 {
	color: var(--kjl-neon) !important;
}

body.kjl-landing #main-content.page h3,
body.kjl-landing #main-content.page h4,
body.kjl-landing #main-content.page h5,
body.kjl-landing #main-content.page h6 {
	color: var(--kjl-text-body) !important;
}

body.kjl-landing #main-content.page p,
body.kjl-landing #main-content.page li,
body.kjl-landing #main-content.page blockquote,
body.kjl-landing #main-content.page .kicker,
body.kjl-landing #main-content.page cite {
	color: var(--kjl-text-body-soft) !important;
}

body.kjl-landing #main-content.page .page-media-item {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.kjl-landing #main-content.page blockquote {
	background: transparent !important;
	border: 0 !important;
	border-left: 3px solid rgba(92, 255, 61, 0.45) !important;
	border-radius: 0 !important;
	padding-left: 1rem !important;
}

/* ========== KJL 全站：博客/单篇/归档 + 覆盖 Tailwind slate 与浅分割 ========== */
body.kjl-landing #main-content {
	color: var(--kjl-text-body-soft);
}

body.kjl-landing #main-content .text-slate-900,
body.kjl-landing #main-content h1.text-slate-900,
body.kjl-landing #main-content .lv-post-row h2,
body.kjl-landing #main-content .lv-post-row h2 a {
	color: #f8fafc !important;
}

body.kjl-landing #main-content .text-slate-700,
body.kjl-landing #main-content .text-slate-600,
body.kjl-landing #main-content .entry-content,
body.kjl-landing #main-content .lv-single-prose,
body.kjl-landing #main-content .lv-single-prose p {
	color: #eef2f7 !important;
}

body.kjl-landing #main-content .text-slate-500,
body.kjl-landing #main-content .text-slate-300,
body.kjl-landing #main-content time {
	color: var(--kjl-text-muted) !important;
}

body.kjl-landing #main-content [class*="border-slate-200"] {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

body.kjl-landing #main-content .lv-single-prose a:hover,
body.kjl-landing #main-content .lv-single-prose [class*="hover:text-slate"] {
	color: #ff0000 !important;
}

body.kjl-landing .lv-post-row {
	border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.kjl-landing .lv-blog-hero {
	background: transparent !important;
}

body.kjl-landing .lv-pagination-shell {
	border-color: rgba(255, 255, 255, 0.12) !important;
}

body.kjl-landing .page-numbers,
body.kjl-landing .page-numbers a {
	color: var(--kjl-text-body-soft) !important;
}

/* 文章卡片 / 无结果块 / 作者侧栏：去白底与粗边框，保留易读字色 */
body.kjl-landing #main-content article.post,
body.kjl-landing #main-content article.type-post {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.kjl-landing #main-content article.post:hover,
body.kjl-landing #main-content article.type-post:hover {
	box-shadow: none !important;
	border-color: transparent !important;
}

body.kjl-landing #main-content [class*="rounded-2xl"][class*="bg-white"] {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.kjl-landing #main-content [aria-labelledby="lv-author-card-title"] {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.kjl-landing #main-content [aria-labelledby="lv-author-card-title"] a,
body.kjl-landing #main-content [aria-labelledby="lv-author-card-title"] p,
body.kjl-landing #main-content [aria-labelledby="lv-author-card-title"] h2 {
	color: #eef2f7 !important;
}

body.kjl-landing #main-content .entry-content a[href*="/tag/"] {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #e2e8f0 !important;
}

body.kjl-landing .post-navigation-wrapper {
	border-top: 0 !important;
}

body.kjl-landing .post-navigation-wrapper a:hover,
body.kjl-landing .post-navigation-wrapper a:focus-visible {
	background: rgba(255, 255, 255, 0.06) !important;
}

/* 列表图、侧栏、单篇区：与褐底融为一体的分割与无框图床 */
body.kjl-landing #main-content [class*="border-slate-100"] {
	border-color: rgba(255, 255, 255, 0.08) !important;
}

body.kjl-landing .lv-post-row__media {
	border: 0 !important;
	box-shadow: none !important;
	background: rgba(255, 255, 255, 0.05) !important;
}

body.kjl-landing .lv-author-card-avatar,
body.kjl-landing .lv-author-hero-avatar {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

body.kjl-landing .lv-sidebar-hot__thumb {
	border: 0 !important;
	box-shadow: none !important;
	background: rgba(255, 255, 255, 0.05) !important;
}

body.kjl-landing #main-content .lv-single-hero + section,
body.kjl-landing #main-content .lv-blog-hero + section {
	background: transparent !important;
}

/* Global override support: homepage uses page bg + centered content frame */
#main-content.jg-page {
	background: transparent !important;
}

#main-content.jg-page .kjl-page-wrap {
	padding-left: max(var(--lv-gutter-x, 1rem), env(safe-area-inset-left, 0px));
	padding-right: max(var(--lv-gutter-x, 1rem), env(safe-area-inset-right, 0px));
	box-sizing: border-box;
}

#main-content.jg-page .kjl-content-frame {
	background: #191717 !important;
	max-width: var(--lv-content-max, 80rem);
	margin-left: auto;
	margin-right: auto;
}

#main-content.jg-page .kjl-hero-visual__img {
	display: block;
	width: 100%;
	height: auto !important;
	object-fit: cover;
}

#main-content.jg-page .kjl-content-inner,
#main-content.jg-page .jg-band,
#main-content.jg-page .jg-band--dark,
#main-content.jg-page .jg-band--electric,
#main-content.jg-page .jg-glass-card {
	background: transparent !important;
}

#main-content.jg-page h1,
#main-content.jg-page h2,
#main-content.jg-page h3,
#main-content.jg-page h4,
#main-content.jg-page h5,
#main-content.jg-page h6 {
	color: #fff4ee !important;
}

#main-content.jg-page h2 {
	color: #ff0000 !important;
}

#main-content.jg-page h1 {
	color: #ff0000 !important;
}

#main-content.jg-page .providers-image-block {
	margin: 1rem auto 1.25rem;
	width: 100%;
	max-width: 100%;
	text-align: center;
}

#main-content.jg-page .providers-image-block img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#main-content.jg-page p,
#main-content.jg-page li,
#main-content.jg-page dd,
#main-content.jg-page dt,
#main-content.jg-page a,
#main-content.jg-page span {
	color: #f3ece8 !important;
}

#main-content.jg-page .mobile-feature-split {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
	align-items: center;
}

#main-content.jg-page .mobile-feature-image {
	margin: 0;
	text-align: center;
}

#main-content.jg-page .mobile-feature-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#main-content.jg-page .mobile-feature-copy h2 {
	margin: 0 0 0.9rem;
	font-family: "Space Grotesk", sans-serif;
	font-size: clamp(1.3rem, 2.8vw, 2rem);
	line-height: 1.2;
}

@media (min-width: 1024px) {
	#main-content.jg-page .mobile-feature-split {
		grid-template-columns: 1fr 50%;
		gap: 2rem;
	}
}

/* Closing section: designed card look */
#main-content.jg-page section[aria-labelledby="mod-close-title"] {
	position: relative;
	margin-top: clamp(1.5rem, 3vw, 2.5rem);
	padding: clamp(1.2rem, 2.8vw, 2rem);
	border-radius: 14px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)),
		#191717;
	border: 1px solid rgba(255, 0, 0, 0.42);
	box-shadow:
		0 0 0 1px rgba(255, 0, 0, 0.08) inset,
		0 14px 34px rgba(0, 0, 0, 0.35);
	overflow: hidden;
}

#main-content.jg-page section[aria-labelledby="mod-close-title"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, rgba(255, 0, 0, 0.2), #ff0000, rgba(255, 0, 0, 0.2));
}

#main-content.jg-page #mod-close-title {
	margin-bottom: 1rem;
	letter-spacing: 0.01em;
	text-shadow: 0 0 16px rgba(255, 0, 0, 0.18);
}

#main-content.jg-page section[aria-labelledby="mod-close-title"] p {
	margin-top: 0.7rem;
}

#main-content.jg-page section[aria-labelledby="mod-close-title"] p:last-child {
	padding-top: 0.7rem;
	border-top: 1px dashed rgba(255, 255, 255, 0.12);
}