/**
 * 小程序原型 - 设计变量与基础样式
 * 用途：Apple 风格色彩、圆角、安全区等
 */
* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --apple-blue: #007AFF;
  --apple-blue-pressed: #0051D5;
  --apple-bg: #F2F2F7;
  --apple-group: #FFFFFF;
  --apple-separator: rgba(60, 60, 67, 0.12);
  --apple-label: #1C1C1E;
  --apple-label-secondary: #8E8E93;
  --apple-fill: rgba(120, 120, 128, 0.2);
  --apple-red: #FF3B30;
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --tab-h: 56px;
  --safe-bottom: env(safe-area-inset-bottom, 0);
  --safe-top: env(safe-area-inset-top, 0);
  --wx-status-h: 20px;
  --wx-nav-h: 44px;
  --wx-header-h: calc(var(--safe-top) + var(--wx-status-h) + var(--wx-nav-h));
}

html, body {
  height: 100%;
  overflow-x: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
  font-size: 17px;
  color: var(--apple-label);
  background: var(--apple-bg);
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}