/* 官网协议页（用户协议 / EULA）样式。
 *
 * 只被 /legal/eula 使用，复用 styles.css 里的 :root 配色变量，
 * 让协议页与首页视觉一致；不改动首页既有样式。
 */

.legal-main { padding: 64px 0 96px; background: var(--paper); }
.legal-container { max-width: 820px; }
.legal-eyebrow { margin: 0 0 8px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.legal-version { margin: 0 0 28px; color: var(--faint); font-size: 12px; }

.legal-body { padding: 46px 52px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); box-shadow: var(--shadow); }
.legal-body h1 { margin: 0 0 26px; padding-bottom: 20px; border-bottom: 1px solid var(--line); font-size: 28px; line-height: 1.35; font-weight: 800; }
.legal-body h2 { margin: 38px 0 14px; font-size: 19px; line-height: 1.5; font-weight: 750; }
.legal-body h3 { margin: 26px 0 12px; font-size: 16px; line-height: 1.5; font-weight: 750; }
.legal-body p { margin: 0 0 14px; color: var(--muted); font-size: 14px; line-height: 1.95; }
.legal-body strong { color: var(--ink); font-weight: 750; }
.legal-body em { color: var(--faint); font-style: normal; font-size: 12px; }
.legal-body code { padding: 1px 6px; border-radius: 4px; background: #eef3f6; color: var(--ink); font-size: 12px; }
.legal-body ol,
.legal-body ul { margin: 0 0 16px; padding-left: 24px; }
.legal-body li { margin-bottom: 10px; color: var(--muted); font-size: 14px; line-height: 1.95; }
.legal-body hr { margin: 34px 0; border: 0; border-top: 1px solid var(--line); }
.legal-body > p:last-child { margin-bottom: 0; color: var(--faint); font-size: 12px; }

@media (max-width: 720px) {
    .legal-main { padding: 34px 0 62px; }
    .legal-body { padding: 26px 20px; }
    .legal-body h1 { font-size: 22px; }
    .legal-body h2 { font-size: 17px; }
}