/* codehilite 高亮區塊 */
.highlight {
    background-color: #2d2d2d !important;
    /* 暗色背景 */
    color: #f8f8f2 !important;
    /* 文字顏色 */
    padding: 1em !important;
    border-radius: 6px !important;
    overflow-x: auto !important;
    font-family: Consolas, Monaco, 'Courier New', monospace !important;
    font-size: 0.9em !important;
    line-height: 1.4 !important;
    tab-size: 4 !important;
}

/* 語法分類顏色 */
.highlight .kn {
    color: #66d9ef !important;
}

/* keyword */
.highlight .kd {
    color: #66d9ef !important;
}

/* keyword declaration */
.highlight .nf {
    color: #f92672 !important;
}

/* function name */
.highlight .nn {
    color: #f92672 !important;
}

/* name */
.highlight .na {
    color: #a6e22e !important;
}

/* attribute name */
.highlight .s {
    color: #e6db74 !important;
}

/* string */
.highlight .c1 {
    color: #75715e !important;
    font-style: italic !important;
}

/* comment */
.highlight .cm {
    color: #75715e !important;
    font-style: italic !important;
}

/* comment */
.highlight .p {
    color: #f8f8f2 !important;
}

/* punctuation */
.highlight .nt {
    color: #f8f8f2 !important;
}

/* tag name */
.highlight .nb {
    color: #f8f8f2 !important;
}

/* built-in name */
.highlight .m {
    color: #ae81ff !important;
}

/* number */
.highlight .s2 {
    color: #e6db74 !important;
}

/* string */
.highlight .gh {
    color: #75715e !important;
}

/* generic heading */
.highlight .gu {
    color: #75715e !important;
}

/* generic underline */

/* 滾動條美化（可選） */
.highlight::-webkit-scrollbar {
    height: 8px;
    background: #1e1e1e !important;
}

.highlight::-webkit-scrollbar-thumb {
    background-color: #444 !important;
    border-radius: 4px;
}

/* 如果你想淺色主題時也好看，可用 media query 切換 */
@media (prefers-color-scheme: light) {
    .highlight {
        background-color: #f5f5f5 !important;
        color: #333 !important;
    }

    .highlight .kn,
    .highlight .kd {
        color: #0077aa !important;
    }

    .highlight .nf,
    .highlight .nn {
        color: #aa0055 !important;
    }

    .highlight .s,
    .highlight .s2 {
        color: #aa7700 !important;
    }

    .highlight .c1,
    .highlight .cm {
        color: #888888 !important;
    }
}