/* 全局字体设置 - 霞鹜文楷 */
body {
    font-family: "LXGW WenKai Lite", "霞鹜文楷", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* Markdown 内容样式 - 用于 #outputArea */

#outputArea h1 {
    @apply text-4xl font-semibold tracking-tight mt-8 mb-4 pb-4 border-b border-gray-200 dark:border-gray-800 text-gray-900 dark:text-white;
}

#outputArea h2 {
    @apply text-3xl font-semibold tracking-tight mt-8 mb-4 pb-3 border-b border-gray-200 dark:border-gray-800 text-gray-900 dark:text-white;
}

#outputArea h3 {
    @apply text-2xl font-semibold tracking-tight mt-6 mb-3 text-gray-900 dark:text-white;
}

#outputArea h4 {
    @apply text-xl font-semibold mt-6 mb-3 text-gray-900 dark:text-white;
}

#outputArea p {
    @apply text-base leading-relaxed mb-5 text-gray-700 dark:text-gray-300;
}

#outputArea ul {
    @apply list-disc list-outside ml-6 mb-5 space-y-2;
}

#outputArea ol {
    @apply list-decimal list-outside ml-6 mb-5 space-y-2;
}

#outputArea li {
    @apply text-base leading-relaxed text-gray-700 dark:text-gray-300;
}

#outputArea strong {
    @apply font-semibold text-gray-900 dark:text-white;
}

#outputArea em {
    @apply italic;
}

#outputArea code {
    @apply bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded px-1.5 py-0.5 text-sm font-mono text-blue-600 dark:text-blue-400;
}

#outputArea pre {
    @apply bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-xl p-5 mb-6 overflow-x-auto;
}

#outputArea pre code {
    @apply bg-transparent border-none p-0 text-gray-800 dark:text-gray-200 text-sm;
}

#outputArea blockquote {
    @apply border-l-4 border-blue-500 dark:border-blue-400 pl-5 py-2 my-6 text-gray-600 dark:text-gray-400 italic;
}

#outputArea table {
    @apply w-full border-collapse mb-6 text-sm;
}

#outputArea th {
    @apply bg-gray-50 dark:bg-gray-900 px-4 py-3 text-left font-semibold border-b border-gray-200 dark:border-gray-800 text-gray-900 dark:text-white;
}

#outputArea td {
    @apply px-4 py-3 border-b border-gray-200 dark:border-gray-800 text-gray-700 dark:text-gray-300;
}

#outputArea a {
    @apply text-blue-600 dark:text-blue-400 no-underline hover:underline hover:opacity-70 transition-opacity;
}

#outputArea hr {
    @apply my-8 border-t border-gray-200 dark:border-gray-800;
}

#outputArea img {
    @apply max-w-full h-auto rounded-lg my-6 shadow-sm;
}