:root {
  --canvas: #f3f5f7;
  --panel: #ffffff;
  --line: #dce2e7;
  --muted: #697785;
  --radius: 12px;
  --shadow: 0 18px 54px rgba(24, 39, 52, .11);
  --brand: #b95b3b;
  --brand-dark: #914129;
  --lab-accent: var(--brand);
  --lab-accent-strong: var(--brand-dark);
  --lab-focus: rgba(185, 91, 59, .24);
  font-family: var(--lab-font-sans, "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif);
  color: #17212b;
  background: var(--canvas);
}

* { box-sizing: border-box; }
body { margin: 0; }
input, button { width: 100%; min-height: 44px; font: inherit; }
input {
  padding: 0 12px;
  color: #17212b;
  border: 1px solid #c9d1d8;
  border-radius: 8px;
  background: #fff;
}
input:focus-visible, button:focus-visible { outline: 2px solid #315f83; outline-offset: 2px; }
button {
  margin-top: 6px;
  border: 1px solid var(--brand);
  border-radius: 8px;
  color: #fff;
  background: var(--brand);
  font-weight: 700;
  cursor: pointer;
}
button:hover { border-color: var(--brand-dark); background: var(--brand-dark); }