:root {
  /* 主色 */
  --color-primary: #E30B20;
  --color-primary-dark: #b20000;
  --color-primary-light: #ff3344;
  /* 辅色 */
  --color-header-bg: #136fb8;
  --color-link: #136fb8;
  /* 文字 */
  --color-text: #333;
  --color-text-secondary: #666;
  --color-text-muted: #999;
  /* 背景/边框 */
  --color-bg: #fff;
  --color-bg-light: #F5F5F5;
  --color-border: #E5E5E5;
  /* 字体 */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  /* 间距 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  /* 阴影 */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
}

/* 基础响应式 - 防止窄屏溢出 */
@media (max-width: 1200px) {
  .typeArea { width: 95% !important; padding: 0 2.5% !important; }
}

/* 全局过渡 */
a, button, input, .btn { transition: all 0.2s ease; }

/* 通用按钮 */
.btn-primary {
  background: var(--color-primary);
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.2s;
}
.btn-primary:hover { background: var(--color-primary-dark); }