/* PAGE专属Tailwind样式 - 不修改原版CSS */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 自定义颜色配置 */
@layer base {
  :root {
    --color-primary: #3B82F6;
    --color-secondary: #64748B;
    --color-light: #F1F5F9;
    --color-dark: #1E293B;
  }
}

/* 自定义组件 */
@layer components {
  .page-container {
    @apply max-w-6xl mx-auto px-8;
  }
  .page-header {
    @apply bg-white rounded-lg shadow-sm p-6 mb-8;
  }
  .page-title {
    @apply text-3xl font-bold text-gray-900 text-center;
  }
  .page-tag {
    @apply inline-flex items-center px-3.5 py-1.5 rounded-full bg-blue-100 text-blue-600 text-sm;
  }
  .page-tag:hover {
    @apply bg-blue-200;
  }
  .page-content {
    @apply bg-white rounded-lg shadow-sm p-6;
  }
}