.pageforge-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(156, 163, 175, 0.3) transparent
}

.pageforge-scrollbar::-webkit-scrollbar {
    width: 6px
}

.pageforge-scrollbar::-webkit-scrollbar-track {
    background: transparent
}

.pageforge-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.3);
    border-radius: 3px;
    transition: background-color .2s
}

.pageforge-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(156, 163, 175, 0.5)
}

.dark .pageforge-scrollbar {
    scrollbar-color: rgba(156, 163, 175, 0.2) transparent
}

.dark .pageforge-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.2)
}

.dark .pageforge-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(156, 163, 175, 0.4)
}

code[class*="language-"], pre[class*="language-"] {
    background: transparent !important;
    text-shadow: none !important;
}

/* Header 深色模式样式 */
[data-theme='dark'] {
    color-scheme: dark;
}

[data-theme='dark'] body {
    background-color: rgb(17, 24, 39);
    color: rgb(229, 231, 235);
}

[data-theme='dark'] .dark\:bg-gray-800 {
    background-color: rgb(31, 41, 55) !important;
}

[data-theme='dark'] .dark\:text-white {
    color: rgb(255, 255, 255) !important;
}

[data-theme='dark'] .dark\:text-gray-200 {
    color: rgb(229, 231, 235) !important;
}

[data-theme='dark'] .dark\:border-gray-700 {
    border-color: rgb(55, 65, 81) !important;
}