/* 导入谷歌字体 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Tailwind 自定义工具类 */
@layer utilities {
  .content-auto { content-visibility: auto; } /* 自动内容可见性（优化性能） */
  .hover-scale { transition: transform 0.3s ease; } /* 悬停缩放过渡 */
  .hover-scale:hover { transform: scale(1.03); } /* 悬停放大 3% */
  .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.1); } /* 文字阴影 */
  .card-shadow { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03); } /* 卡片阴影 */
}

/* 基础样式 */
html { scroll-behavior: smooth; } /* 平滑滚动 */
body { font-family: 'Montserrat', sans-serif; } /* 全局字体 */
.serif { font-family: 'Playfair Display', serif; } /* 衬线字体类 */

/* 渐入动画 */
.fade-in { animation: fadeIn 0.8s ease-in forwards; }
@keyframes fadeIn { 
  from { 
    opacity: 0; 
    transform: translateY(20px); 
  } 
  to { 
    opacity: 1; 
    transform: translateY(0); 
  } 
}

/* 自定义滚动条 */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { 
  background: #F8BBD0; 
  border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { background: #E91E63; }

/* 响应式调整 */
@media (max-width: 768px) {
  .grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}