/* =========================================
   Myluzh Tech Blog - Final Polish (V12.1 Opt)
   ========================================= */

/* --- 1. 全局重置 --- */
.markdown h1, .markdown h2, .markdown h3,
.markdown h4, .markdown h5, .markdown h6 {
    color: #333;
    line-height: 1.3;
    font-weight: 700;
}

/* 深色模式标题颜色 */
[data-theme="dark"] .markdown h1,
[data-theme="dark"] .markdown h2,
[data-theme="dark"] .markdown h3,
[data-theme="dark"] .markdown h4,
[data-theme="dark"] .markdown h5,
[data-theme="dark"] .markdown h6 {
    color: #e0e0e0;
}

/* 深色模式正文颜色 */
[data-theme="dark"] .markdown p,
[data-theme="dark"] .markdown li {
    color: #c0c0c0;
}

/* --- H1: 页面大标题 --- */
.markdown h1 {
    font-size: 1.9rem !important;
    margin-top: 0.5em;
    padding-bottom: 0.5em;
    margin-bottom: 0.7em;
    border-bottom: 2px solid #eaeaea;
}
/* 深色模式 H1 下边框 */
[data-theme="dark"] .markdown h1 {
    border-bottom-color: #3a3a3a;
}

/* --- H2: 章节标题 (紧凑版) --- */
.markdown h2 {
    font-size: 1.6rem !important;
    margin-top: 0.8em;
    margin-bottom: 0.4em;
    border-bottom: none !important;
    border-left: 4px solid var(--toc-primary-color);
    border-radius: 2px;
    padding-left: 12px;
    margin-left: -12px;
    line-height: 1.3;
}

/* --- H3: 稍微加大 --- */
.markdown h3 {
    font-size: 1.28rem !important;
    margin-top: 0.9em;
    margin-bottom: 0.4em;
    font-weight: 700;
    border-bottom: none !important;
    border-left: none !important;
    padding-left: 0;
}

/* --- H4: 完美中间态 --- */
.markdown h4 {
    font-size: 1.08rem !important;
    background-color: transparent !important;
    padding: 0;
    border: none;
    margin-top: 0.7em;
    margin-bottom: 0.3em;
    font-weight: 700;
    line-height: 1.4;
}

/* --- 标题紧凑规则 --- */
.markdown h2 + h3 { margin-top: 0.35em !important; }
.markdown h3 + h4 { margin-top: 0.3em !important; }

/* --- 正文与列表 --- */
.markdown p,
.markdown li {
    font-size: 15px !important;
    line-height: 1.65;
    color: #444;
}
.markdown p {
    margin-top: 0;
    margin-bottom: 0.8em;
}

.markdown ul,
.markdown ol {
    padding-left: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.8em;
}
.markdown li {
    margin-top: 0;
    margin-bottom: 0.3em;
}
.markdown li > ul,
.markdown li > ol {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

/* --- 引用块 --- */
.markdown blockquote {
    margin: 0.8em 0;
    padding: 10px 14px;
    background-color: #f7f8fa;
    border-left: 4px solid #d0d7de;
    border-radius: 4px;
    color: #666;
    font-size: 0.95em;
    line-height: 1.6;
}
.markdown blockquote p { margin: 0 !important; }
/* 深色模式引用块 */
[data-theme="dark"] .markdown blockquote {
    background-color: #2a2a2a;
    border-left-color: #5a5a5a;
    color: #aaa;
}

/* --- 【新增】全局单行代码美化 (电脑+手机通用) --- */
.markdown :not(pre) > code {
    background-color: #f6f8fa;
    color: #d73a49;            /* 玫瑰红 */
    padding: 2px 5px;
    margin: 0 3px;
    border-radius: 4px;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;
    font-size: 0.9em !important;
    word-break: break-all;
}
/* 深色模式单行代码 */
[data-theme="dark"] .markdown :not(pre) > code {
    background-color: #3a3a3a;
    color: #ff6b6b;
}

/* --- 代码块 (电脑端默认) --- */
.markdown pre {
    margin-top: 0.6em;
    margin-bottom: 0.8em;
    border-radius: 4px;
    background-color: #f6f8fa;
    padding: 12px 16px;
    border: 1px solid #e1e4e8;
}
/* 深色模式代码块 */
[data-theme="dark"] .markdown pre {
    background-color: #1e1e1e;
    border-color: #3a3a3a;
}

/* 【这里是唯一修改】：Win字体对齐 + 缩小字号 */
.markdown pre code,
.markdown pre span,
code[class*="language-"],
pre[class*="language-"] {
    /* 使用 Cascadia Mono 或 Courier New 强制修复 Windows 黑块对齐 */
    font-family: "Cascadia Mono", "Segoe UI Mono", "Courier New", Consolas, monospace !important;
    /* 关闭连字，防止宽度波动 */
    font-variant-ligatures: none !important;
    
    /* 【新增优化】电脑端代码字号，平衡 15px 正文 */
    /* 14.5px 稍微大一点，阅读更舒适 */
    font-size: 14.5px !important;
    line-height: 1.5 !important;
}

/* --- 表格 --- */
.markdown table {
    width: 100%;
    margin: 0.8em 0;
    border-collapse: collapse;
    font-size: 0.95em;
}
.markdown th,
.markdown td {
    padding: 8px 12px;
    border: 1px solid #e1e4e8;
}
.markdown th {
    background-color: #f6f8fa;
    font-weight: 700;
    text-align: left;
}
.markdown tr:nth-child(even) {
    background-color: #f8f9fa;
}
.markdown tr:hover {
    background-color: #f0f2f5;
}
.markdown table p {
    margin: 0;
}
/* 深色模式表格优化 */
[data-theme="dark"] .markdown th,
[data-theme="dark"] .markdown td {
    border-color: #444;
}
[data-theme="dark"] .markdown th {
    background-color: #3a3a3a;
}
[data-theme="dark"] .markdown tr:nth-child(even) {
    background-color: #2a2a2a;
}
[data-theme="dark"] .markdown tr:hover {
    background-color: #333;
}

/* --- 图片 --- */
.markdown img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 0.8em 0;
    display: block;
}

