/* ============================================================
   armxmod.css - 颜色配色与夜间适配
   ============================================================ */

/* 强制重置基准行高，防止错位 */
code[class*="language-"],
pre[class*="language-"] {
    line-height: 1.5 !important;
    font-size: 14px;
    text-shadow: none !important;
}

/* 日间条纹背景 */
.joe_detail__article pre[class*="language-"] {
    background-color: #ffffff !important;
    /* #fafafa 与 #f5f2f0 交替，对应 1.5em 行高 */
    background-image: repeating-linear-gradient(
        to bottom,
        #fafafa 0px,
        #fafafa 1.5em,
        #f5f2f0 1.5em,
        #f5f2f0 3.0em
    ) !important;
    background-attachment: local !important;
    background-size: 100% 3.0em !important;
}

/* 标题栏背景 */
.code-header { background: #f5f2f0; }

/* 语法高亮 (日间) */
.token.comment { color: #708090; }
.token.punctuation { color: #999; }
.token.string { color: #669900; }
.token.keyword { color: #0077aa; font-weight: bold; }
.token.function { color: #dd4a68; }

/* ------------------- 夜间模式适配 ------------------- */
html[data-night="night"] .code-block-container {
    background: #282c34 !important;
    border-color: #3e4451;
}

html[data-night="night"] .code-header { 
    background: #282c34; 
    border-bottom-color: #3e4451;
}

html[data-night="night"] .language, 
html[data-night="night"] .status-text,
html[data-night="night"] .footer-status { color: #abb2bf; }

html[data-night="night"] .joe_detail__article pre[class*="language-"] {
    background-color: #282c34 !important;
    background-image: repeating-linear-gradient(
        to bottom,
        #2c313a 0px,
        #2c313a 1.5em,
        #282c34 1.5em,
        #282c34 3.0em
    ) !important;
}

html[data-night="night"] .code-footer-mask {
    background: linear-gradient(to bottom, rgba(40,44,52,0) 0%, rgba(40,44,52,1) 100%) !important;
}

/* 语法高亮 (夜间 - One Dark) */
html[data-night="night"] .token.string { color: #98c379; }
html[data-night="night"] .token.keyword { color: #c678dd; }
html[data-night="night"] .token.function { color: #61afef; }
html[data-night="night"] .token.comment { color: #7f848e; font-style: italic; }