/* ============================================================
 * mehhub — 合规页面（隐私政策 / 用户协议 / 退款政策）样式
 * 复用主站视觉变量，独立排版
 * ============================================================ */

.legal-page { background: var(--bg); }

.legal-header {
  position: sticky; top: 0; z-index: 40;
  background: rgba(244, 241, 236, .86);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--line);
}
.legal-header-inner {
  max-width: 860px; margin: 0 auto;
  padding: 14px 22px;
  display: flex; align-items: center; gap: 12px;
}
.legal-header-inner .brand { margin-right: auto; }
.legal-lang {
  display: inline-flex; border: 1px solid var(--line); border-radius: 999px;
  overflow: hidden; font-size: 13px; font-weight: 600;
}
.legal-lang span {
  padding: 5px 13px; cursor: pointer; color: var(--ink-2);
  background: transparent; transition: all .15s ease; user-select: none;
}
.legal-lang span.active { background: var(--ink); color: #fff; }

.legal-container {
  max-width: 860px; margin: 0 auto; padding: 40px 22px 80px;
}
.legal-container h1 {
  font-size: clamp(26px, 4vw, 34px); font-weight: 800;
  letter-spacing: -.02em; margin: 0 0 6px;
}
.legal-meta {
  color: var(--ink-3); font-size: 13.5px; margin: 0 0 8px;
}
.legal-summary {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 16px 18px; color: var(--ink-2); font-size: 14.5px; line-height: 1.7;
  margin: 18px 0 28px;
}
.legal-body h2 {
  font-size: 19px; font-weight: 700; letter-spacing: -.01em;
  margin: 34px 0 10px; padding-top: 22px; border-top: 1px solid var(--line);
}
.legal-body h2:first-of-type { border-top: none; padding-top: 0; }
.legal-body h3 {
  font-size: 15.5px; font-weight: 700; margin: 22px 0 8px; color: var(--ink);
}
.legal-body p { margin: 10px 0; color: #3a3731; font-size: 15px; line-height: 1.85; }
.legal-body ul, .legal-body ol { margin: 10px 0; padding-left: 22px; color: #3a3731; font-size: 15px; line-height: 1.85; }
.legal-body li { margin: 6px 0; }
.legal-body strong { color: var(--ink); }
.legal-body a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.legal-toc {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 18px 20px; margin: 20px 0 8px;
}
.legal-toc h3 { margin: 0 0 10px; font-size: 13px; color: var(--ink-2); text-transform: uppercase; letter-spacing: .06em; }
.legal-toc ol { margin: 0; padding-left: 20px; font-size: 14px; line-height: 2; }
.legal-toc a { color: var(--ink-2); text-decoration: none; }
.legal-toc a:hover { color: var(--accent); }

.legal-back {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 40px; font-size: 14px; font-weight: 600; color: var(--ink-2);
}
.legal-back:hover { color: var(--accent); }

@media (max-width: 640px) {
  .legal-container { padding: 28px 18px 64px; }
  .legal-body p, .legal-body li { font-size: 14.5px; }
}