/**
 * LCByte 主样式表
 * 设计令牌对标企业品牌官网：主绿 #008755 / 强调 #26d07c / 深色 #090b0a
 * 默认值写在 html:root（特异性 0,1,1），后台注入块用 :root 覆盖。
 */

/* ========== ① 令牌与基础 ========== */
html:root {
	--lc-primary: #008755;
	--lc-primary-deep: #00583a;
	--lc-primary-light: #e6f5ef;
	--lc-primary-soft: #e9f9f3;

	--lc-accent: #26d07c;
	--lc-dark: #090b0a;
	--lc-ink: #1c2321;
	--lc-muted: #6b7773;
	--lc-bg: #ffffff;
	--lc-surface: #ffffff;
	--lc-bg-soft: #f1fbf8;
	--lc-line: #e4ece9;
	--lc-header-h: 68px;
	--lc-container: 1240px;
	--lc-radius: 8px;
	--lc-shadow: 0 10px 30px rgba(9, 11, 10, .08);
	--lc-ease: cubic-bezier(.22, .61, .36, 1);
}

/*
 * 授权中心（内嵌）品牌色转发。
 *
 * 那套界面（商店 / 会员中心 / 授权页）读的是它自己的 --lcbyte-* 与 --lic-* 变量，
 * 这里把主题令牌映射过去 —— 换主色时授权中心跟着变，不必去改它的样式文件；
 * 它自带的默认值仍作为回退保留。用 html:root 是为了压过它 :root 里的默认值。
 */
html:root {
	--lcbyte-brand: var(--lc-primary);
	--lcbyte-brand-deep: var(--lc-primary-deep);
	--lcbyte-brand-light: var(--lc-primary-light);
	--lcbyte-brand-pale: var(--lc-primary-soft);
	--lcbyte-radius: var(--lc-radius);
	--lic-main: var(--lc-primary);
	--lic-deep: var(--lc-primary-deep);
	--lic-light: var(--lc-primary-light);
	--lic-pale: var(--lc-primary-soft);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, system-ui, sans-serif;
	font-size: 16px;
	line-height: 1.75;
	color: var(--lc-ink);
	background: var(--lc-bg);
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--lc-primary); text-decoration: none; transition: color .2s var(--lc-ease); }
a:hover { color: var(--lc-primary-deep); }

h1, h2, h3, h4 { line-height: 1.3; margin: 0 0 .5em; font-weight: 700; }

ul { margin: 0; padding: 0; list-style: none; }

blockquote {
	margin: 1.5em 0;
	padding: 1em 1.5em;
	border-left: 4px solid var(--lc-primary);
	background: var(--lc-bg-soft);
	color: var(--lc-muted);
}

table { width: 100%; border-collapse: collapse; }
th, td { padding: .6em .8em; border: 1px solid var(--lc-line); text-align: left; }

/* 布局容器 */
.lc-container {
	max-width: var(--lc-container);
	margin: 0 auto;
	padding: 0 24px;
}

.lc-narrow { max-width: 820px; margin: 0 auto; padding: 56px 24px 80px; }

