/* 合规页面（服务条款 / 隐私政策）排版 */
.legal {
  padding-block: clamp(118px, 16vh, 150px) var(--space-xl);
  min-height: 100vh;
}

.legal__wrap {
  max-width: 860px;
  margin-inline: auto;
  background: var(--surface-solid);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding: clamp(1.6rem, 2.5vw + 0.5rem, 3.5rem);
}

.legal__title {
  font-size: var(--fs-3xl);
  letter-spacing: -0.02em;
  margin-bottom: 0.4em;
}

.legal__meta {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  color: var(--text-3);
  margin-bottom: 2.4em;
  padding-bottom: 1.4em;
  border-bottom: 1px solid var(--border);
}

.legal h2 {
  font-size: var(--fs-xl);
  font-family: var(--font-mono);
  font-weight: 600;
  margin-top: 2.4em;
  margin-bottom: 0.8em;
  letter-spacing: -0.01em;
}

.legal h2:first-child {
  margin-top: 0;
}

.legal p {
  font-size: var(--fs-sm);
  line-height: var(--lh-relaxed);
  color: var(--text-2);
  margin-bottom: 1.1em;
}

.legal ul,
.legal ol {
  list-style: disc;
  padding-left: 1.4em;
  margin-bottom: 1.2em;
}

.legal ol {
  list-style: decimal;
}

.legal li {
  font-size: var(--fs-sm);
  line-height: var(--lh-relaxed);
  color: var(--text-2);
  margin-bottom: 0.55em;
  padding-left: 0.2em;
}

.legal li strong {
  color: var(--text);
  font-weight: 600;
}

.legal a {
  color: var(--accent);
  border-bottom: 1px solid rgba(36, 137, 253, 0.35);
  transition: border-color 0.25s ease;
}

.legal a:hover {
  border-bottom-color: var(--accent);
}

.legal__updated {
  display: inline-flex;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  color: var(--text-3);
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 0.35em 0.9em;
  margin-bottom: 2em;
}

.legal__contact {
  margin-top: 2.8em;
  padding-top: 1.6em;
  border-top: 1px solid var(--border);
  font-size: var(--fs-sm);
  color: var(--text-2);
}

.legal__contact p {
  margin-bottom: 0.4em;
}