/**
 * JILI PREDICTOR 落地页 (.fp-index-main--rj)：主背景 #2babce，配套高对比度文字与顶栏/页脚。
 * 1) 抵消 theme-style / site-reading-unify 对 #main-content 的全局颜色 !important；
 * 2) body / 顶栏 / 内容框 / 页脚与主色统一。
 *
 * 依赖链：必须在 blogshare-site-reading-unify、blogshare-front-page-index（及已注册时的 blogshare-front-page）之后加载。
 *
 * @package blogshare
 */

:root {
	--jp-bg: #2babce;
	--jp-bg-alt: #52c9e0;
	--jp-bg-deep: #2498b2;
	--jp-ink: #04232b;
	--jp-ink-muted: #0d4a58;
	--jp-ink-soft: #145968;
	--jp-heading: #021820;
	--jp-footer-fg: #f2fdff;
	--jp-footer-muted: rgba(242, 253, 255, 0.88);
	--jp-on-dark: #f5feff;
	--jp-link: #003d4a;
	--jp-link-hover: #002832;
	--jp-card: rgba(255, 255, 255, 0.94);
}

#main-content.fp-index-main.fp-index-main--rj {
	color: var(--jp-ink-muted) !important;
}

#main-content.fp-index-main.fp-index-main--rj h1,
#main-content.fp-index-main.fp-index-main--rj h2,
#main-content.fp-index-main.fp-index-main--rj h3,
#main-content.fp-index-main.fp-index-main--rj h4,
#main-content.fp-index-main.fp-index-main--rj h5,
#main-content.fp-index-main.fp-index-main--rj h6 {
	color: inherit !important;
}

#main-content.fp-index-main.fp-index-main--rj p,
#main-content.fp-index-main.fp-index-main--rj li,
#main-content.fp-index-main.fp-index-main--rj dd,
#main-content.fp-index-main.fp-index-main--rj dt {
	color: inherit !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-white,
