/* ===== CSS Variables & Reset ===== */
:root {
  --bg: #f5f5f7;
  --card: #ffffff;
  --ink: #1d1d1f;
  --muted: #6e6e73;
  --line: #d7d7dc;
  --soft: #ededf0;
  --accent: #0071e3;
  --accent-soft: #eaf3ff;
  --green: #25705a;
  --blue: #0066cc;
  --gold: #8f6a00;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 30px rgba(0, 0, 0, .06);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: radial-gradient(circle at 50% -280px, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 360px), var(--bg);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

button, input, select { font: inherit; }
a { color: inherit; text-decoration: none; }

.shell { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }