/* ============================================================
   qingnangsc.com — 完整现代东方美学设计系统 v2
   带 !important 确保覆盖主题CSS
   ============================================================ */

/* === 1. 设计令牌 === */
:root {
  --qn-gold: #b8860b;
  --qn-gold-light: #d4a843;
  --qn-vermillion: #c23b22;
  --qn-ink: #1a1a1a;
  --qn-cream: #f5f0e8;
  --qn-cream-light: #faf7f2;
}

/* === 2. 全局 === */
body { 
  -webkit-font-smoothing: antialiased !important; 
}

/* === 3. HERO SLIDER — 整块重写 === */
#heroSlider.hero-slider {
  position: relative !important;
  min-height: 70vh !important;
  overflow: hidden !important;
}
#heroSlider .hero-slide {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
}
#heroSlider .hero-slide-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(26,26,26,0.55) 0%, rgba(26,26,26,0.20) 50%, rgba(245,240,232,0.10) 100%) !important;
}
#heroSlider .hero-slide-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  text-align: center !important;
}
#heroSlider .hero-slide-content h1,
#heroSlider .hero-slide-content h2 {
  font-family: 'Noto Serif SC','Source Han Serif SC',serif !important;
  color: #ffffff !important;
  font-size: 3rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 1.5rem !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}
#heroSlider .hero-slide-content p {
  color: rgba(255,255,255,0.90) !important;
  font-size: 1.125rem !important;
  max-width: 600px !important;
  margin: 0 auto 2rem !important;
  line-height: 1.8 !important;
}

/* === 4. 按钮 === */
.cta-button, .hero-btn, .btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background: #c23b22 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.75rem !important;
  transition: all 0.3s ease !important;
}
.cta-button:hover, .hero-btn:hover, .btn-primary:hover {
  background: #a8321d !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 24px rgba(194,59,34,0.25) !important;
}

/* === 5. 卡片 === */
.tcm-card, .feature-card, .stat-card, .tcm-article {
  border-radius: 12px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.04) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.tcm-card:hover, .feature-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.08) !important;
}

/* === 6. 页脚 === */
.site-footer {
  background: #f5f0e8 !important;
  border-top: 1px solid #e8e0d5 !important;
}

/* === 7. 移动端 === */
@media (max-width: 768px) {
  #heroSlider.hero-slider { min-height: 60vh !important; }
  #heroSlider .hero-slide-content h1,
  #heroSlider .hero-slide-content h2 { font-size: 1.75rem !important; }
}