/** Shopify CDN: Minification failed

Line 15:0 All "@import" rules must come first

**/
/* ===== 主题颜色方案 ===== */
:root {
  --primary-bg: #2C3E50;    /* 深空灰（主背景）*/
  --accent-color: #9A031E;  /* 酒红（按钮/重点元素）*/
  --light-text: #FFFFFF;    /* 白色文字 */
  --dark-text: #333333;     /* 深灰文字 */
}

/* ===== 字体方案 ===== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Montserrat:wght@500;800&display=swap');
:root {
  --heading-font: 'Montserrat', sans-serif;  /* 标题字体 */
  --body-font: 'Roboto', sans-serif;         /* 正文字体 */
}

/* ===== 全局样式 ===== */
body {
  background-color: var(--primary-bg);
  color: var(--light-text);
  font-family: var(--body-font);
  line-height: 1.6;
}

h1, h2, h3 {
  font-family: var(--heading-font);
  font-weight: 800; /* 粗体标题 */
  color: var(--light-text);
}

/* ===== 按钮样式 ===== */
.btn-primary {
  background-color: var(--accent-color) !important;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  font-family: var(--heading-font);
  transition: background 0.3s;
}
.btn-primary:hover {
  background-color: #7A0019 !important; /* 深酒红悬停 */
}

/* ===== 响应式适配 ===== */
@media (max-width: 749px) {
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 24px;
  }
}