/* DeepL翻译 落地页 — 基础重置与设计变量 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
p,
figure,
blockquote {
  margin: 0;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: var(--c-primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  font: inherit;
  color: inherit;
}

table {
  border-collapse: collapse;
  width: 100%;
}

:focus-visible {
  outline: 3px solid var(--c-focus);
  outline-offset: 2px;
}

:root {
  /* 色彩 */
  --c-primary: #1252c8;
  --c-primary-strong: #0b3a92;
  --c-primary-soft: #eaf1ff;
  --c-accent: #3f8bff;
  --c-ink: #0b1e33;
  --c-text: #1d2733;
  --c-muted: #5a6678;
  --c-border: #e3e8ef;
  --c-surface: #f5f8fd;
  --c-bg: #ffffff;
  --c-footer: #0b1e33;
  --c-footer-text: #c7d3e2;
  --c-focus: #7aa8ff;

  /* 圆角 */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 18px;

  /* 间距与宽度 */
  --maxw: 1200px;
  --gutter: clamp(20px, 5vw, 48px);
  --space-section: clamp(56px, 8vw, 108px);

  /* 阴影 */
  --shadow-sm: 0 1px 2px rgba(11, 30, 51, 0.06);
  --shadow: 0 12px 32px rgba(11, 30, 51, 0.08);
}