:root {
  --color-primary: #3c5c5d;
  --color-secondary: #7faab1;
  --color-white: #ffffff;
  --bg-app: #dde8ea;

  --font-main: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  --radius-4: 16px;

  /* 间距变量（整体调大一些） */
  --space-1: clamp(6px, 1.2vw, 8px);
  --space-2: clamp(8px, 1.8vw, 10px);
  --space-3: clamp(10px, 2.4vw, 14px);
  --space-4: clamp(14px, 3.2vw, 18px);
  --space-5: clamp(18px, 4.2vw, 22px);
  --space-6: clamp(22px, 5.2vw, 30px);
  --space-7: clamp(20px, 6.2vw, 40px);

  --font-size-base: clamp(12px, 3.6vw, 16px);
}

* { box-sizing: border-box; }
html, body { height: 100%; }

body {
  margin: 0;
  font-family: var(--font-main);
  font-size: var(--font-size-base);
  line-height: 1.5;
  color: var(--color-white);
  display: grid;
  place-items: center;
}

img { max-inline-size: 100%; block-size: auto; display: block; }
a, button { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
::placeholder { color: rgba(255,255,255,.75); }
input, button { font-size: max(16px, 1em); }

:root{
  /* 主色系统（统一用这组） */
  --primary: #3c5c5d;
  --secondary: #7faab1;
  --card: #fbfbfb;
  --page: #ffffff;
  --text-light: #949494;
  --white: #fff;
}