/* 首页专用样式 */
.section-bg {
  background: var(--color-bg-subtle);
}

.hero h1 {
  background: linear-gradient(135deg, var(--color-text) 0%, var(--color-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 统计数据 */
.hero-stats {
  display: flex;
  justify-content: center;
  gap: var(--space-10);
  margin-top: var(--space-10);
}

.hero-stat {
  text-align: center;
}

.hero-stat-value {
  font-size: var(--text-3xl);
  font-weight: var(--weight-bold);
  color: var(--color-primary);
}

.hero-stat-label {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  margin-top: var(--space-1);
}

/* 工具分类 section 背景 */
.section-bg {
  background: var(--color-bg-subtle);
}

/* 卡片进入按钮动效 */
.tool-card .card {
  position: relative;
  overflow: hidden;
}

.tool-card .card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary), #818CF8);
  opacity: 0;
  transition: opacity var(--transition-base);
}

.tool-card:hover .card::after {
  opacity: 1;
}

/* FAQ 列表 */
.faq-list {
  max-width: 700px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .hero-stats {
    gap: var(--space-6);
    flex-wrap: wrap;
  }
  .hero-stat-value {
    font-size: var(--text-2xl);
  }
}