{% scope_css %}

.bioh2-pedigree {
  padding: 0 clamp(1.25rem, 4vw, 3rem) !important;
  /* 1. 这里改成透明，显示页面背景 */
  background: transparent !important; 
}

.bioh2-pedigree__wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* 标题样式 */
.bioh2-pedigree__label {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #4d7c0f !important;
  margin-bottom: 12px !important;
}
.bioh2-pedigree__title {
  font-family: 'DM Serif Display', serif !important;
  font-size: clamp(1.75rem, 2.75vw, 2.5rem) !important;
  color: #1c3416 !important;
  margin-bottom: 56px !important;
}

/* 网格 */
.bioh2-pedigree__grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
}

/* === 核心修正：卡片保持白色 === */
.bioh2-pedigree__card {
  /* 2. 确保卡片背景为纯白 */
  background: #ffffff !important; 
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 2rem 2.25rem !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
  cursor: pointer;
}

/* Hover 效果 */
.bioh2-pedigree__card:hover {
  background: #ffffff !important; 
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-4px) !important;
  border-color: #d1d5db !important;
}

/* 兼容之前的 dark 类名也保持白色 */
.bioh2-pedigree__card--dark {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

/* 图标、文字等其余样式保持不变 */
.bioh2-pedigree__icon, .bioh2-pedigree__icon--dark {
  width: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  background: #e8f5e0 !important;
  color: #4d7c0f !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}

.bioh2-pedigree__card-title, .bioh2-pedigree__card-title--light {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: #1c3416 !important;
  margin-bottom: 8px !important;
}
.bioh2-pedigree__card-desc, .bioh2-pedigree__card-desc--light {
  font-size: 0.9375rem !important;
  color: #6b7280 !important;
  line-height: 1.6 !important;
}
.bioh2-pedigree__badge {
  display: inline-block !important;
  background: #c6df93 !important;
  color: #1c3416 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  padding: 2px 10px !important;
  border-radius: 4px !important;
  margin-bottom: 12px !important;
}

.bioh2-pedigree__card--wide { grid-column: 1 / -1 !important; }
.bioh2-pedigree__row { display: flex !important; gap: 32px !important; }

@media (max-width: 767px) {
  .bioh2-pedigree__grid { grid-template-columns: 1fr !important; }
  .bioh2-pedigree__row { flex-direction: column !important; }
}

{% end_scope_css %}