#main-content.fp-index-main.fp-index-main--rj h1.text-white,
#main-content.fp-index-main.fp-index-main--rj h2.text-white,
#main-content.fp-index-main.fp-index-main--rj h3.text-white,
#main-content.fp-index-main.fp-index-main--rj time.text-white,
#main-content.fp-index-main.fp-index-main--rj strong.text-white {
	color: var(--jp-heading) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-teal-200 {
	color: var(--jp-link-hover) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-300 {
	color: var(--jp-link) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-400 {
	color: var(--jp-link) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-500 {
	color: var(--jp-link-hover) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-300\/90 {
	color: rgba(0, 61, 74, 0.92) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-slate-200\/90 {
	color: rgba(13, 74, 88, 0.92) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-slate-200 {
	color: var(--jp-ink-muted) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-300 {
	color: var(--jp-ink-soft) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-400 {
	color: var(--jp-ink-soft) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-500 {
	color: var(--jp-ink-soft) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-600 {
	color: var(--jp-ink-soft) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-900 {
	color: var(--jp-heading) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-amber-400 {
	color: #9a4b03 !important;
}

#main-content.fp-index-main.fp-index-main--rj a.text-teal-400 {
	color: var(--jp-link) !important;
}
#main-content.fp-index-main.fp-index-main--rj a.text-teal-500 {
	color: var(--jp-link-hover) !important;
}

#main-content.fp-index-main.fp-index-main--rj a.text-teal-400:hover,
#main-content.fp-index-main.fp-index-main--rj a.hover\:text-teal-300:hover {
	color: #001f26 !important;
}
#main-content.fp-index-main.fp-index-main--rj a.text-teal-500:hover,
#main-content.fp-index-main.fp-index-main--rj a.hover\:text-teal-400:hover {
	color: var(--jp-link) !important;
}

#main-content.fp-index-main.fp-index-main--rj a.bg-brand,
#main-content.fp-index-main.fp-index-main--rj .inline-flex.rounded-full.bg-brand,
#main-content.fp-index-main.fp-index-main--rj button.bg-brand,
#main-content.fp-index-main.fp-index-main--rj .bg-brand.text-white {
	color: #ffffff !important;
}
#main-content.fp-index-main.fp-index-main--rj a.bg-brand:hover,
#main-content.fp-index-main.fp-index-main--rj .hover\:bg-brand-dark:hover {
	color: #ffffff !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj h1,
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj h2,
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj h3 {
	color: inherit !important;
}

/**
 * JILI PREDICTOR 青色系壳：整页主色 #2babce，配合可读前景色。
 * 仅当存在 main.fp-index-main--rj 时生效，避免影响其它 fp-index 浅色页。
 */
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) {
	--theme-page-bg: #2babce;
	--theme-content-bg: #2babce;
	--lv-read-surface: #2babce;
	--kjl-page-edge: #2babce;
	background: #2babce !important;
	background-image: none !important;
	color: var(--jp-ink-muted) !important;
}

html:has(main#main-content.fp-index-main.fp-index-main--rj),
html:has(main#main-content.kjl-blog-main) {
	background-color: #2babce !important;
}

@media (max-width: 1023px) {
	body.kjl-landing.lotsa-light-home:has(main#main-content.fp-index-main.fp-index-main--rj) {
		background: #2babce !important;
		background-image: none !important;
	}
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-content-frame,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-content-frame--sub {
	background-color: #2babce !important;
	background-image: none !important;
	box-shadow: none !important;
	border-color: rgba(4, 35, 43, 0.2) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-content-inner::before {
	opacity: 0.12;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) header.lv-site-header.kjl-top-header,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-site-header.kjl-top-header {
	background: rgba(43, 171, 206, 0.94) !important;
	border-bottom-color: rgba(4, 35, 43, 0.15) !important;
	box-shadow: none !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header .lv-menu-desktop a {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop a:hover,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop a:focus-visible,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header .lv-menu-desktop a:hover {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop .current-menu-item > a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop .current_page_item > a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header .current-menu-item > a {
	color: var(--jp-link-hover) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-text-logo__king {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-text-logo__jili {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-brand-domain {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-brand-lockup__name {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-brand-lockup__domain {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #nav-toggle {
	border-color: rgba(4, 35, 43, 0.25) !important;
	background: rgba(255, 255, 255, 0.35) !important;
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #nav-toggle:hover {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #mobile-nav {
	background: var(--jp-bg-deep) !important;
	border-top-color: rgba(255, 255, 255, 0.25) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #mobile-nav a {
	color: var(--jp-on-dark) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon.kjl-footer,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon {
	background: var(--jp-bg-deep) !important;
	background-image: none !important;
	border-top-color: rgba(255, 255, 255, 0.28) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-bottom .lv-footer-nav {
	background: rgba(4, 35, 43, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.22) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .text-gray-300,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-footer-nav,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-footer-menu a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon a {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-bottom .lv-footer-menu a:hover,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-bottom .lv-footer-menu a:focus-visible {
	background: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
	color: var(--jp-footer-fg) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-legal__copy {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-brand__link,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__name {
	color: var(--jp-footer-fg) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__host {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:hover,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:focus-visible {
	color: #ffffff !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:hover .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:focus-visible .kjl-footer-brand__host {
	color: var(--jp-footer-fg) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-blurb,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-blurb p {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-legal__disclaimer {
	color: var(--jp-footer-muted) !important;
	opacity: 1 !important;
}

/*
 * Reviews / lv-inner-page：压住 inner-pages.css 内 body.kjl-landing #main-content.lv-inner-page 的浅灰字与透明卡片。
 */
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page p,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page li,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--prose p {
	color: var(--jp-ink-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec > h2 {
	color: var(--jp-heading) !important;
	border-bottom-color: rgba(4, 35, 43, 0.2) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .hero {
	background: var(--jp-card) !important;
	border-color: rgba(4, 35, 43, 0.12) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .hero h1 {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .hero p {
	color: var(--jp-ink-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--quotes blockquote {
	border-left-color: rgba(0, 61, 74, 0.55) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--quotes blockquote p {
	color: var(--jp-ink-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--quotes cite {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--media .page-media-item {
	border: 1px solid rgba(4, 35, 43, 0.15) !important;
	background: rgba(255, 255, 255, 0.45) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page section:hover {
	box-shadow: 0 20px 48px rgba(4, 35, 43, 0.12) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--score > article.lv-score-card {
	background: var(--jp-card) !important;
	border: 1px solid rgba(4, 35, 43, 0.12) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--score > article.lv-score-card > p {
	color: var(--jp-ink-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-score-card__title {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-score-card__value {
	color: var(--jp-link) !important;
}

/** 默认 WP page.php（.kjl-default-page）：压住 site-reading-unify 对 .prose 的浅色变量 / !important。 */
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose,
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose {
	color: var(--jp-ink-muted) !important;
	--tw-prose-body: var(--jp-ink-muted) !important;
	--tw-prose-headings: var(--jp-heading) !important;
	--tw-prose-bold: var(--jp-heading) !important;
	--tw-prose-bullets: var(--jp-ink-soft) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose > :where(p, li):not(.wp-block-quote),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose > :where(p, li):not(.wp-block-quote),
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(li)::marker,
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(li)::marker {
	color: var(--jp-ink-muted) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h2, h3, h4, h5, h6),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h2, h3, h4, h5, h6) {
	color: var(--jp-heading) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h1),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h1) {
	color: var(--jp-heading) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(strong),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(strong) {
	color: var(--jp-heading) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a) {
	color: var(--jp-link) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a):hover,
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a):hover {
	color: var(--jp-link-hover) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(table),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(table) {
	color: var(--jp-ink-muted) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(th),
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(td),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(th),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(td) {
	color: var(--jp-ink-muted) !important;
	border-color: rgba(4, 35, 43, 0.2) !important;
}

/* 区段底条、卡片描边、深色渐变 CTA（登录块等） */
#main-content.fp-index-main.fp-index-main--rj .bg-slate-950 {
	background-color: var(--jp-bg) !important;
}

#main-content.fp-index-main.fp-index-main--rj .border-slate-800 {
	border-color: rgba(4, 35, 43, 0.18) !important;
}

#main-content.fp-index-main.fp-index-main--rj .border-slate-700 {
	border-color: rgba(4, 35, 43, 0.14) !important;
}

#main-content.fp-index-main.fp-index-main--rj .ring-slate-700,
#main-content.fp-index-main.fp-index-main--rj .ring-slate-700\/80 {
	--tw-ring-color: rgba(4, 35, 43, 0.2) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login {
	background: linear-gradient(to bottom, var(--jp-bg-alt), #156d82) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login .text-white,
#main-content.fp-index-main.fp-index-main--rj section#login h1.text-white,
#main-content.fp-index-main.fp-index-main--rj section#login h2.text-white,
#main-content.fp-index-main.fp-index-main--rj section#login h3.text-white {
	color: var(--jp-on-dark) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login p,
#main-content.fp-index-main.fp-index-main--rj section#login .font-semibold.text-white {
	color: rgba(245, 254, 255, 0.92) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login .text-slate-200\/90,
#main-content.fp-index-main.fp-index-main--rj section#login .text-teal-200 {
	color: rgba(220, 250, 255, 0.95) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login a.border-white {
	color: var(--jp-on-dark) !important;
	border-color: rgba(255, 255, 255, 0.55) !important;
}

#main-content.fp-index-main.fp-index-main--rj .bg-surface-card .text-teal-300 {
	color: var(--jp-link) !important;
}

/* JILI PREDICTOR：移动抽屉内链接触控高亮（压住 mobile-tune 中金色调） */
@media (max-width: 1023px) {
	body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #mobile-nav.lv-mobile-nav:not(.hidden) a[href],
	body.kjl-landing:has(main#main-content.kjl-blog-main) #mobile-nav.lv-mobile-nav:not(.hidden) a[href] {
		-webkit-tap-highlight-color: rgba(45, 212, 191, 0.15);
	}
}

/**
 * Blog / single / archive / author：与营销页统一的青色系壳（main.kjl-blog-main）。
 */
body.kjl-landing:has(main#main-content.kjl-blog-main) {
	--theme-page-bg: #2babce;
	--theme-content-bg: #2babce;
	--lv-read-surface: #2babce;
	--kjl-page-edge: #2babce;
	background: #2babce !important;
	background-image: none !important;
	color: var(--jp-ink-muted) !important;
}

@media (max-width: 1023px) {
	body.kjl-landing.lotsa-light-home:has(main#main-content.kjl-blog-main) {
		background: #2babce !important;
		background-image: none !important;
	}
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-content-frame,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-content-frame--sub {
	background-color: #2babce !important;
	background-image: none !important;
	box-shadow: none !important;
	border-color: rgba(4, 35, 43, 0.2) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-content-inner::before {
	opacity: 0.12;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) header.lv-site-header.kjl-top-header,
body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-site-header.kjl-top-header {
	background: rgba(43, 171, 206, 0.94) !important;
	border-bottom-color: rgba(4, 35, 43, 0.15) !important;
	box-shadow: none !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop a,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header .lv-menu-desktop a {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop a:hover,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop a:focus-visible,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header .lv-menu-desktop a:hover {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop .current-menu-item > a,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop .current_page_item > a,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header .current-menu-item > a {
	color: var(--jp-link-hover) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-text-logo__king {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-text-logo__jili {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-brand-domain {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-brand-lockup__name {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-brand-lockup__domain {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #nav-toggle {
	border-color: rgba(4, 35, 43, 0.25) !important;
	background: rgba(255, 255, 255, 0.35) !important;
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #nav-toggle:hover {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #mobile-nav {
	background: var(--jp-bg-deep) !important;
	border-top-color: rgba(255, 255, 255, 0.25) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #mobile-nav a {
	color: var(--jp-on-dark) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon.kjl-footer,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon {
	background: var(--jp-bg-deep) !important;
	background-image: none !important;
	border-top-color: rgba(255, 255, 255, 0.28) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-bottom .lv-footer-nav {
	background: rgba(4, 35, 43, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.22) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .text-gray-300,
body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-footer-nav,
body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-footer-menu a,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon a {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-bottom .lv-footer-menu a:hover,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-bottom .lv-footer-menu a:focus-visible {
	background: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
	color: var(--jp-footer-fg) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-legal__copy {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-brand__link,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__name {
	color: var(--jp-footer-fg) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__host {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__link:hover,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__link:focus-visible {
	color: #ffffff !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__link:hover .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__link:focus-visible .kjl-footer-brand__host {
	color: var(--jp-footer-fg) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-blurb,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-blurb p {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-legal__disclaimer {
	color: var(--jp-footer-muted) !important;
	opacity: 1 !important;
}

/* Blog main：分段背景与正文对比 */
#main-content.kjl-blog-main {
	background: var(--jp-bg) !important;
	color: var(--jp-ink-muted) !important;
}

#main-content.kjl-blog-main .lv-blog-hero,
#main-content.kjl-blog-main .lv-single-hero {
	background: var(--jp-bg-alt) !important;
	border-color: rgba(4, 35, 43, 0.12) !important;
}

#main-content.kjl-blog-main .lv-breadcrumb a,
#main-content.kjl-blog-main .lv-single-breadcrumb a {
	color: var(--jp-link) !important;
}

#main-content.kjl-blog-main .lv-breadcrumb a:hover,
#main-content.kjl-blog-main .lv-single-breadcrumb a:hover {
	color: var(--jp-link-hover) !important;
}

#main-content.kjl-blog-main .text-slate-900,
#main-content.kjl-blog-main .lv-author-hero__text h1 {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main .text-slate-800,
#main-content.kjl-blog-main .text-slate-700,
#main-content.kjl-blog-main .text-slate-600,
#main-content.kjl-blog-main .text-slate-500,
#main-content.kjl-blog-main .lv-author-bio,
#main-content.kjl-blog-main .lv-author-hero__text p {
	color: var(--jp-ink-soft) !important;
}

#main-content.kjl-blog-main .border-slate-200,
#main-content.kjl-blog-main .border-slate-200\/80,
#main-content.kjl-blog-main .border-slate-200\/60 {
	border-color: rgba(4, 35, 43, 0.14) !important;
}

#main-content.kjl-blog-main section[class*="bg-slate-50"] {
	background: var(--jp-bg) !important;
}

#main-content.kjl-blog-main .text-luxury-gold {
	color: var(--jp-link) !important;
}

#main-content.kjl-blog-main a.text-luxury-gold:hover,
#main-content.kjl-blog-main a:hover.text-luxury-gold {
	color: var(--jp-link-hover) !important;
}

#main-content.kjl-blog-main .bg-white,
#main-content.kjl-blog-main .post-navigation-wrapper a {
	background: var(--jp-card) !important;
	border-color: rgba(4, 35, 43, 0.12) !important;
}

#main-content.kjl-blog-main .post-navigation-wrapper a .text-slate-900 {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main .lv-single-prose,
#main-content.kjl-blog-main .entry-content {
	color: var(--jp-ink-muted) !important;
}

#main-content.kjl-blog-main .lv-single-prose a,
#main-content.kjl-blog-main .entry-content a {
	color: var(--jp-link) !important;
}

#main-content.kjl-blog-main .prose,
#main-content.kjl-blog-main .prose-slate {
	color: var(--jp-ink-muted) !important;
	--tw-prose-body: var(--jp-ink-muted) !important;
	--tw-prose-headings: var(--jp-heading) !important;
	--tw-prose-bold: var(--jp-heading) !important;
	--tw-prose-bullets: var(--jp-ink-soft) !important;
	--tw-prose-counters: var(--jp-ink-soft) !important;
}

#main-content.kjl-blog-main .prose a {
	color: var(--jp-link) !important;
}

#main-content.kjl-blog-main .lv-post-row__media,
#main-content.kjl-blog-main .lv-author-hero-avatar {
	border-color: rgba(4, 35, 43, 0.14) !important;
	background: rgba(255, 255, 255, 0.35) !important;
}

#main-content.kjl-blog-main .lv-blog-sidebar {
	color: var(--jp-ink-muted) !important;
}

#main-content.kjl-blog-main .page-numbers,
#main-content.kjl-blog-main .lv-pagination-shell a,
#main-content.kjl-blog-main .lv-pagination-shell span {
	border-color: rgba(4, 35, 43, 0.18) !important;
	color: var(--jp-heading) !important;
	background: rgba(255, 255, 255, 0.55) !important;
}

#main-content.kjl-blog-main .page-numbers.current,
#main-content.kjl-blog-main .lv-pagination-shell span.current {
	background: rgba(4, 35, 43, 0.12) !important;
}

/* 搜索页：与博客列表同一套青底与字色 */
#main-content.kjl-blog-main.srch-pg .srch-pg__results-title,
#main-content.kjl-blog-main.srch-pg .srch-pg__results-title span {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main .srch-item__title {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main .srch-item__title:hover {
	color: var(--jp-link-hover) !important;
}

#main-content.kjl-blog-main .srch-item__date,
#main-content.kjl-blog-main .srch-item__excerpt,
#main-content.kjl-blog-main .srch-pg__empty {
	color: var(--jp-ink-soft) !important;
}

#main-content.kjl-blog-main .srch-item__thumb img {
	border-color: rgba(4, 35, 43, 0.14) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__form-inner {
	border-color: rgba(4, 35, 43, 0.14) !important;
	background: var(--jp-card) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__icon {
	color: var(--jp-ink-soft) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__input {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__input::placeholder {
	color: var(--jp-ink-soft);
	opacity: 0.88;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__submit {
	background: var(--jp-link) !important;
	color: #ffffff !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__submit:hover {
	background: var(--jp-link-hover) !important;
	filter: none;
}

#main-content.kjl-blog-main.srch-pg .srch-item {
	border-bottom-color: rgba(4, 35, 43, 0.1) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__pager {
	border-top-color: rgba(4, 35, 43, 0.12) !important;
}
