/* Tailwind 配置扩展 */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 注册本地花体签名 */
@font-face {
    font-family: 'MrDafoe';
    /* 注意：这里的路径要根据你的实际文件位置调整 */
    src: url('fonts/MrDafoe-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 自定义工具类 */
@layer utilities {
  .perspective-1000 {
    perspective: 1000px;
  }
  .origin-left {
    transform-origin: left center;
  }
  .origin-center {
    transform-origin: center center;
  }
  .animate-spin-slow {
    animation: spin 8s linear infinite;
  }
  .skew-x-12 {
    transform: skewX(-12deg);
  }
}

/* 全局样式 */
body {
  background-color: #ffffff;
  color: #111827;
  overflow-x: hidden;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f3f4f6;
}
::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #2563eb;
}

/* 动画关键帧 */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* 确保动画流畅 */
* {
  scroll-behavior: smooth;
}