/* 全局重置 + 基础样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 苹果风格字体 + 柔和配色基础 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: #374151; /* text-gray-700 */
  background-color: #f9fafb; /* bg-gray-50 */
}

/* 链接hover动效（苹果风格 + 柔和过渡） */
a {
  transition: all 0.2s ease-in-out;
  color: #374151;
}
a:hover {
  transform: translateY(-1px);
  color: #4f46e5; /* text-indigo-600 */
}

/* 产品卡片（核心视觉模块） */
.product-card {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  background-color: rgba(255, 255, 255, 0.8); /* bg-white/80 */
  border: 1px solid #e5e7eb; /* border-gray-200 */
}
.product-card:hover {
  box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.08); /* 浅靛蓝阴影 */
  transform: translateY(-5px);
}

/* 首屏hero区域（柔和背景） */
.hero-section {
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 80px;
  background-color: #f3f4f6; /* bg-gray-100 */
}

/* 响应式调整 */
@media (max-width: 768px) {
  .hero-section {
    min-height: calc(100vh - 64px);
    padding: 40px 20px;
  }
}

/* 按钮样式（柔和靛蓝 + 极简圆角） */
.btn-primary {
  @apply bg-indigo-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-indigo-700 transition-all shadow-sm hover:shadow;
}
.btn-secondary {
  @apply bg-gray-100 text-gray-700 px-6 py-3 rounded-lg font-medium hover:bg-gray-200 transition-all;
}