:root {
  --bg: #0a1020;
  --card: #0f1830;
  --text: #e8eeff;
  --muted: #b8c3e8;
  --line: rgba(165, 186, 255, 0.2);
  --brand: #7edbc0;
  --danger: #ff6b6b;
  --warn-bg: rgba(255, 107, 107, 0.12);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  background: linear-gradient(180deg, #070b17, var(--bg));
  color: var(--text);
  line-height: 1.85;
}

.wrap {
  width: min(920px, 92vw);
  margin: 24px auto 48px;
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 14px;
  padding: 28px 22px;
}

h1 {
  margin: 0 0 10px;
  font-size: 28px;
  color: var(--brand);
}

h2 {
  margin: 30px 0 10px;
  font-size: 20px;
  color: #d9e6ff;
  border-left: 4px solid var(--brand);
  padding-left: 10px;
}

h3 {
  margin-top: 20px;
  color: #ffffff;
  font-size: 17px;
}

p, li { color: var(--muted); }

ul, ol { padding-left: 22px; margin: 10px 0; }

.meta {
  margin-top: 8px;
  font-size: 14px;
  color: #9eb0e2;
}

a { color: #9fd0ff; word-break: break-all; }

.important-box {
  margin-top: 18px;
  padding: 18px;
  border-radius: 12px;
  background: var(--warn-bg);
  border: 1px solid rgba(255, 107, 107, 0.4);
}

.important-box h3 { margin-top: 0; color: var(--danger); }

.notice-box {
  margin: 14px 0;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid rgba(95, 137, 255, 0.22);
  background: rgba(95, 137, 255, 0.06);
}

.sdk-box {
  margin-top: 18px;
  padding: 18px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--line);
}

.legal-table {
  width: 100%;
  border-collapse: collapse;
  margin: 14px 0;
  font-size: 14px;
}

.legal-table th,
.legal-table td {
  border: 1px solid var(--line);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}

.legal-table th {
  color: #d9e6ff;
  background: rgba(255, 255, 255, 0.03);
  white-space: nowrap;
}

.footer-note {
  margin-top: 30px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  font-size: 13px;
  color: #8fa3d9;
}