/* 界面型页面（商店 / 会员中心 / 授权页）：要满宽，只保留上下留白 */
.lc-wide { max-width: var(--lc-container, 1200px); margin: 0 auto; padding: 40px 24px 80px; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
.skip-link:focus {
	position: fixed; top: 8px; left: 8px;
	z-index: 9999;
	width: auto; height: auto; clip: auto;
	background: var(--lc-primary); color: #fff;
	padding: 8px 16px; border-radius: 4px;
}

/* 按钮 */
.lc-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 15px;
	border: 1px solid transparent;
	cursor: pointer;
	transition: all .25s var(--lc-ease);
}
.lc-btn svg { width: 16px; height: 16px; transition: transform .25s var(--lc-ease); }
.lc-btn:hover svg { transform: translateX(4px); }
.lc-btn--solid { background: var(--lc-primary); color: #fff; }
.lc-btn--solid:hover { background: var(--lc-primary-deep); color: #fff; }
.lc-btn--ghost { border-color: var(--lc-primary); color: var(--lc-primary); background: transparent; }
.lc-btn--ghost:hover { background: var(--lc-primary); color: #fff; }
.lc-btn--invert { background: #fff; color: var(--lc-primary); }
.lc-btn--invert:hover { background: var(--lc-ink); color: #fff; }

.lc-iconbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px; height: 40px;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	border-radius: 50%;
	transition: background .2s var(--lc-ease);
}
.lc-iconbtn:hover { background: rgba(0, 135, 85, .1); }
.lc-iconbtn svg { width: 20px; height: 20px; }

/* ========== ② 页头 ========== */
.lc-header {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 100;
	height: var(--lc-header-h);
	background: var(--lc-bg);
	box-shadow: 0 1px 0 var(--lc-line);
	transition: background .3s var(--lc-ease), box-shadow .3s var(--lc-ease);
}
.lc-site { padding-top: var(--lc-header-h); }

.lc-header__inner {
	max-width: var(--lc-container);
	margin: 0 auto;
	padding: 0 24px;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 32px;
}

.lc-header__brand { flex: 0 0 auto; display: flex; align-items: center; }
.custom-logo { max-height: 44px; width: auto; }

.lc-logo { display: inline-flex; align-items: center; color: var(--lc-ink); }

/*
 * 品牌标识：内联 SVG。
 * 「LCByte」整词走 --lc-logo-mark（品牌绿 #3FCA1D），中文标走 currentColor ——
 * 所以深色背景（横幅 / 页脚 / 登录品牌墙）自动显白，浅色背景自动显黑，无需两套文件。
 * 想给某个深色场景单独提亮绿色，只覆盖 --lc-logo-mark 即可。
 */
.lc-logo-svg { display: block; height: 38px; width: auto; overflow: visible; }

/* 颜色：LCByte 走 --lc-logo-mark（可单独覆盖），中文标走 currentColor（SVG 内嵌 <style> 里有一份等价兜底）（SVG 内嵌 <style> 里有一份等价兜底） */
.lc-logo-svg .lcb-mark { fill: var(--lc-logo-mark, #3FCA1D); }
.lc-logo-svg .lcb-mark.lcb-s { stroke: var(--lc-logo-mark, #3FCA1D); }
.lc-logo-svg .lcb-byte { fill: currentColor; }
.lc-logo-svg .lcb-byte.lcb-s { stroke: currentColor; }

.lc-header__nav { flex: 1 1 auto; }
.lc-menu { display: flex; align-items: center; gap: 6px; }
.lc-menu > li { position: relative; }
.lc-menu a {
	display: block;
	padding: 8px 14px;
	color: var(--lc-ink);
	font-size: 15px;
	font-weight: 500;
	border-radius: 6px;
	position: relative;
}
.lc-menu a::after {
	content: "";
	position: absolute;
	left: 14px; right: 14px; bottom: 2px;
	height: 2px;
	background: var(--lc-primary);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s var(--lc-ease);
}
.lc-menu a:hover::after,
.lc-menu .current-menu-item > a::after,
.lc-menu .current_page_item > a::after { transform: scaleX(1); }

/* 二级下拉 */
.lc-menu .sub-menu {
	position: absolute;
	top: 100%; left: 0;
	min-width: 180px;
	background: var(--lc-bg);
	border-radius: var(--lc-radius);
	box-shadow: var(--lc-shadow);
	padding: 8px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: all .25s var(--lc-ease);
	z-index: 10;
}
.lc-menu li:hover > .sub-menu,
.lc-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.lc-menu .sub-menu a { padding: 9px 12px; font-size: 14px; }
.lc-menu .sub-menu a::after { display: none; }
.lc-menu .sub-menu a:hover { background: var(--lc-bg-soft); color: var(--lc-primary); }

.lc-header__tools { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.lc-header__cta {
	padding: 9px 22px;
	background: var(--lc-primary);
	color: #fff;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	transition: background .25s var(--lc-ease);
}
.lc-header__cta:hover { background: var(--lc-primary-deep); color: #fff; }
.lc-header__burger { display: none; }

/* 首页横幅上的透明页头 */
.lc-header--hero { background: transparent; box-shadow: none; }
/* 首页横幅延伸到透明页头之下（全屏叙事），内页仍保留页头占位 */
.lc-home .lc-site { padding-top: 0; }
.lc-header--hero .lc-logo,
.lc-header--hero .lc-menu a { color: #fff; }
.lc-header--hero .lc-iconbtn { color: #fff; }
.lc-header--hero .lc-iconbtn:hover { background: rgba(255, 255, 255, .15); }
.lc-header--hero .lc-header__cta { background: #fff; color: var(--lc-primary); }
.lc-header--hero .lc-header__cta:hover { background: var(--lc-accent); color: var(--lc-dark); }
.lc-header--hero .lc-menu .sub-menu { background: rgba(9, 11, 10, .95); }
.lc-header--hero .lc-menu .sub-menu a { color: #fff; }
.lc-header--hero .lc-menu .sub-menu a:hover { background: rgba(255, 255, 255, .1); color: var(--lc-accent); }
/* 滚动后切回白底（JS 加 .is-scrolled） */
.lc-header--hero.is-scrolled { background: var(--lc-bg); box-shadow: 0 1px 0 var(--lc-line); }
.lc-header--hero.is-scrolled .lc-logo,
.lc-header--hero.is-scrolled .lc-menu a { color: var(--lc-ink); }
.lc-header--hero.is-scrolled .lc-iconbtn { color: var(--lc-ink); }
.lc-header--hero.is-scrolled .lc-iconbtn:hover { background: rgba(0, 135, 85, .1); }
.lc-header--hero.is-scrolled .lc-header__cta { background: var(--lc-primary); color: #fff; }

/* 搜索条 */
.lc-searchbar {
	position: absolute;
	top: 100%; left: 0; right: 0;
	background: var(--lc-bg);
	box-shadow: 0 12px 24px rgba(9, 11, 10, .1);
	padding: 16px 0;
}
.lc-searchbar[hidden] { display: none; }

.lc-searchform { display: flex; gap: 8px; }
.lc-searchform__input {
	flex: 1 1 auto;
	border: 1px solid var(--lc-line);
	border-radius: 999px;
	padding: 10px 20px;
	font-size: 16px;
	outline: none;
	transition: border-color .2s;
}
.lc-searchform__input:focus { border-color: var(--lc-primary); }
.lc-searchform__btn {
	flex: 0 0 auto;
	width: 44px; height: 44px;
	border: 0;
	border-radius: 50%;
	background: var(--lc-primary);
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.lc-searchform__btn svg { width: 18px; height: 18px; }

/* 移动端抽屉 */
.lc-drawer {
	position: fixed;
	top: 0; right: 0; bottom: 0;
	width: min(320px, 84vw);
	background: var(--lc-bg);
	z-index: 300;
	padding: 16px 20px;
	overflow-y: auto;
	transform: translateX(100%);
	transition: transform .3s var(--lc-ease);
}
.lc-drawer.is-open { transform: translateX(0); }
.lc-drawer[hidden] { display: none; }
.lc-drawer__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
/* 抽屉是白底 —— logo 的「byte」继承 --lc-ink 显黑 */
.lc-drawer__brand { display: inline-flex; align-items: center; color: var(--lc-ink); }
.lc-drawer__brand .lc-logo-svg { display: block; height: 28px; width: auto; }
.lc-drawer__menu > li > a {
	display: block;
	padding: 13px 4px;
	font-size: 16px;
	font-weight: 600;
	color: var(--lc-ink);
	border-bottom: 1px solid var(--lc-line);
}
.lc-drawer__menu .sub-menu { padding: 4px 0 8px 16px; }
.lc-drawer__menu .sub-menu a { display: block; padding: 8px 0; color: var(--lc-muted); }
.lc-drawer-mask {
	position: fixed; inset: 0;
	background: rgba(9, 11, 10, .5);
	z-index: 200;
}
.lc-drawer-mask[hidden] { display: none; }

/* ========== ③ 首页全屏横幅（对标参考站：径向擦除切换 + 三角数字分页 + 逐帧文字入场） ========== */
/*
 * 尺寸单位：参考站用 rem，并以断点切换根字号（1440 宽时 70px）。
 * 这里改用局部变量 --lc-hero-u 复刻同一套阶梯，避免影响主题其它部分的 px 体系。
 */
.lc-hero {
	--lc-hero-u: 100px;
	--lc-hero-ease: cubic-bezier(0, 0, 0, 1);
	position: relative;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	background-color: #000;
}
@media (max-width: 1700px) { .lc-hero { --lc-hero-u: 90px; } }
@media (max-width: 1600px) { .lc-hero { --lc-hero-u: 75px; } }
@media (max-width: 1500px) { .lc-hero { --lc-hero-u: 70px; } }
@media (max-width: 1366px) { .lc-hero { --lc-hero-u: 60px; } }
@media (max-width: 1280px) { .lc-hero { --lc-hero-u: 55px; } }
@media (max-width: 700px) { .lc-hero { --lc-hero-u: 50px; } }

/* ① 背景层：铺着"将要出现的那一帧"，切换瞬间播放缩放入场 */
.lc-hero__photo {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transform: translateZ(0);
}
.lc-hero__photo.is-next { animation: lc-heroScaleIn 1.5s cubic-bezier(.38, 0, 0, 1) both; }
@keyframes lc-heroScaleIn {
	0% { transform: scale(1.2); filter: brightness(3); }
	50% { filter: brightness(3); }
	100% { transform: scale(1); filter: brightness(1); }
}

/* ② 擦除层：canvas 上画着"当前那一帧"，切换时用旋转扇形把它擦掉露出新帧 */
.lc-hero__canvas {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/* ③ 左下：三角数字分页（版权行已按需求移除，bottom 补偿其原占位高度以保持参考站位置） */
.lc-hero__left {
	position: absolute;
	z-index: 12;
	left: 3.2%;
	bottom: calc(4% + 64px);
	width: 40vw;
	display: flex;
	flex-direction: column;
}
.lc-hero__pager {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.lc-hero__pageritem { position: relative; cursor: pointer; }
.lc-hero__pagebtn {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 0;
	color: #fff;
	cursor: pointer;
}
.lc-hero__pagebtn:focus-visible {
	outline: 1px solid var(--lc-accent);
	outline-offset: 2px;
}
.lc-hero__pagebtn svg {
	display: block;
	width: calc(var(--lc-hero-u) * .6);
	height: auto;
	overflow: visible;
	transform: rotate(16deg) translate(-3px, 3px);
	transition: transform .8s var(--lc-hero-ease);
}
.lc-hero__pagebtn svg path {
	stroke: var(--lc-accent);
	stroke-width: 1px;
	stroke-linecap: butt;
	stroke-linejoin: miter;
	fill: none;
	stroke-dasharray: 400%;
	stroke-dashoffset: 400%;
	transition: stroke-dashoffset .8s var(--lc-hero-ease);
}
.lc-hero__pagebtn em {
	position: absolute;
	left: 0; top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-style: normal;
	font-size: 18px;
	color: #fff;
	transition: color .8s var(--lc-hero-ease);
}
@media (max-width: 1500px) { .lc-hero__pagebtn em { font-size: 17px; } }
@media (max-width: 700px) { .lc-hero__pagebtn em { font-size: 15px; } }
/* 当前帧：三角从 16° 回正并描出绿线，数字转强调色 */
.lc-hero__pageritem.on .lc-hero__pagebtn svg {
	transform: rotate(0) translate(-3px, 3px);
	transition-delay: .5s;
}
.lc-hero__pageritem.on .lc-hero__pagebtn svg path {
	stroke-dashoffset: 88%;
	transition-delay: .5s;
}
.lc-hero__pageritem.on .lc-hero__pagebtn em { color: var(--lc-accent); }

/* ④ 右下流动竖线 */
.lc-hero__right {
	position: absolute;
	bottom: 4%;
	right: 3.2%;
	z-index: 12;
	overflow: hidden;
}
.lc-hero__line {
	position: relative;
	width: 3px;
	height: calc(var(--lc-hero-u) * 1.2);
	overflow: hidden;
	background-color: rgba(255, 255, 255, .1);
}
.lc-hero__line > span {
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 50%;
	background: var(--lc-primary);
	opacity: 0;
	animation: lc-heroRightFn 4s linear infinite;
}
.lc-hero__line::after {
	content: "";
	position: absolute;
	left: 0;
	top: -35%;
	width: 100%;
	height: 35%;
	background: var(--lc-primary);
	animation: lc-heroRightFn 2.2s linear infinite;
}
@keyframes lc-heroRightFn {
	0% { transform: translateY(0); }
	100% { transform: translateY(calc(var(--lc-hero-u) * 1.5)); }
}

/* ⑤ 中央叠图层：每帧一张透明底 PNG，切换时淡入上浮入场 */
.lc-hero__center {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 10;
	pointer-events: none;
}
.lc-hero__overlay {
	display: none;
	/* 叠图按内容等比缩放：大图不撑破、小图不被放大到失真，
	   min() 保证窄屏时也不会超出视口宽度 */
	max-width: min(78vw, 1000px);
	max-height: 62vh;
	width: auto;
	height: auto;
	object-fit: contain;
	user-select: none;
	-webkit-user-drag: none;
}
.lc-hero__overlay.on { display: block; }
.lc-hero__overlay.on {
	animation: lc-heroOverlayIn .9s cubic-bezier(.22, .61, .36, 1) both;
}
@keyframes lc-heroOverlayIn {
	from { opacity: 0; transform: translate3d(0, 26px, 0) scale(.96); }
	to { opacity: 1; transform: none; }
}

/* ⑥ 叠图九宫格定位：class 由后台点选（PC），竖屏下 data-posm 优先（移动端单独设置）。
   定位用 inset + auto margin（img 是替换元素，两侧 inset + margin:auto 可精确居中），
   不占 transform —— 入场动画的 translate3d 不会打架。 */
.lc-hero__overlay.lc-pos-tl { position: absolute; top: 5%;    left: 3%; }
.lc-hero__overlay.lc-pos-tc { position: absolute; top: 5%;    left: 0; right: 0; margin: 0 auto; }
.lc-hero__overlay.lc-pos-tr { position: absolute; top: 5%;    right: 3%; }
.lc-hero__overlay.lc-pos-ml { position: absolute; top: 0; bottom: 0; left: 3%;    margin: auto 0; }
.lc-hero__overlay.lc-pos-mc { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.lc-hero__overlay.lc-pos-mr { position: absolute; top: 0; bottom: 0; right: 3%;   margin: auto 0; }
.lc-hero__overlay.lc-pos-bl { position: absolute; bottom: 5%; left: 3%; }
.lc-hero__overlay.lc-pos-bc { position: absolute; bottom: 5%; left: 0; right: 0; margin: 0 auto; }
.lc-hero__overlay.lc-pos-br { position: absolute; bottom: 5%; right: 3%; }

/* ⑦ 点击层：当前帧配了链接时显示，盖住画面（分页器 z-index 更高不受影响） */
.lc-hero__cover {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: none;
	-webkit-user-drag: none;
}
.lc-hero__cover.on { display: block; }

/* ⑦ 竖屏（参考站用 orientation 而非宽度断点）*/
@media screen and (orientation: portrait) {
	.lc-hero { height: 100vh; min-height: 50vw; }
	.lc-hero::after {
		content: "";
		position: absolute;
		left: 0; top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .2);
		z-index: 3;
	}
	.lc-hero .lc-hero__left { width: 80vw; left: 10vw; bottom: 10%; justify-content: center; align-items: center; }
	.lc-hero .lc-hero__pager { justify-content: center; }
	.lc-hero__right { display: none; }
	.lc-hero__pagebtn svg { width: var(--lc-hero-u); }
	.lc-hero__pagebtn em { font-size: calc(var(--lc-hero-u) * .28); }
	.lc-hero__overlay { max-width: 88vw; max-height: 46vh; }

	/* 移动端叠图位置：data-posm 单独设置（空=跟随 PC 的 class 定位） */
	.lc-hero__overlay[data-posm="tl"] { position: absolute; top: 5%;    left: 0; right: auto; bottom: auto; margin: 0; }
	.lc-hero__overlay[data-posm="tc"] { position: absolute; top: 5%;    left: 0; right: 0;    bottom: auto; margin: 0 auto; }
	.lc-hero__overlay[data-posm="tr"] { position: absolute; top: 5%;    right: 3%; left: auto; bottom: auto; margin: 0; }
	.lc-hero__overlay[data-posm="ml"] { position: absolute; top: 0; bottom: 0; left: 3%; right: auto; margin: auto 0; }
	.lc-hero__overlay[data-posm="mc"] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
	.lc-hero__overlay[data-posm="mr"] { position: absolute; top: 0; bottom: 0; right: 3%; left: auto; margin: auto 0; }
	.lc-hero__overlay[data-posm="bl"] { position: absolute; bottom: 5%; left: 3%; right: auto; top: auto; margin: 0; }
	.lc-hero__overlay[data-posm="bc"] { position: absolute; bottom: 5%; left: 0; right: 0; top: auto; margin: 0 auto; }
	.lc-hero__overlay[data-posm="br"] { position: absolute; bottom: 5%; right: 3%; left: auto; top: auto; margin: 0; }
}

/* ========== ④ 工作室数据 ========== */
.lc-stats {
	background: var(--lc-bg);
	border-bottom: 1px solid var(--lc-line);
}
.lc-stats__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	padding: 44px 0;
}
.lc-stats__item { text-align: center; position: relative; }
.lc-stats__item + .lc-stats__item::before {
	content: "";
	position: absolute;
	left: -12px; top: 12%;
	height: 76%;
	width: 1px;
	background: var(--lc-line);
}
.lc-stats__num {
	display: block;
	font-size: clamp(30px, 3.4vw, 44px);
	font-weight: 800;
	color: var(--lc-primary);
	line-height: 1.1;
	letter-spacing: -.01em;
}
.lc-stats__label { color: var(--lc-muted); font-size: 14px; }

/* ========== ⑤ 板块标题 ========== */
.lc-sec-head { max-width: 720px; margin-bottom: 48px; }
.lc-sec-head__eyebrow {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--lc-primary);
	margin-bottom: 10px;
}
.lc-sec-head__title { font-size: clamp(28px, 3.4vw, 42px); letter-spacing: -.01em; }
.lc-sec-head__desc { color: var(--lc-muted); font-size: 16px; margin: 0; }
.lc-sec-head--light { color: #fff; }
.lc-sec-head--light .lc-sec-head__title { color: #fff; }
.lc-sec-head--light .lc-sec-head__desc { color: rgba(255, 255, 255, .72); }

.lc-sec-more { text-align: center; margin-top: 48px; }

/* ========== ⑥ 品牌宣言 ========== */
.lc-mission {
	padding: 110px 0 100px;
	background:
		radial-gradient(720px 320px at 85% 10%, rgba(38, 208, 124, .10), transparent 60%),
		var(--lc-bg);
}
.lc-mission__inner { text-align: center; }
.lc-mission .lc-sec-head { margin-left: auto; margin-right: auto; text-align: center; }
.lc-mission__text {
	font-size: clamp(17px, 1.8vw, 21px);
	color: var(--lc-muted);
	max-width: 760px;
	margin: 0 auto;
	line-height: 2;
}

/* ========== ⑦ 业务服务：两列发丝网格 ==========
 *
 * 从整宽单列列表改成两列。分隔线不靠每行各画 border-bottom —— 那样
 * 两列之间没有竖线。改成「父级 background 画线 + 1px gap 露出底色」，
 * 横竖线一次成型，而且换列数不用改任何行的边框。
 */
.lc-services { padding: 90px 0; background: var(--lc-bg-soft); }
.lc-services__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: var(--lc-line);
	border: 1px solid var(--lc-line);
}
.lc-services__row {
	background: var(--lc-bg-soft);
	transition: background .3s var(--lc-ease);
}
/*
 * 服务共 4 条，排两列刚好满格（2×2），不需要末条通栏。
 * 若以后增删条目导致奇数条，把下面这行取消注释即可让最后一条通栏收尾：
 * .lc-services__row:last-child:nth-child(odd) { grid-column: 1 / -1; }
 */
.lc-services__row:hover { background: var(--lc-surface); }
.lc-services__row a {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 30px 26px;
	color: var(--lc-ink);
	position: relative;
	transition: padding .3s var(--lc-ease);
}
/* 列宽减半了，位移跟着收一半，不然右边箭头被挤出格 */
.lc-services__row a:hover { padding-left: 34px; }
.lc-services__num {
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: 700;
	color: var(--lc-muted);
	letter-spacing: .1em;
}
.lc-services__body { flex: 1 1 auto; min-width: 0; }
.lc-services__en {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .28em;
	color: var(--lc-primary);
	margin-bottom: 6px;
}
.lc-services__title {
	display: block;
	font-size: clamp(21px, 2vw, 28px);
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.2;
	transition: color .25s;
}
.lc-services__row a:hover .lc-services__title { color: var(--lc-primary); }
.lc-services__desc {
	display: block;
	color: var(--lc-muted);
	font-size: 14px;
	margin-top: 8px;
	max-width: 480px;
}
.lc-services__go {
	flex: 0 0 auto;
	width: 44px; height: 44px;
	border: 1px solid var(--lc-line);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--lc-muted);
	transition: all .3s var(--lc-ease);
}
.lc-services__go svg { width: 18px; height: 18px; }
.lc-services__row a:hover .lc-services__go {
	background: var(--lc-primary);
	border-color: var(--lc-primary);
	color: #fff;
}
/* ========== ⑧ 通用卡片网格 ========== */
.lc-products { padding: 90px 0; }

.lc-cards { display: grid; gap: 24px; }
.lc-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lc-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.lc-card {
	background: var(--lc-surface);
	border-radius: var(--lc-radius);
	overflow: hidden;
	border: 1px solid var(--lc-line);
	transition: transform .3s var(--lc-ease), box-shadow .3s var(--lc-ease);
}
.lc-card:hover { transform: translateY(-6px); box-shadow: var(--lc-shadow); }
.lc-card__link { display: flex; flex-direction: column; height: 100%; color: var(--lc-ink); }
.lc-card__media {
	position: relative;
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--lc-bg-soft);
}
.lc-card__media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .5s var(--lc-ease);
}
.lc-card:hover .lc-card__media img { transform: scale(1.05); }
.lc-card__badge {
	position: absolute;
	top: 12px; left: 12px;
	background: var(--lc-primary);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 999px;
}
.lc-card__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px;
	flex: 1 1 auto;
}
.lc-card__title { font-size: 18px; margin: 0; transition: color .2s; }
.lc-card__link:hover .lc-card__title { color: var(--lc-primary); }
.lc-card__excerpt { color: var(--lc-muted); font-size: 14px; line-height: 1.7; }
.lc-card__meta { color: var(--lc-muted); font-size: 13px; }
.lc-card__foot {
	margin-top: auto;
	padding-top: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px dashed var(--lc-line);
}
.lc-card__price { font-weight: 800; color: var(--lc-primary); font-size: 17px; }
.lc-card__more { font-size: 13px; color: var(--lc-muted); display: inline-flex; align-items: center; gap: 4px; }
.lc-card__more svg { width: 14px; height: 14px; }
.lc-card:hover .lc-card__more { color: var(--lc-primary); }

/* ========== ⑨ 新闻中心：三窗同步轮播（1:1 复刻参考站） ========== */
.lc-news { position: relative; width: 100%; overflow: hidden; }
.lc-news__inner {
	padding: 100px 0 90px;
	background: var(--lc-surface) url('../images/wave-news.svg') center / cover no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.lc-news__mid {
	position: relative;
	width: 83.33%;
	max-width: 1600px;
	height: min(30vw, 480px);
	margin: 0 auto;
}
.lc-news__box {
	position: absolute;
	border-radius: 10px;
	overflow: hidden;
}
.lc-news__box--l { width: 25%; left: 0; top: 12.5%; aspect-ratio: 25 / 16.68; background-color: #000; }
.lc-news__box--c { width: 37.5%; left: 3%; right: 0; margin: 0 auto; bottom: 0; aspect-ratio: 37.5 / 22.875; z-index: 2; }
.lc-news__box--r { width: 25%; right: 0; top: 0; aspect-ratio: 25 / 16.68; background-color: #000; }
.lc-news__swiper { position: absolute; inset: 0; border-radius: 10px; overflow: hidden; }
.lc-news__box--c .lc-news__swiper { width: 91%; }
.lc-news__slides { display: flex; height: 100%; transition: transform .8s cubic-bezier(.4, 0, .2, 1); }
.lc-news__photo {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.lc-news__photo::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .1) 100%);
}
.lc-news__mask {
	position: absolute;
	inset: 0;
	z-index: 10;
	pointer-events: none;
	border-radius: 10px;
	overflow: hidden;
}
.lc-news__msg { position: absolute; inset: 0; }
.lc-news__box--c .lc-news__msg { width: 91%; }
.lc-news__row {
	display: none;
	position: absolute;
	inset: 0;
	padding: 3% 7% 5%;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.lc-news__row.is-on { display: flex; }
.lc-news__row-date {
	color: #fff;
	font-size: 18px;
	letter-spacing: .04em;
	display: block;
	width: 100%;
	text-align: right;
	position: relative;
	z-index: 10;
}
.lc-news__row-con { position: relative; z-index: 10; }
.lc-news__row-title {
	margin: 0;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.5;
}
.lc-news__row-title a { color: inherit; text-decoration: none; }
.lc-news__box--c .lc-news__row-title { font-size: 24px; }
.lc-news__row.is-on .lc-news__row-date { animation: lc-heroDownSmall .7s var(--lc-ease) both; }
.lc-news__row.is-on .lc-news__row-title { animation: lc-heroFn3 .9s var(--lc-ease) both; }

.lc-news__btm {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 8.5%;
	margin-top: 80px;
}
.lc-news__btm-left {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.lc-news__big {
	font-size: 110px;
	font-weight: 800;
	line-height: .75;
	text-transform: uppercase;
	letter-spacing: -.01em;
	color: var(--lc-primary);
}
/* 「RELEASE」比「NEWS」长两字，字号收一档，否则会挤压右侧翻页箭头 */
.lc-news__big--release { font-size: 96px; }
.lc-news__slash { fill: rgba(0, 135, 85, .5); margin: 0 35px; width: 47px; flex: 0 0 auto; }
.lc-news__cn { color: var(--lc-primary); font-size: 44px; line-height: 1.2; margin: 0; position: relative; }
.lc-news__btm-right {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.lc-news__btn {
	position: relative;
	display: inline-block;
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
}
.lc-news__btn > svg { position: relative; width: 70px; display: block; }
.lc-news__btn > svg:first-child {
	stroke: rgba(0, 135, 85, .3);
	stroke-width: 2px;
	stroke-linecap: butt;
	stroke-linejoin: miter;
	fill: rgba(0, 135, 85, 0);
	stroke-dasharray: 400%;
	stroke-dashoffset: 0;
	transition: fill .8s ease, stroke-dashoffset 2s ease;
}
/* 箭头也是 .lc-news__btn > svg，需更高优先级盖过上面的通用 svg 规则 */
.lc-news__btn > svg.lc-news__arrow {
	position: absolute;
	left: 50%;
	top: 48%;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 10px;
	fill: none;
	stroke: var(--lc-primary);
	stroke-width: 1.6px;
	transition: stroke .8s cubic-bezier(0, 0, 0, 1);
}
/* 三角形尖端朝左/右，箭头往反方向微移 4px 保证不出框 */
.lc-news__btn[data-dir="prev"] > svg.lc-news__arrow { margin-left: 4px; }
.lc-news__btn[data-dir="next"] { margin-bottom: 30px; margin-left: 48px; }
.lc-news__btn[data-dir="next"] > svg.lc-news__arrow { margin-left: -4px; }
.lc-news__btn:hover > svg:first-child { fill: var(--lc-primary); stroke-dashoffset: 400%; }
.lc-news__btn:hover .lc-news__arrow { stroke: #fff; }

/* ========== 发布中心徽章 · 教程中心 ========== */
/* 首页发布中心：文章带「主题 v2.0.0」这类标记时才出现，没填不占位 */
.lc-news__row-tag {
	display: inline-block;
	margin-bottom: 10px;
	padding: 3px 11px;
	border-radius: 999px;
	background: rgba(0, 135, 85, .82);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	line-height: 1.6;
}
.lc-news__box--c .lc-news__row-tag { font-size: 13px; }

/* 文章详情页的发布信息徽章 */
.lc-post__rel {
	padding: 3px 11px;
	border-radius: 999px;
	background: var(--lc-primary-soft);
	color: var(--lc-primary-deep);
	font-size: 12px;
	font-weight: 600;
}

/* ---------- 教程中心：首页板块与归档卡片 ---------- */
.lc-tutorials { padding: 90px 0; }

.lc-tutcard {
	background: var(--lc-surface);
	border: 1px solid var(--lc-line);
	border-radius: var(--lc-radius);
	overflow: hidden;
	transition: transform .3s var(--lc-ease), box-shadow .3s var(--lc-ease);
}
.lc-tutcard:hover { transform: translateY(-6px); box-shadow: var(--lc-shadow); }
.lc-tutcard__link { display: flex; flex-direction: column; height: 100%; color: var(--lc-ink); }
.lc-tutcard__media {
	position: relative;
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--lc-bg-soft);
}
.lc-tutcard__media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .5s var(--lc-ease);
}
.lc-tutcard:hover .lc-tutcard__media img { transform: scale(1.05); }
.lc-tutcard__steps {
	position: absolute;
	top: 12px; right: 12px;
	padding: 4px 12px;
	border-radius: 999px;
	background: rgba(9, 11, 10, .72);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
}
.lc-tutcard__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px;
	flex: 1 1 auto;
}
.lc-tutcard__meta { display: flex; flex-wrap: wrap; gap: 8px; }
.lc-tutcard__cat {
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--lc-primary-soft);
	color: var(--lc-primary-deep);
	font-size: 12px;
	font-weight: 600;
}
.lc-tutcard__lv {
	padding: 2px 9px;
	border: 1px solid var(--lc-line);
	border-radius: 999px;
	color: var(--lc-muted);
	font-size: 12px;
}
.lc-tutcard__title { margin: 0; font-size: 18px; transition: color .2s; }
.lc-tutcard__link:hover .lc-tutcard__title { color: var(--lc-primary); }
.lc-tutcard__desc { color: var(--lc-muted); font-size: 14px; line-height: 1.7; }
.lc-tutcard__more {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px dashed var(--lc-line);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--lc-muted);
	font-size: 13px;
}
.lc-tutcard__more svg { width: 14px; height: 14px; }
.lc-tutcard:hover .lc-tutcard__more { color: var(--lc-primary); }

/* 归档页分类筛选 */
.lc-tutfilter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
.lc-tutfilter__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border: 1px solid var(--lc-line);
	border-radius: 999px;
	background: var(--lc-surface);
	color: var(--lc-ink);
	font-size: 13.5px;
	transition: all .25s var(--lc-ease);
}
.lc-tutfilter__item em { font-style: normal; font-size: 12px; color: var(--lc-muted); }
.lc-tutfilter__item:hover,
.lc-tutfilter__item.is-on {
	border-color: var(--lc-primary);
	background: var(--lc-primary-soft);
	color: var(--lc-primary-deep);
}
.lc-tutfilter__item:hover em,
.lc-tutfilter__item.is-on em { color: var(--lc-primary); }

/* ---------- 教程详情页头部 ---------- */
.lc-tut__back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 18px; color: var(--lc-muted); font-size: 13.5px; transition: color .2s; }
.lc-tut__back:hover { color: var(--lc-primary); }
.lc-tut__meta { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 26px; padding: 0; list-style: none; }
.lc-tut__meta li { list-style: none; }
.lc-tut__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--lc-bg-soft);
	color: var(--lc-ink);
	font-size: 13px;
}
.lc-tut__chip svg { width: 15px; height: 15px; color: var(--lc-primary); }
.lc-tut__chip--product { background: var(--lc-primary-soft); color: var(--lc-primary-deep); }
.lc-tut__chip--date { padding-left: 0; background: transparent; color: var(--lc-muted); }

.lc-tut__steps { margin-top: 42px; }
.lc-tut__sechead { margin-bottom: 20px; padding-left: 16px; border-left: 4px solid var(--lc-primary); }
.lc-tut__eyebrow { margin: 0 0 6px; color: var(--lc-primary); font-size: 12px; font-weight: 700; letter-spacing: .18em; }
.lc-tut__h { margin: 0 0 8px; font-size: 24px; }
.lc-tut__hint { margin: 0; color: var(--lc-muted); font-size: 13.5px; }
.lc-tut__related { margin-top: 56px; }
.lc-tut__related-h { margin-bottom: 20px; font-size: 20px; }

/* ---------- 步骤区：进度条 + 分级手风琴 ---------- */
.lc-steps {
	padding: 20px 22px 10px;
	border: 1px solid var(--lc-line);
	border-radius: var(--lc-radius);
	background: var(--lc-surface);
	box-shadow: 0 14px 34px -26px rgba(9, 11, 10, .55);
}
.lc-steps__bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	padding-bottom: 16px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--lc-line);
}
.lc-steps__track { flex: 1 1 160px; min-width: 110px; height: 8px; border-radius: 999px; background: var(--lc-bg-soft); overflow: hidden; }
.lc-steps__fill {
	display: block;
	width: 0;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--lc-primary), var(--lc-accent));
	transition: width .4s var(--lc-ease);
}
.lc-steps__count { margin: 0; color: var(--lc-muted); font-size: 13.5px; white-space: nowrap; }
.lc-steps__done { color: var(--lc-primary); font-size: 15px; font-weight: 700; }
.lc-steps__acts { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.lc-steps__act {
	padding: 5px 12px;
	border: 1px solid var(--lc-line);
	border-radius: 999px;
	background: var(--lc-surface);
	color: var(--lc-muted);
	font-size: 12.5px;
	cursor: pointer;
	transition: all .22s var(--lc-ease);
}
.lc-steps__act:hover { border-color: var(--lc-primary); background: var(--lc-primary-soft); color: var(--lc-primary-deep); }
.lc-steps__act--reset:hover { border-color: #d63638; background: rgba(214, 54, 56, .07); color: #d63638; }

.lc-steps__list { margin: 0; padding: 0; list-style: none; }
.lc-steps__list li { list-style: none; }
.lc-steps__list--lv2,
.lc-steps__list--lv3 { margin-top: 4px; padding-left: 18px; border-left: 1px dashed var(--lc-line); }

.lc-step { border-bottom: 1px dashed var(--lc-line); }
.lc-step:last-child { border-bottom: 0; }
.lc-step__head { display: flex; align-items: flex-start; gap: 12px; padding: 14px 0; }
.lc-step__no {
	flex: 0 0 auto;
	min-width: 34px;
	height: 26px;
	padding: 0 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--lc-primary-soft);
	color: var(--lc-primary-deep);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1;
	transition: background .25s, color .25s;
}
.lc-step__toggle {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	color: var(--lc-ink);
	text-align: left;
	cursor: pointer;
	transition: color .2s;
}
.lc-step__toggle:hover { color: var(--lc-primary); }
.lc-step__toggle--static { cursor: default; }
.lc-step__title { font-size: 16px; font-weight: 600; line-height: 1.55; transition: color .25s; }
.lc-step__chev {
	flex: 0 0 auto;
	width: 16px; height: 16px;
	fill: none;
	stroke: var(--lc-muted);
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform .3s var(--lc-ease), stroke .25s;
}
.lc-step.is-open > .lc-step__head .lc-step__chev { transform: rotate(90deg); stroke: var(--lc-primary); }
.lc-step__toggle--static .lc-step__chev { display: none; }

.lc-step__check { position: relative; flex: 0 0 auto; display: inline-flex; cursor: pointer; }
.lc-step__cbox { position: absolute; inset: 0; width: 22px; height: 22px; margin: 0; opacity: 0; cursor: pointer; }
.lc-step__box {
	width: 22px; height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1.6px solid var(--lc-line);
	border-radius: 7px;
	background: var(--lc-surface);
	pointer-events: none; /* 命中区域交给上面那层透明 checkbox，避免点到 svg 吞掉点击 */
	transition: all .22s var(--lc-ease);
}
.lc-step__box svg {
	width: 14px; height: 14px;
	fill: none;
	stroke: #fff;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0;
	transform: scale(.6);
	transition: all .2s var(--lc-ease);
}
.lc-step__cbox:focus-visible + .lc-step__box { outline: 2px solid var(--lc-primary); outline-offset: 2px; }
.lc-step__cbox:checked + .lc-step__box { border-color: var(--lc-primary); background: var(--lc-primary); }
.lc-step__cbox:checked + .lc-step__box svg { opacity: 1; transform: scale(1); }

.lc-step__body { overflow: hidden; }
html.lc-js .lc-step__body {
	max-height: 0;
	opacity: 0;
	transition: max-height .34s cubic-bezier(.4, 0, .2, 1), opacity .28s ease;
}
html.lc-js .lc-step.is-open > .lc-step__body { opacity: 1; }
.lc-step__inner { padding: 2px 0 14px 46px; }
.lc-step__desc { color: var(--lc-muted); font-size: 14.5px; line-height: 1.8; }
.lc-step__desc p { margin: 0 0 10px; }
.lc-step__desc p:last-child { margin-bottom: 0; }
.lc-step__desc code { padding: 2px 6px; border-radius: 5px; background: var(--lc-bg-soft); font-size: 13px; }
.lc-step__desc img { max-width: 100%; height: auto; border-radius: 8px; }

/* 完成态：变灰 + 标题划线（勾选即生效，父步骤由脚本回填） */
.lc-step.is-done > .lc-step__head .lc-step__title { color: var(--lc-muted); text-decoration: line-through; text-decoration-color: rgba(107, 119, 115, .55); }
.lc-step.is-done > .lc-step__head .lc-step__no { background: var(--lc-bg-soft); color: var(--lc-muted); }
.lc-step.is-done > .lc-step__body .lc-step__desc { opacity: .6; }
.lc-steps.is-complete .lc-steps__fill { background: linear-gradient(90deg, var(--lc-primary), #12b886); }
.lc-steps__done-tip {
	margin: 16px 0 12px;
	padding: 12px 16px;
	border-radius: 10px;
	background: var(--lc-primary-soft);
	color: var(--lc-primary-deep);
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

/* ========== ⑩ CTA ========== */
.lc-cta {
	position: relative;
	background:
		linear-gradient(120deg, var(--lc-primary-deep) 0%, var(--lc-primary) 55%, #0aa468 100%);
	color: #fff;
	padding: 76px 0;
}
/* 斜切过渡：三角用页脚同款墨绿纹理渐变，衔接无缝 */
.lc-cta::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 40px;
	background:
		repeating-linear-gradient(115deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 16px),
		linear-gradient(118deg, #0e2a1f 0%, #0a1d16 45%, #050c09 100%);
	clip-path: polygon(0 100%, 100% 0, 100% 100%);
	pointer-events: none;
}
.lc-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
}
.lc-cta__title { font-size: clamp(24px, 3vw, 34px); margin-bottom: 8px; }
.lc-cta__text { margin: 0; color: rgba(255, 255, 255, .85); }

/* ========== ⑪ 页脚（对标参考站：深色斜纹背景 + 居中品牌 + 导航行 + 法务条） ========== */
.lc-footer {
	position: relative;
	overflow: hidden;
	z-index: 2;
	background: #060d0b;
	color: rgba(255, 255, 255, .72);
}
.lc-footer__bg {
	position: absolute;
	left: 0;
	top: -10%;
	width: 100%;
	height: 120%;
	pointer-events: none;
	background:
		repeating-linear-gradient(115deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 16px),
		linear-gradient(118deg, #0e2a1f 0%, #0a1d16 45%, #050c09 100%);
}
.lc-footer a { color: rgba(255, 255, 255, .6); transition: color .3s; }
.lc-footer a:hover { color: var(--lc-accent); }

.lc-footer__mid {
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
}
.lc-footer__brandbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 96px 20px 52px;
	text-align: center;
}
.lc-footer__logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}
/*
 * 深色页脚 —— logo 的「byte」跟随这里的 color 显白。
 * 必须是两级选择器：.lc-footer a 的 (0,1,1) 会压过单独一个类 (0,1,0)，
 * 那样 byte 会变成 60% 的灰白。
 */
.lc-footer .lc-footer__logo,
.lc-footer .lc-footer__logo:hover { color: #fff; }
.lc-footer__logo .lc-logo-svg { display: block; height: 56px; width: auto; }
.lc-footer__slogan {
	margin: 20px 0 0;
	font-size: 15px;
	letter-spacing: .35em;
	text-indent: .35em;
	color: rgba(255, 255, 255, .55);
}

/* 底部导航行（悬停展开子项） */
.lc-footer__navwrap { width: 83.33%; max-width: 1600px; margin: 54px auto; }
.lc-footer__nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0 0 14px;
}
.lc-footer__nav > li { position: relative; width: 19%; padding: 14px 0 10px; }
.lc-footer__nav > li > a {
	display: block;
	position: relative;
	z-index: 10;
	font-size: 15px;
	color: rgba(255, 255, 255, .5);
}
.lc-footer__nav > li:hover > a { color: #fff; }
.lc-footer__nav > li::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 94%;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	border-bottom-right-radius: 10px;
}
.lc-footer__nav .sub-menu {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.lc-footer__nav > li:hover .sub-menu { display: block; }
.lc-footer__nav .sub-menu a { display: block; padding: 10px 0; font-size: 16px; color: rgba(255, 255, 255, .5); }
.lc-footer__nav .sub-menu a:hover { color: #fff; }

/* 法务条 */
.lc-footer__btm {
	position: relative;
	width: 100%;
	height: 70px;
	padding: 0 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}
.lc-footer__copy {
	margin: 0;
	width: 30%;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	color: rgba(255, 255, 255, .8);
}
.lc-footer__copy a { color: rgba(255, 255, 255, .8); }
.lc-footer__icp-sep { margin: 0 8px; opacity: .55; }
.lc-footer__phone { display: inline-flex; align-items: center; gap: 12px; }
.lc-footer__phone svg { width: 20px; height: 20px; color: var(--lc-accent); }
.lc-footer__phone span { font-size: 15px; color: #fff; white-space: nowrap; }
.lc-footer__legal {
	width: 35%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.lc-footer__legal a { font-size: 14px; color: rgba(255, 255, 255, .85); white-space: nowrap; }
.lc-footer__slash { display: flex; align-items: center; }
.lc-footer__slash svg { width: 9px; height: 15px; margin: 0 14px 2px; }
.lc-footer__slash path { stroke: rgba(255, 255, 255, .6); stroke-width: 1; fill: none; }

/* 移动端页脚（对标参考站竖屏：隐藏导航行，底部纵向堆叠） */
@media (max-width: 900px) {
	.lc-footer__navwrap { display: none; }
	.lc-footer__brandbox { padding: 56px 10% 40px; }
	.lc-footer__logo .lc-logo-svg { height: 44px; }
	.lc-footer__slogan { font-size: 12px; margin-top: 14px; }
	.lc-footer__btm {
		position: static;
		height: auto;
		flex-direction: column;
		justify-content: flex-start;
		gap: 0;
		padding: 0 10% 20px;
	}
	.lc-footer__phone { order: 1; margin-bottom: 18px; }
	.lc-footer__phone svg { width: 18px; height: 18px; }
	.lc-footer__phone span { font-size: 13px; }
	.lc-footer__legal { order: 2; width: 100%; justify-content: space-between; flex-wrap: wrap; }
	.lc-footer__legal a { font-size: 12px; }
	.lc-footer__slash svg { width: 7px; height: 12px; margin: 0 8px 2px; }
	.lc-footer__copy { order: 3; width: 100%; text-align: center; margin-top: 16px; line-height: 1.9; }
}

/* 回到顶部 */
.lc-backtop {
	position: fixed;
	right: 28px; bottom: 28px;
	width: 46px; height: 46px;
	border: 0;
	border-radius: 50%;
	background: var(--lc-primary);
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--lc-shadow);
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: all .3s var(--lc-ease);
	z-index: 90;
}
.lc-backtop.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.lc-backtop:hover { background: var(--lc-primary-deep); }
.lc-backtop svg { width: 20px; height: 20px; }

/* ========== ⑫ 内页横幅 ========== */
.lc-banner {
	background:
		radial-gradient(680px 300px at 12% 120%, rgba(38, 208, 124, .14), transparent 60%),
		var(--lc-bg-soft);
	padding: 84px 0 60px;
	border-bottom: 1px solid var(--lc-line);
}
.lc-banner__eyebrow {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .3em;
	color: var(--lc-primary);
	margin-bottom: 10px;
}
.lc-banner__title { font-size: clamp(30px, 4vw, 44px); margin-bottom: 6px; }
.lc-banner__sub { color: var(--lc-muted); margin: 0; max-width: 720px; }
.lc-crumbs { margin-top: 16px; font-size: 13px; color: var(--lc-muted); }
.lc-crumbs a { color: var(--lc-muted); }

/* ========== ⑬ 内容布局 ========== */
.lc-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 48px;
	padding-top: 56px;
	padding-bottom: 80px;
	align-items: start;
}
.lc-no-sidebar .lc-layout { grid-template-columns: minmax(0, 1fr); }

/* 分类筛选 chips */
.lc-chips { display: flex; gap: 10px; flex-wrap: wrap; padding: 28px 0 36px; }
.lc-chip {
	padding: 8px 20px;
	border: 1px solid var(--lc-line);
	border-radius: 999px;
	background: var(--lc-surface);
	font-size: 14px;
	color: var(--lc-muted);
	transition: all .2s;
}
.lc-chip:hover, .lc-chip.is-active { border-color: var(--lc-primary); color: var(--lc-primary); }
.lc-chip.is-active { background: var(--lc-primary-soft, var(--lc-primary-light)); font-weight: 600; }

/* 文章详情 */
.lc-post__meta {
	display: flex;
	gap: 16px;
	align-items: center;
	color: var(--lc-muted);
	font-size: 14px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}
.lc-post__cat {
	background: var(--lc-primary-soft, var(--lc-primary-light));
	color: var(--lc-primary);
	padding: 3px 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
}
.lc-post__thumb { margin: 0 0 32px; border-radius: var(--lc-radius); overflow: hidden; }
.lc-post__content { font-size: 16.5px; }
.lc-post__content p { margin: 0 0 1.4em; }
.lc-post__content h2 { font-size: 24px; margin-top: 1.8em; }
.lc-post__content h3 { font-size: 20px; margin-top: 1.6em; }
.lc-post__content img { border-radius: var(--lc-radius); }
.lc-post__content ul { list-style: disc; padding-left: 1.4em; margin: 0 0 1.4em; }
.lc-post__content ol { list-style: decimal; padding-left: 1.4em; margin: 0 0 1.4em; }

.lc-tags { margin: 32px 0 0; display: flex; gap: 8px; flex-wrap: wrap; }
.lc-tags a {
	font-size: 13px;
	padding: 5px 14px;
	background: var(--lc-bg-soft);
	border: 1px solid var(--lc-line);
	border-radius: 999px;
	color: var(--lc-muted);
}
.lc-tags a:hover { color: var(--lc-primary); border-color: var(--lc-primary); }

.lc-empty { color: var(--lc-muted); padding: 40px 0; text-align: center; }
.lc-empty .lc-searchform { max-width: 460px; margin: 0 auto 20px; }

/* 上下篇 */
.post-navigation { margin-top: 48px; border-top: 1px solid var(--lc-line); padding-top: 24px; display: flex; gap: 24px; }
.post-navigation .nav-previous,
.post-navigation .nav-next { flex: 1 1 0; min-width: 0; }
.post-navigation .nav-next { text-align: right; }
.post-navigation a { display: block; color: var(--lc-ink); }
.post-navigation a:hover .lc-post-nav__title { color: var(--lc-primary); }
.lc-post-nav__label { display: block; font-size: 12px; color: var(--lc-muted); margin-bottom: 4px; }
.lc-post-nav__title { font-weight: 600; font-size: 15px; transition: color .2s; }

/* 分页 */
.pagination, .navigation.pagination {
	margin: 48px 0 0;
	display: flex;
	justify-content: center;
}
.nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px; height: 40px;
	padding: 0 12px;
	border: 1px solid var(--lc-line);
	border-radius: 8px;
	color: var(--lc-ink);
	font-size: 14px;
	transition: all .2s;
}
.page-numbers.current { background: var(--lc-primary); border-color: var(--lc-primary); color: #fff; }
.page-numbers:hover:not(.current) { border-color: var(--lc-primary); color: var(--lc-primary); }
.page-numbers.dots { border: 0; }

/* 产品详情 */
.lc-product {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
	gap: 48px;
	padding-top: 56px;
	align-items: start;
}
.lc-product__media { border-radius: var(--lc-radius); overflow: hidden; border: 1px solid var(--lc-line); }
.lc-product__side {
	background: var(--lc-bg-soft);
	border: 1px solid var(--lc-line);
	border-radius: var(--lc-radius);
	padding: 28px;
	position: sticky;
	top: calc(var(--lc-header-h) + 24px);
}
.lc-product__price { font-size: 30px; font-weight: 800; color: var(--lc-primary); margin: 0 0 20px; }
.lc-product__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 24px; }
.lc-product__highlights li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 8px 0;
	font-size: 14.5px;
	color: var(--lc-ink);
}
.lc-product__highlights svg { width: 16px; height: 16px; color: var(--lc-primary); flex: 0 0 auto; margin-top: 5px; }

/* ========== ⑭ 侧栏小工具 ========== */
.lc-aside .widget {
	background: var(--lc-surface);
	border: 1px solid var(--lc-line);
	border-radius: var(--lc-radius);
	padding: 22px;
	margin-bottom: 24px;
}
.lc-aside .widget-title { font-size: 16px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 2px solid var(--lc-primary); display: inline-block; }
.lc-aside ul { list-style: none; }
.lc-aside li { padding: 7px 0; border-bottom: 1px dashed var(--lc-line); font-size: 14.5px; }
.lc-aside li:last-child { border-bottom: 0; }
.lc-aside a { color: var(--lc-ink); }
.lc-aside a:hover { color: var(--lc-primary); }

/* 侧栏搜索小工具（Gutenberg 搜索块） */
.lc-aside .wp-block-search { padding: 0; }
.lc-aside .wp-block-search__label {
	display: block;
	width: auto;
	font-size: 16px;
	font-weight: 700;
	color: var(--lc-ink);
	margin: 0 0 14px;
	padding: 0 0 10px;
	border-bottom: 2px solid var(--lc-primary);
}
.lc-aside .wp-block-search__inside-wrapper { display: flex; gap: 8px; margin: 0; }
.lc-aside .wp-block-search__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 44px;
	border: 1px solid var(--lc-line);
	border-radius: 999px;
	padding: 0 18px;
	font-size: 14.5px;
	background: var(--lc-bg-soft);
	transition: border-color .2s, background .2s;
}
.lc-aside .wp-block-search__input:focus { outline: none; border-color: var(--lc-primary); background: var(--lc-surface); }
.lc-aside .wp-block-search__button {
	height: 44px;
	margin: 0;
	border: 0;
	border-radius: 999px;
	background: var(--lc-primary);
	color: #fff;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 44px;
	padding: 0 22px;
	cursor: pointer;
	white-space: nowrap;
	transition: background .2s;
}
.lc-aside .wp-block-search__button:hover { background: var(--lc-primary-deep); }

/* ========== ⑮ 评论 ========== */
.comments-area { margin-top: 56px; }
.comment-list li { border-bottom: 1px solid var(--lc-line); padding: 18px 0; }
.comment-list .comment-meta { font-size: 13px; color: var(--lc-muted); margin-bottom: 6px; }
.comment-list .comment-content { font-size: 15px; line-height: 1.75; }
.comment-list .reply a {
	font-size: 13px;
	color: var(--lc-primary);
	text-decoration: none;
}
.comment-list .reply a:hover { text-decoration: underline; }

.comment-respond {
	background: var(--lc-bg-soft);
	border: 1px solid var(--lc-line);
	border-radius: var(--lc-radius);
	padding: 28px;
	margin-top: 32px;
}
.comment-reply-title { margin: 0 0 6px; font-size: 20px; font-weight: 700; }
.comment-reply-title small { margin-left: 12px; }
.comment-reply-title small a {
	font-size: 13px;
	font-weight: 400;
	color: var(--lc-muted);
	text-decoration: none;
}
.comment-reply-title small a:hover { color: var(--lc-primary); }
.comment-notes { font-size: 13px; color: var(--lc-muted); margin: 0 0 18px; }
.logged-in-as { font-size: 13.5px; color: var(--lc-muted); margin: 0 0 16px; }
.logged-in-as a { color: var(--lc-primary); text-decoration: none; }
.logged-in-as a:hover { text-decoration: underline; }

.comment-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.comment-form > p { margin: 0; }
.comment-form label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 6px;
}
.comment-form .required { color: var(--lc-primary); }
.comment-form input:not([type="submit"]):not([type="checkbox"]),
.comment-form textarea {
	width: 100%;
	border: 1px solid var(--lc-line);
	border-radius: 10px;
	padding: 11px 16px;
	font-size: 14.5px;
	background: var(--lc-surface);
	transition: border-color .2s;
}
.comment-form textarea { min-height: 150px; resize: vertical; }
.comment-form input:focus, .comment-form textarea:focus { outline: 2px solid var(--lc-primary-light); border-color: var(--lc-primary); }
.comment-form .comment-form-comment,
.comment-form .comment-form-cookies-consent,
.comment-form .form-submit { grid-column: 1 / -1; }
.comment-form .comment-form-cookies-consent {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	color: var(--lc-muted);
}
.comment-form .comment-form-cookies-consent label { margin: 0; font-weight: 400; }
.comment-form input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--lc-primary); }
.comment-form input[type="submit"] {
	justify-self: start;
	background: var(--lc-primary);
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 12px 34px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s;
}
.comment-form input[type="submit"]:hover { background: var(--lc-primary-deep); }

/* ========== ⑯ 滚动浮现（仅在 JS 可用时启用隐藏，无 JS 内容直出） ========== */
html.lc-js .lc-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s var(--lc-ease), transform .7s var(--lc-ease); }
html.lc-js .lc-reveal.is-inview { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	html.lc-js .lc-reveal { opacity: 1; transform: none; transition: none; }
	.lc-hero__photo.is-next { animation: none; }
	.lc-hero__right { display: none; }
	.lc-news__slides { transition: none; }
	.lc-news__row.is-on .lc-news__row-date,
	.lc-news__row.is-on .lc-news__row-title { animation: none; }
	html.lc-js .lc-step__body { transition: none; }
	.lc-steps__fill { transition: none; }
	.lc-step__chev { transition: none; }
}

/* ========== ⑰ 响应式 ========== */
@media (max-width: 1100px) {
	.lc-cards--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	/* 业务服务两列在半屏宽度下太挤，先收内边距和箭头 */
	.lc-services__row a { gap: 18px; padding: 26px 20px; }
	.lc-services__row a:hover { padding-left: 26px; }
	.lc-services__go { width: 40px; height: 40px; }
}

/* 平板宽度：发布中心大字与中文标题同时收一档，保证一行放得下 */
@media (max-width: 1200px) {
	.lc-news__big--release { font-size: 72px; }
	.lc-news__cn { font-size: 34px; }
}

@media (max-width: 900px) {
	:root { --lc-header-h: 60px; }
	.lc-header__nav { display: none; }
	.lc-header__burger { display: inline-flex; }
	.lc-header__cta { display: none; }
	/* 导航隐藏后 tools 不再被推开 —— 主动靠右，别贴着 logo */
	.lc-header__tools { margin-left: auto; }
	.lc-hero__left { width: 62vw; }
	/* 新闻中心：三窗改为竖屏错位布局（对标参考站竖屏规则） */
	.lc-news__inner { padding: 60px 0 48px; background-size: 3000px auto; background-position: 0 50vw; }
	.lc-news__mid { height: 100vw; margin-bottom: 150px; }
	.lc-news__box--l { width: 60vw; left: -55vw; top: 0; aspect-ratio: 1; }
	.lc-news__box--c { width: 60vw; aspect-ratio: 1; }
	.lc-news__box--r { width: 60vw; right: -55vw; aspect-ratio: 1; }
	.lc-news__box--c .lc-news__row-title {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.lc-news__btm { padding: 0 6%; margin-top: 48px; }
	.lc-news__btm-left { flex-direction: column; align-items: flex-start; }
	.lc-news__slash { display: none; }
	/* 大字与右侧按钮同行宽度和必须 < 容器宽，否则按钮被挤出屏幕（对标源站：移动端三角缩小并排右下） */
	.lc-news__big { font-size: 72px; margin-bottom: 24px; }
	.lc-news__big--release { font-size: 44px; }
	.lc-news__cn { font-weight: 600; font-size: 30px; }
	.lc-news__btm-right { justify-content: flex-end; }
	.lc-news__btn > svg { width: 48px; }
	.lc-news__btn > svg.lc-news__arrow { width: 28px; height: 7px; }
	.lc-news__btn[data-dir="next"] { margin-bottom: 0; margin-left: 10px; }
	.lc-layout { grid-template-columns: 1fr; }
	.lc-product { grid-template-columns: 1fr; }
	.lc-product__side { position: static; }
	.lc-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 32px 16px; }
	.lc-stats__item:nth-child(3)::before { display: none; }
	.lc-services__row a { gap: 18px; padding: 26px 20px; }
	.lc-services__row a:hover { padding-left: 26px; }
	.lc-services__num { display: none; }
	/* 教程中心与步骤区：窄屏收紧内边距，工具条换行 */
	.lc-tutorials { padding: 64px 0; }
	.lc-steps { padding: 16px 16px 6px; }
	.lc-steps__bar { gap: 10px; }
	.lc-steps__count { order: 3; }
	.lc-steps__acts { order: 4; width: 100%; margin-left: 0; }
	.lc-step__head { gap: 10px; }
	.lc-step__no { min-width: 30px; height: 24px; }
	.lc-step__title { font-size: 15px; }
	.lc-step__inner { padding-left: 8px; }
	.lc-steps__list--lv2,
	.lc-steps__list--lv3 { padding-left: 12px; }
	.lc-tut__h { font-size: 21px; }
}

@media (max-width: 640px) {
	.lc-cards--4, .lc-cards--3 { grid-template-columns: 1fr; }
	/* 业务服务在手机上回到单列，否则描述只剩两三个字一行 */
	.lc-services__list { grid-template-columns: 1fr; }
	.lc-cta__inner { flex-direction: column; align-items: flex-start; }
	.lc-mission { padding: 72px 0; }
	.lc-products, .lc-services { padding: 64px 0; }
	.lc-stats__grid { grid-template-columns: 1fr 1fr; }
	.post-navigation { flex-direction: column; }
}

/* 移动端输入框字号 ≥16px，避免 iOS 聚焦缩放 */
@media (max-width: 900px) {
	.lc-searchform__input,
	.comment-form input:not([type="submit"]):not([type="checkbox"]),
	.comment-form textarea { font-size: 16px; }
	.comment-form { grid-template-columns: 1fr; }
	.comment-respond { padding: 20px; }
}

/* ========== ⑱ 打印 ========== */
@media print {
	.lc-header, .lc-footer, .lc-backtop, .lc-hero__left, .lc-hero__right, .lc-cta { display: none !important; }
	.lc-site { padding-top: 0 !important; }
}

/* ========== ㉐ 明暗模式（开关样式：uiverse.io/JkHuger/warm-panther-53 改版） ========== */
/*
 * 语义：未勾选 = 月亮（黑夜模式），勾选 = 太阳（明亮模式）。
 * 状态记在 localStorage「lcbyteMode」，head 里的内联脚本抢先加 html.lc-dark，避免刷新闪白。
 * 表面颜色全部走 --lc-bg / --lc-surface 令牌，暗色只需覆盖令牌，不用逐条改选择器。
 */
.lc-mode {
	appearance: none;
	-webkit-appearance: none;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 0.75em;
	box-shadow: 0.125em 0.125em 0 0.125em rgba(0, 0, 0, 0.3) inset;
	color: #fdea7b;
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0.15em;
	width: 3em;
	height: 1.5em;
	font-size: 12px;
	flex: 0 0 auto;
	cursor: pointer;
	transition: background-color 0.1s 0.3s ease-out, box-shadow 0.1s 0.3s ease-out;
}
.lc-mode::before,
.lc-mode::after { content: ""; display: block; }
.lc-mode::before {
	background-color: #d7d7d7;
	border-radius: 50%;
	width: 1.2em;
	height: 1.2em;
	transition: background-color 0.1s 0.3s ease-out, transform 0.3s ease-out;
	z-index: 1;
}
.lc-mode::after {
	background:
		linear-gradient(transparent 50%, rgba(0, 0, 0, 0.15) 0) 0 50% / 50% 100%,
		repeating-linear-gradient(90deg, #bbb 0, #bbb, #bbb 20%, #999 20%, #999 40%) 0 50% / 50% 100%,
		radial-gradient(circle at 50% 50%, #888 25%, transparent 26%);
	background-repeat: no-repeat;
	border: 0.25em solid transparent;
	border-left: 0.4em solid #d8d8d8;
	border-right: 0 solid transparent;
	transition: border-left-color 0.1s 0.3s ease-out, transform 0.3s ease-out;
	transform: translateX(-22.5%);
	transform-origin: 25% 50%;
	width: 1.2em;
	height: 1em;
	box-sizing: border-box;
}
.lc-mode:checked {
	background-color: rgba(0, 0, 0, 0.45);
	box-shadow: 0.125em 0.125em 0 0.125em rgba(0, 0, 0, 0.1) inset;
}
.lc-mode:checked::before { background-color: currentColor; transform: translateX(125%); }
.lc-mode:checked::after { border-left-color: currentColor; transform: translateX(-2.5%) rotateY(180deg); }
.lc-mode:focus { outline: 0; }

/* 暗色令牌：html:root.lc-dark 特异性 (0,2,1)，压过样式表默认值与后台注入的 html:root 变量块 */
html:root.lc-dark {
	--lc-bg: #0e1412;
	--lc-bg-soft: #131b18;
	--lc-surface: #15201c;
	--lc-ink: #e7eeeb;
	--lc-muted: #96a5a0;
	--lc-line: #243129;
	--lc-shadow: 0 10px 30px rgba(0, 0, 0, .5);
}
html.lc-dark { color-scheme: dark; }
html.lc-dark body { background: var(--lc-bg); color: var(--lc-ink); }