/* --- 分隔线 --- */
.markdown hr {
    border: none;
    border-top: 2px solid #e1e4e8;
    margin: 1.5em 0;
}
/* 深色模式分隔线 */
[data-theme="dark"] .markdown hr {
    border-top-color: #3a3a3a;
}

/* --- 链接 --- */
.markdown a {
    color: #409EFF;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-bottom-color 0.2s;
}
.markdown a:hover {
    border-bottom-color: #409EFF;
}
/* 深色模式链接 */
[data-theme="dark"] .markdown a {
    color: #5da9ff;
}
[data-theme="dark"] .markdown a:hover {
    color: #7eb8ff;
    border-bottom-color: #7eb8ff;
}

/* --- H5/H6 --- */
.markdown h5 {
    font-size: 1rem !important;
    margin-top: 0.7em;
    margin-bottom: 0.3em;
    font-weight: 600;
}
.markdown h6 {
    font-size: 0.95rem !important;
    margin-top: 0.6em;
    margin-bottom: 0.3em;
    font-weight: 600;
    color: #666;
}


/* =========================================
   移动端适配 (V12 - V10修复版 + 单行代码优化)
   ========================================= */
@media screen and (max-width: 768px) {
    /* --- 1. 标题与正文 (保持美观比例) --- */
    .log-title { margin-bottom: 1.4rem; font-size: 1.55rem; }
    .loglist-content { font-size: 14.5px !important; line-height: 1.65; }
    .markdown h1 { font-size: 1.65rem !important; margin-top: 0.7em; }
    .markdown h2 { font-size: 1.4rem !important; margin-top: 1em; margin-left: 0; padding-left: 10px; }
    .markdown h3 { font-size: 1.2rem !important; margin-top: 0.9em; }
    .markdown h4 { font-size: 1.03rem !important; margin-top: 0.7em; }
    .markdown h2 + h3 { margin-top: 0.3em !important; }
    
    /* 正文与列表紧凑化 */
    .markdown li, .markdown p { font-size: 14.5px !important; line-height: 1.65; }
    .markdown p { margin-top: 0; margin-bottom: 0.7em; }
    .markdown ul, .markdown ol { margin-top: 0.4em; margin-bottom: 0.7em; padding-left: 1em; }
    .markdown li { margin-bottom: 0.25em; }

    /* --- 2. 移动端单行代码微调 --- */
    .markdown :not(pre) > code {
        font-size: 13px !important; /* 手机上稍微大一点点看清 */
        padding: 2px 4px;
    }

    /* --- 3. 代码块修复 (顺应插件 V10 规则) --- */

    /* 容器：保留左侧 padding 以防止盖住行号 */
    /* 注意：padding-left: 3.8em 是为了配合插件的行号宽度 */
    .markdown pre {
        padding: 8px !important; /* 上下右 8px */
        padding-left: 3.8em !important; /* 【关键】强制给左边留出行号的位置 */
        margin-top: 0.5em;
        margin-bottom: 0.7em;
        border-radius: 6px;
        border: 1px solid #e1e4e8;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    
    /* 【核弹级对齐】：强制所有代码块内元素统一为 13px 字号 + 1.5 行高 */
    /* 目的：覆盖全局设置，强制对齐插件样式 */
    .markdown pre code, 
    .markdown pre li, 
    .markdown pre span, 
    code[class*="language-"], 
    pre[class*="language-"] { 
        font-family: "Fira Code", "Fira Mono", Menlo, Consolas, monospace !important; 
        font-size: 13px !important;   /* 手机端代码字体 */
        line-height: 1.5 !important;  /* 【关键】必须匹配插件的 1.5，否则错位 */
        direction: ltr !important;
        text-align: left !important;
        
        /* 重置可能被单行代码样式影响的属性 */
        background-color: transparent; 
        margin: 0;
        border-radius: 0;
    }

    /* 修复插件行号线的垂直对齐 */
    .line-numbers-rows, 
    .line-numbers-rows span {
        line-height: 1.5 !important; 
        font-size: 13px !important;
        padding: 0 !important; 
    }

    /* 针对 li 列表形式行号的修复 */
    .markdown pre li {
        line-height: 1.5 !important;
        margin: 0 !important;
    }

    /* --- 4. 表格紧凑化 --- */
    .markdown table {
        margin: 0.6em 0;
        font-size: 0.9em;
    }
    .markdown th,
    .markdown td {
        padding: 6px 8px;
    }

    /* --- 5. 图片紧凑化 --- */
    .markdown img {
        margin: 0.6em 0;
    }

    /* --- 6. 引用块紧凑化 --- */
    .markdown blockquote {
        margin: 0.6em 0;
        padding: 8px 12px;
        font-size: 0.9em;
    }

    /* --- 7. 分隔线紧凑化 --- */
    .markdown hr {
        margin: 1.2em 0;
    }

    /* --- 8. H5/H6 移动端 --- */
    .markdown h5 { font-size: 0.98rem !important; margin-top: 0.6em; }
    .markdown h6 { font-size: 0.93rem !important; margin-top: 0.5em; }

    /* --- 9. 深色模式代码块边框 --- */
    [data-theme="dark"] .markdown pre {
        border-color: #3a3a3a;
    }
}