@import 'tailwindcss';

body {
  overflow: hidden;
}

/* 表格样式 */
.markdown-container table {
  @apply text-base min-w-full border-collapse my-2 block overflow-x-auto whitespace-nowrap;
}

.markdown-container th,
.markdown-container td {
  @apply text-base border px-3 py-1.5;
  border-color: rgba(92, 91, 79, 0.5);
}

/* 列表样式 */
.markdown-container ul,
.markdown-container ol {
  @apply text-base pl-2 my-2 space-y-1 list-inside;
}

.markdown-container ul {
  @apply list-disc;
}

.markdown-container ol {
  @apply list-decimal;
}

.markdown-container li {
  @apply text-base;
}

/* 引用块 */
.markdown-container blockquote {
  @apply text-base border-l-4 pl-4 my-3 italic;
    border-color: rgba(92, 91, 79, 0.5);
}

/* 链接、强调、代码 */
.markdown-container a {
  @apply text-base text-blue-600 hover:underline;
}

.markdown-container strong {
  @apply text-base font-bold;
}

.markdown-container em {
  @apply text-base italic;
}

.markdown-container code {
  @apply bg-[#FFFFE4] px-1 py-0.5 rounded text-base;
}

/* 标题 */
.markdown-container h1 {
  @apply text-3xl font-bold mt-0 mb-4 border-b pb-2;
    border-color: rgba(92, 91, 79, 0.5);
}

.markdown-container h2 {
  @apply text-2xl font-semibold mt-0 mb-3 border-b pb-1;
    border-color: rgba(92, 91, 79, 0.5);
}

.markdown-container h3 {
  @apply text-xl font-semibold mt-0 mb-2;
}

.markdown-container h4 {
  @apply text-lg font-semibold mt-0 mb-2;
}

.markdown-container h5 {
  @apply text-base font-semibold mt-0 mb-1;
}

.markdown-container h6 {
  @apply text-sm font-semibold mt-0 mb-1 text-[#5C5B4F];
}

/* 图片 */
.markdown-container img {
  @apply max-w-full h-auto rounded my-3 shadow;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 分割线 */
.markdown-container hr {
  @apply my-6 border-t;
    border-color: rgba(92, 91, 79, 0.5);
}

/* 代码块 */
.markdown-container pre {
  @apply bg-[#FFFFE4] text-[#5C5B4F] rounded p-3 my-3 overflow-x-auto text-base;
}

.markdown-container pre code {
  @apply bg-transparent text-[#5C5B4F] p-0 rounded-none;
}

/* 删除线、上下标 */
.markdown-container del {
  @apply line-through text-[#5C5B4F];
}

.markdown-container sup,
.markdown-container sub {
  @apply text-xs;
}

/* 脚注 */
.markdown-container .footnote-ref {
  @apply text-blue-500 underline cursor-pointer;
}

.markdown-container .footnotes {
  @apply text-xs text-gray-500 mt-4 border-t pt-2;
    border-color: #5C5B4F;
}

/* 提示块（如 info/warning/danger/note）统一背景色 */
.markdown-container .info,
.markdown-container .note {
  @apply bg-[#E7E3C5] border-l-4 border-blue-400 text-blue-800 p-3 my-3 rounded;
}

.markdown-container .warning {
  @apply bg-[#E7E3C5] border-l-4 border-yellow-400 text-yellow-800 p-3 my-3 rounded;
}

.markdown-container .danger {
  @apply bg-[#E7E3C5] border-l-4 border-red-400 text-red-800 p-3 my-3 rounded;
}