/* 自定义样式 */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* Logo样式 */
.logo-image {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  object-fit: cover;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .text-6xl {
    font-size: 2.5rem;
  }
  
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .flex-col {
    row-gap: 2rem;
  }
}

/* 过渡效果 */
.transition {
  transition: all 0.3s ease;
}

/* 自定义渐变背景 */
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.from-purple-50 {
  --tw-gradient-from: #faf5ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(250, 245, 255, 0));
}

.to-white {
  --tw-gradient-to: #ffffff;
}