:root {
  --blue: #126bff;
  --blue-dark: #0755d6;
  --navy: #051730;
  --text: #111827;
  --muted: #4b5563;
  --line: #e1e8f8;
  --section: #fafbfe;
  --section-blue: #f2f5fe;
  --green: #33b1ac;
  --shadow: 0 4px 14px rgba(20, 43, 91, .1);
  --radius: 16px;
  color-scheme: light;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: #fff; font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.container { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }