/* style.css */

.nav-link {
  @apply text-gray-500 hover:text-gray-900 transition text-sm;
}

/* 文章卡片 */
.article-card {
  @apply bg-white border border-gray-200 rounded-xl p-4 hover:border-red-400
         transition-all duration-200 cursor-pointer shadow-sm;
}
.article-card:hover {
  box-shadow: 0 0 0 1px #f87171;
}

/* Markdown 渲染区 */
.markdown-body {
  @apply text-gray-700 leading-relaxed;
}
.markdown-body h1 { @apply text-2xl font-bold text-gray-900 mt-6 mb-3; }
.markdown-body h2 { @apply text-xl font-semibold text-gray-900 mt-5 mb-2; }
.markdown-body h3 { @apply text-lg font-medium text-red-700 mt-4 mb-2; }
.markdown-body p  { @apply mb-3; }
.markdown-body a  { @apply text-red-700 hover:text-red-600 underline; }
.markdown-body ul { @apply list-disc list-inside mb-3 space-y-1; }
.markdown-body ol { @apply list-decimal list-inside mb-3 space-y-1; }
.markdown-body blockquote {
  @apply border-l-4 border-red-400 pl-4 text-gray-500 italic my-3;
}
.markdown-body table {
  @apply w-full border-collapse text-sm mb-4;
}
.markdown-body th {
  @apply bg-gray-100 text-gray-700 px-3 py-2 text-left border border-gray-200;
}
.markdown-body td {
  @apply px-3 py-2 border border-gray-200;
}
.markdown-body code {
  @apply bg-gray-100 text-red-700 px-1 py-0.5 rounded text-sm;
}
.markdown-body pre {
  @apply bg-gray-100 rounded-lg p-4 overflow-x-auto mb-3;
}
.markdown-body pre code { @apply bg-transparent p-0; }
.markdown-body hr { @apply border-gray-200 my-4; }
.markdown-body sub { @apply text-gray-400 text-xs; }

/* 标签 */
.tag {
  @apply inline-block bg-gray-100 text-gray-500 text-xs px-2 py-0.5 rounded border border-gray-200;
}

/* 加载动画 */
.spinner {
  width: 24px; height: 24px;
  border: 3px solid #e5e7eb;
  border-top-color: #b91c1c;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  display: inline-block;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* 滚动条 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f9fafb; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }