/* Custom styles beyond Tailwind */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

@keyframes progress-linear {
    0% { width: 0%; }
    100% { width: 100%; }
}

.carousel-progress-active {
    animation: progress-linear 5s linear infinite;
}

/* Prose styles for article content */
.prose h2 {
    font-size: 1.875rem;
    font-weight: 700;
    margin-top: 4rem;
    margin-bottom: 2rem;
    color: #111318;
}
.dark .prose h2 { color: #fff; }

.prose h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    color: #111318;
}
.dark .prose h3 { color: #fff; }

.prose p {
    font-size: 1.25rem;
    line-height: 1.75;
    margin-bottom: 2rem;
    color: #374151;
}
.dark .prose p { color: #a0acc0; }

.prose code:not(pre code) {
    background: #E8F0EE;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 1rem;
    color: #2E7D6F;
}
.dark .prose code:not(pre code) { background: #1c222d; }

.prose pre {
    background: #1c222d;
    color: #e2e8f0;
    padding: 2rem;
    border-radius: 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 1rem;
    overflow-x: auto;
    margin: 3rem 0;
}

.prose blockquote {
    border-left: 4px solid #2E7D6F;
    padding-left: 2rem;
    margin: 3rem 0;
    font-style: italic;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.75;
    color: #111318;
}
.dark .prose blockquote { color: #fff; }

.prose ul, .prose ol {
    padding-left: 1.5rem;
    margin-bottom: 2rem;
}
.prose li {
    font-size: 1.25rem;
    line-height: 1.75;
    margin-bottom: 0.5rem;
    color: #374151;
}
.dark .prose li { color: #a0acc0; }

.prose img {
    border-radius: 0.75rem;
    margin: 2rem 0;
}

.prose a {
    color: #2E7D6F;
    text-decoration: underline;
}
.prose a:hover {
    color: #256B5E;
}

/* Line clamp */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 3px; }
.dark ::-webkit-scrollbar-thumb { background-color: #334155; }

/* WordPress specific overrides */
.wp-block-image img { border-radius: 0.75rem; }
.wp-block-code { background: #1c222d; border-radius: 0.75rem; padding: 2rem; }
.wp-block-quote { border-left-color: #2E7D6F !important; }

/* Spin animation for loading */
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin 1s linear infinite; }

/* 隐藏评论区域 + 清除文章末尾空白 */
#respond, #comments, .comments-area, .comment-respond {
    display: none !important;
}
.prose > *:last-child {
    margin-bottom: 0 !important;
}
.prose > p:empty,
.prose > div:empty {
    display: none !important;
}