/* ==========================================================================
   Legal pages (Privacy Policy / Terms) — 2026-10-20
   ========================================================================== */
:root {
	--lg-brand-1: #6C3CEA;
	--lg-brand-2: #EC4096;
	--lg-ink: #1d1f25;
	--lg-ink-2: #4a4f5c;
	--lg-ink-3: #7b8290;
	--lg-line: #ececf1;
	--lg-bg: #f7f7fb;
}

.lg-hero {
	background: linear-gradient(135deg, #f3eeff 0%, #fdf1f7 55%, #f7f7fb 100%);
	border-bottom: 1px solid #eee9fb;
}
.lg-hero-in {
	width: 1180px;
	max-width: 100%;
	margin: 0 auto;
	padding: 46px 24px 40px;
	box-sizing: border-box;
}
.lg-kicker {
	display: inline-block;
	margin: 0 0 12px;
	padding: 4px 12px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid #e6ddff;
	color: var(--lg-brand-1);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.lg-hero h1 {
	margin: 0 0 10px;
	font-size: 38px;
	line-height: 1.2;
	color: var(--lg-ink);
	font-weight: 700;
}
.lg-sub {
	margin: 0 0 14px;
	font-size: 15px;
	color: var(--lg-ink-2);
}
.lg-updated {
	margin: 0;
	font-size: 13px;
	color: var(--lg-ink-3);
}

.lg-wrap {
	width: 1180px;
	max-width: 100%;
	margin: 0 auto;
	padding: 40px 24px 80px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	gap: 48px;
}

/* ---------- 目录 ---------- */
.lg-toc {
	position: sticky;
	top: 84px;
	width: 250px;
	flex: 0 0 250px;
	background: #fff;
	border: 1px solid var(--lg-line);
	border-radius: 14px;
	padding: 18px 16px;
	box-sizing: border-box;
}
.lg-toc-title {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--lg-ink-3);
}
.lg-toc nav { display: flex; flex-direction: column; }
.lg-toc a {
	display: block;
	padding: 7px 10px;
	margin: 1px 0;
	border-radius: 8px;
	font-size: 13.5px;
	line-height: 1.35;
	color: var(--lg-ink-2);
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.lg-toc a:hover { background: #f6f2ff; color: var(--lg-brand-1); }
.lg-toc a.on { background: #f3edff; color: var(--lg-brand-1); font-weight: 600; }

/* ---------- 正文 ---------- */
.lg-body {
	flex: 1;
	min-width: 0;
	background: #fff;
	border: 1px solid var(--lg-line);
	border-radius: 16px;
	padding: 34px 44px 40px;
	box-sizing: border-box;
}
.lg-intro p {
	margin: 0 0 14px;
	font-size: 15.5px;
	line-height: 1.78;
	color: var(--lg-ink-2);
}
.lg-intro {
	padding-bottom: 8px;
	border-bottom: 1px solid var(--lg-line);
	margin-bottom: 8px;
}
.lg-sec {
	padding-top: 26px;
	scroll-margin-top: 90px;
}
.lg-sec h2 {
	margin: 0 0 14px;
	font-size: 23px;
	line-height: 1.35;
	font-weight: 700;
	color: var(--lg-ink);
	padding-left: 14px;
	border-left: 4px solid var(--lg-brand-1);
}
.lg-sec h3 {
	margin: 22px 0 10px;
	font-size: 16.5px;
	font-weight: 700;
	color: var(--lg-ink);
}
.lg-sec p {
	margin: 0 0 13px;
	font-size: 15px;
	line-height: 1.8;
	color: var(--lg-ink-2);
}
.lg-sec ul {
	margin: 0 0 14px;
	padding-left: 22px;
}
.lg-sec li {
	margin: 0 0 7px;
	font-size: 15px;
	line-height: 1.75;
	color: var(--lg-ink-2);
}
.lg-sec li strong { color: var(--lg-ink); font-weight: 600; }
.lg-sec a { color: var(--lg-brand-1); text-decoration: none; }
.lg-sec a:hover { text-decoration: underline; }
.lg-sec code {
	background: #f4f5f8;
	border-radius: 4px;
	padding: 1px 5px;
	font-size: 13px;
	color: #5b4b8a;
}
.lg-contact {
	list-style: none;
	padding-left: 0 !important;
	margin-top: 6px;
}
.lg-contact li {
	padding: 10px 14px;
	margin-bottom: 8px;
	background: #faf9ff;
	border: 1px solid #f0eafd;
	border-radius: 10px;
}

.lg-foot {
	margin-top: 34px;
	padding-top: 20px;
	border-top: 1px solid var(--lg-line);
}
.lg-foot p {
	margin: 0;
	font-size: 13.5px;
	color: var(--lg-ink-3);
	line-height: 1.7;
}
.lg-foot a { color: var(--lg-brand-1); text-decoration: none; }
.lg-foot a:hover { text-decoration: underline; }

/* ---------- 响应式 ---------- */
@media (max-width: 1024px) {
	.lg-wrap { gap: 28px; padding-top: 28px; }
	.lg-body { padding: 28px 28px 32px; }
	.lg-toc { width: 210px; flex-basis: 210px; }
}

@media (max-width: 860px) {
	.lg-hero-in { padding: 32px 18px 28px; }
	.lg-hero h1 { font-size: 28px; }
	.lg-wrap { display: block; padding: 20px 16px 56px; }
	.lg-toc {
		position: static;
		width: 100%;
		flex-basis: auto;
		margin-bottom: 16px;
		padding: 14px;
	}
	.lg-toc nav {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 4px;
		max-height: 132px;
		overflow-y: auto;
	}
	.lg-toc a { font-size: 12.5px; padding: 5px 8px; background: #f8f7fc; }
	.lg-body { padding: 20px 18px 26px; border-radius: 14px; }
	.lg-sec h2 { font-size: 20px; }
	.lg-sec p, .lg-sec li { font-size: 14.5px; }
}