:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #f2f3ef; color: #171816; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
a { color: inherit; }
.legal-header { border-bottom: 1px solid rgba(23, 24, 22, .18); background: #fbfbf8; }
.legal-shell { width: min(100% - 40px, 920px); margin: 0 auto; }
.legal-topline { display: flex; align-items: center; justify-content: space-between; min-height: 70px; gap: 20px; font-size: 13px; }
.legal-brand { font-weight: 700; letter-spacing: .06em; text-decoration: none; }
.legal-back { color: #555852; text-decoration: none; }
.legal-back:hover { text-decoration: underline; text-underline-offset: 3px; }
.legal-main { padding: 84px 0 112px; }
.legal-kicker { margin: 0 0 14px; color: #666961; font: 12px/1.2 ui-monospace, "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
h1 { max-width: 700px; margin: 0; font-size: clamp(34px, 6vw, 64px); font-weight: 600; line-height: 1.12; }
.legal-intro { max-width: 660px; margin: 28px 0 66px; color: #555852; font-size: 16px; line-height: 1.85; }
.legal-section { padding: 30px 0; border-top: 1px solid rgba(23, 24, 22, .17); }
.legal-section h2 { margin: 0 0 14px; font-size: 19px; font-weight: 650; }
.legal-section p, .legal-section li { max-width: 760px; color: #43463f; font-size: 15px; line-height: 1.85; }
.legal-section p { margin: 0; }
.legal-section p + p { margin-top: 12px; }
.legal-section ul { margin: 12px 0 0; padding-left: 20px; }
.legal-section a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.legal-placeholder { display: inline-block; padding: 1px 6px; background: #e4e6df; color: #565a52; font-size: .9em; }
.legal-footer { padding: 30px 0 72px; border-top: 1px solid rgba(23, 24, 22, .18); color: #666961; font-size: 12px; }
@media (max-width: 560px) { .legal-shell { width: min(100% - 32px, 920px); } .legal-main { padding: 54px 0 74px; } .legal-intro { margin-bottom: 46px; } .legal-topline { min-height: 62px; } }