:root {
  --ink-950: #10233c;
  --ink-700: #40526b;
  --ink-500: #718198;
  --line: #dce5f1;
  --canvas: #f4f7fc;
  --surface: #ffffff;
  --surface-muted: #f7f9fd;
  --blue-700: #1558d6;
  --blue-600: #2563eb;
  --blue-100: #e7efff;
  --cyan-500: #14b8d4;
  --green-600: #07885d;
  --green-100: #e8faf2;
  --amber-600: #ae6506;
  --amber-100: #fff4df;
  --red-500: #df4d55;
  --red-100: #fff0f0;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow: 0 8px 24px rgba(18, 52, 89, .06);
  --sidebar-width: 260px;
  font-family: Inter, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  color: var(--ink-950);
  background: var(--canvas);
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--canvas); }
body { min-width: 320px; margin: 0; background: var(--canvas); }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible { outline: 3px solid rgba(37, 99, 235, .28); outline-offset: 2px; }
a { color: inherit; text-decoration: none; }