:root {
  color-scheme: light;
  --ink: #1d2738;
  --muted: #6b7688;
  --line: #e5eaf1;
  --blue: #2166e8;
  --red: #c62828;
  --red-soft: #fff1f0;
  --yellow: #fff4c7;
}
* { box-sizing: border-box; }
html { background: #f3f6fa; }
body {
  margin: 0;
  color: var(--ink);
  background: #f3f6fa;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}
.legal-shell {
  width: min(100%, 820px);
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 22px 56px;
  background: #fff;
}
.legal-header {
  padding: 28px 0 20px;
  text-align: center;
  border-bottom: 1px solid var(--line);
}
.legal-header h1 {
  margin: 0;
  color: #15233d;
  font-size: clamp(24px, 5.8vw, 34px);
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.legal-header p {
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 13px;
}
.legal-content { font-size: 16px; line-height: 1.85; }
.legal-content h2,
.legal-content h3,
.legal-content h4,
.legal-content h5 {
  scroll-margin-top: 20px;
  color: #172642;
  line-height: 1.5;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.legal-content h2 {
  margin: 34px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
  font-size: 21px;
}
.legal-content h3 { margin: 28px 0 10px; font-size: 18px; }
.legal-content h4,
.legal-content h5 { margin: 24px 0 8px; font-size: 16px; }
.legal-content p { margin: 11px 0; text-align: justify; overflow-wrap: anywhere; }
.legal-content ul,
.legal-content ol { margin: 10px 0; padding-left: 24px; }
.legal-content li { margin: 7px 0; }
.legal-content strong { color: #172642; font-weight: 700; }
.legal-content em { color: #5e6c80; }
.legal-content mark {
  display: block;
  margin: 13px 0;
  padding: 12px 14px;
  color: #71302e;
  border-left: 4px solid #db4b49;
  border-radius: 4px 10px 10px 4px;
  background: var(--red-soft);
}
.legal-content mark strong { color: #8b2826; }
.legal-content span[style*="color"] {
  color: var(--red) !important;
  font-weight: 700;
}
.legal-content blockquote {
  margin: 16px 0;
  padding: 12px 16px;
  color: #536177;
  border-left: 4px solid #8cb2f3;
  background: #f2f7ff;
}
.table-wrap {
  width: 100%;
  margin: 16px 0;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 10px;
}
table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
th, td { padding: 11px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
th { color: #263955; background: #f4f7fb; font-weight: 700; white-space: nowrap; }
tr:last-child td { border-bottom: 0; }
code { padding: 2px 5px; border-radius: 4px; background: #f0f3f7; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; }
pre { overflow-x: auto; padding: 14px; border-radius: 10px; color: #e7edf7; background: #1e293b; }
pre code { padding: 0; color: inherit; background: transparent; }
@media (max-width: 520px) {
  .legal-shell { padding: 0 17px 44px; }
  .legal-header { padding-top: 22px; }
  .legal-header h1 { font-size: 22px; }
  .legal-content { font-size: 15px; line-height: 1.82; }
  .legal-content h2 { font-size: 19px; }
}