/* ==========================================================================
   legal.css — 政策/条款正文的样式
   给 privacy.html 与 service_declare.html 自己用（自包含，不依赖父页面的 CSS）。
   这两份文件是被 privacy_policy.html / service.html 用 iframe 嵌进来的，
   也会有人直接打开，所以样式必须跟着文件走，不能留在外层页面里。
   ========================================================================== */

:root {
	--paper: #f7f9fc;
	--paper-line: #dfe5f0;
	--paper-ink: #2b3348;
	--paper-soft: #5b657c;
	--paper-gold: #a87c0c;
}

html,
body {
	margin: 0;
	padding: 0;
}

body.legal-body {
	background: var(--paper);
	color: var(--paper-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.78;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

.legal-paper {
	max-width: 860px;
	margin: 0 auto;
	padding: 30px 22px 60px;
}

.legal-paper h1 {
	margin: 0 0 6px;
	font-size: 28px;
	line-height: 1.25;
	letter-spacing: -.01em;
	color: #1b2233;
}

.legal-paper h1 + p {
	margin-top: 0;
	color: var(--paper-soft);
}

.legal-paper h3 {
	margin: 30px 0 2px;
	font-size: 19px;
	line-height: 1.35;
	color: #1b2233;
}

.legal-paper h4 {
	margin: 20px 0 2px;
	font-size: 16px;
	color: #1b2233;
}

.legal-paper hr {
	margin: 0 0 10px;
	border: 0;
	border-top: 2px solid rgba(168, 124, 12, .35);
}

.legal-paper p {
	margin: 0 0 12px;
	overflow-wrap: break-word;
}

.legal-paper strong {
	color: #141a28;
}

.legal-paper a {
	color: #0b5fd0;
}

/* 长段落缩进：原文用的就是这个 class（桌面缩进、手机不缩进，省得行太短） */
.legal-paper .indent_p {
	margin-left: 0;
}

/* 原文用它给"联系我们"那类段落做底色强调 */
.legal-paper .xiahuaxian {
	background: rgba(241, 199, 48, .16);
	padding: 12px 14px;
	border-radius: 10px;
	border-left: 3px solid rgba(168, 124, 12, .55);
}

.legal-paper img,
.legal-paper table {
	max-width: 100%;
	height: auto;
}

.legal-paper ul,
.legal-paper ol {
	padding-left: 22px;
}

@media (min-width: 768px) {
	.legal-paper {
		padding: 40px 34px 70px;
	}
	.legal-paper .indent_p {
		margin-left: 14px;
	}
	.legal-paper h1 {
		font-size: 32px;
	}
}

@media (max-width: 600px) {
	body.legal-body {
		font-size: 15px;
		line-height: 1.72;
	}
	.legal-paper {
		padding: 20px 15px 46px;
	}
	.legal-paper h1 {
		font-size: 22px;
	}
	.legal-paper h3 {
		font-size: 17px;
		margin-top: 24px;
	}
}