/* 全局变量：颜色/尺寸/间距 */
:root {
  /* 尺寸变量（全站统一） */
  --header-height: 50px;
  --footer-height: 80px;
  --content-inner-height: 530px;
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --border-radius: 32px; /* 公共容器圆角 */

  /* 配色变量（默认亮色，三色渐变背景） */
  --bg-gradient-1: #D7E3F8;
  --bg-gradient-2: #FFFFFF;
  --bg-gradient-3: #FFF8F0;
  --primary-color: #1677ff;
  --text-primary: #333333;
  --text-secondary: #666666;
  --border-color: #e8e8e8;
  --header-bg: #ffffff;
  --footer-bg: #FFF8F0;
  --content-bg: #ffffff;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* 暗色模式变量（预留） */
html.dark {
  --bg-gradient-1: #1a1a2e;
  --bg-gradient-2: #16213e;
  --bg-gradient-3: #0f3460;
  --primary-color: #4096ff;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --border-color: #434343;
  --header-bg: #1f1f1f;
  --footer-bg: #262626;
  --content-bg: #1f1f1f;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}