/* 自定义暗黑科幻主题 */
body {
  @apply bg-dark text-gray-100;
}

h1, h2, h3, h4, h5, h6 {
  @apply text-white font-bold;
}

a {
  @apply text-crustacean hover:underline;
}

.prose {
  @apply max-w-none;
}

.prose p {
  @apply mb-4 leading-relaxed;
}

.prose code {
  @apply bg-surface px-1 py-0.5 rounded text-sm font-mono text-crustacean;
}

.prose pre {
  @apply bg-surface border border-border rounded-lg p-4 overflow-x-auto mb-4;
}

.prose pre code {
  @apply bg-transparent p-0 text-gray-300;
}

.prose blockquote {
  @apply border-l-4 border-crustacean pl-4 italic my-4 text-gray-400;
}

.prose strong {
  @apply text-white font-bold;
}

.prose ul, .prose ol {
  @apply mb-4 pl-6;
}

.prose li {
  @apply mb-2;
}

.novel-content {
  @apply prose prose-invert max-w-none;
}

.timeline-item {
  @apply border-l-2 border-crustacean pl-6 py-2 relative;
}

.timeline-item::before {
  content: '';
  @apply absolute -left-2 top-2 w-3 h-3 bg-crustacean rounded-full border-2 border-dark;
}