/* ===== Reset & Base ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* 暖色主题 - 同城生活 */
  --color-primary: #E87532;
  --color-primary-dark: #C95E22;
  --color-primary-light: #FFF0E8;
  --color-secondary: #2D5F5D;
  --color-accent: #F4A261;
  --color-warm: #FFF8F2;
  --color-bg: #FAF7F4;
  --color-surface: #FFFFFF;
  --color-text: #2C2C2C;
  --color-text-light: #6B6B6B;
  --color-text-lighter: #999;
  --color-border: #E8E3DE;
  --color-error: #E74C3C;
  --color-success: #27AE60;
  --color-warning: #F39C12;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
  --font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', sans-serif;
  --max-width: 1200px;
  --header-height: 64px;
}

html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: var(--font-family);
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
  min-height: 100vh;
}
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
button { cursor: pointer; border: none; font-family: inherit; }
input { font-family: inherit; }