/**
 * Markdown样式文件
 * 此文件用于美化Markdown文章内容的显示效果
 */

/* Markdown容器 */
.le-markdown {
    /* 设置文字颜色 */
    color: var(--text-primary);
    /* 设置行高 */
    line-height: 1.8;
    /* 设置字体 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    /* 设置字体大小 */
    font-size: 16px;
    /* 允许长单词换行 */
    overflow-wrap: break-word;
    /* 设置字间距 */
    letter-spacing: 0.2px;
    /* 设置过渡效果 */
    transition: var(--transition);
}

/* 标题样式 */
.le-markdown h1,
.le-markdown h2,
.le-markdown h3,
.le-markdown h4,
.le-markdown h5,
.le-markdown h6 {
    /* 设置外边距 */
    margin: 1.5em 0 0.8em;
    /* 设置字体粗细 */
    font-weight: 600;
    /* 设置行高 */
    line-height: 1.25;
    /* 设置字体颜色 */
    color: var(--text-primary);
}

/* 一级标题 */
.le-markdown h1 {
    /* 设置字体大小 */
    font-size: 2em;
    /* 设置下边框 */
    border-bottom: 1px solid var(--border-color);
    /* 设置内边距 */
    padding-bottom: 0.3em;
}

/* 二级标题 */
.le-markdown h2 {
    /* 设置字体大小 */
    font-size: 1.75em;
    /* 设置下边框 */
    border-bottom: 1px solid var(--border-color);
    /* 设置内边距 */
    padding-bottom: 0.3em;
}

/* 三级标题 */
.le-markdown h3 {
    /* 设置字体大小 */
    font-size: 1.5em;
}

/* 四级标题 */
.le-markdown h4 {
    /* 设置字体大小 */
    font-size: 1.25em;
}

/* 五级标题 */
.le-markdown h5 {
    /* 设置字体大小 */
    font-size: 1.1em;
}

/* 六级标题 */
.le-markdown h6 {
    /* 设置字体大小 */
    font-size: 1em;
    /* 设置字体颜色 */
    color: var(--text-secondary);
}

/* 段落 */
.le-markdown p {
    /* 设置外边距 */
    margin: 1em 0;
    /* 设置行高 */
    line-height: 1.8;
}

/* 链接 */
.le-markdown a {
    /* 设置链接颜色 */
    color: var(--primary-color);
    /* 设置过渡效果 */
    transition: var(--transition);
}

/* 链接悬停效果 */
.le-markdown a:hover {
    /* 设置悬停时的文字颜色 */
    color: #2c6dce;
    /* 添加下划线 */
    text-decoration: underline;
}

/* 强调文本 */
.le-markdown strong {
    /* 设置字体粗细 */
    font-weight: 600;
}

/* 斜体文本 */
.le-markdown em {
    /* 设置字体样式 */
    font-style: italic;
}

/* 删除线文本 */
.le-markdown del {
    /* 设置字体颜色 */
    color: var(--text-secondary);
}

/* 代码块 */
.le-markdown pre {
    /* 设置背景色 */
    background-color: #f6f8fa;
    /* 设置边框 */
    border-radius: var(--border-radius);
    /* 设置内边距 */
    padding: 16px;
    /* 设置外边距 */
    margin: 16px 0;
    /* 设置溢出处理 */
    overflow: auto;
    /* 设置字体 */
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    /* 设置字体大小 */
    font-size: 14px;
    /* 设置行高 */
    line-height: 1.5;
}

/* 夜间模式下的代码块 */
[data-theme="dark"] .le-markdown pre {
    /* 设置背景色 */
    background-color: #2d333b;
    /* 设置文字颜色 */
    color: #adbac7;
}

/* 行内代码 */
.le-markdown code {
    /* 设置字体 */
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    /* 设置字体大小 */
    font-size: 85%;
    /* 设置背景色 */
    background-color: rgba(0, 0, 0, 0.05);
    /* 设置圆角 */
    border-radius: 3px;
    /* 设置内边距 */
    padding: 0.2em 0.4em;
}

/* 代码块中的代码 */
.le-markdown pre code {
    /* 设置背景色为透明 */
    background-color: transparent;
    /* 设置内边距 */
    padding: 0;
    /* 设置字体大小 */
    font-size: 100%;
}

/* 引用块 */
.le-markdown blockquote {
    /* 设置左边框 */
    border-left: 4px solid var(--primary-color);
    /* 设置内边距 */
    padding: 0 1em;
    /* 设置文字颜色 */
    color: var(--text-secondary);
    /* 设置外边距 */
    margin: 1em 0;
}

/* 引用块中的段落 */
.le-markdown blockquote p {
    /* 设置外边距 */
    margin: 0.5em 0;
}

/* 水平分割线 */
.le-markdown hr {
    /* 设置高度 */
    height: 1px;
    /* 设置边框 */
    border: none;
    /* 设置背景色 */
    background-color: var(--border-color);
    /* 设置外边距 */
    margin: 2em 0;
}

/* 列表 */
.le-markdown ul,
.le-markdown ol {
    /* 设置内边距 */
    padding-left: 2em;
    /* 设置外边距 */
    margin: 1em 0;
}

/* 列表项 */
.le-markdown li {
    /* 设置外边距 */
    margin: 0.5em 0;
}

/* 嵌套列表 */
.le-markdown li > ul,
.le-markdown li > ol {
    /* 设置外边距 */
    margin: 0.2em 0;
}

/* 表格 */
.le-markdown table {
    /* 设置边框折叠 */
    border-collapse: collapse;
    /* 设置宽度 */
    width: 100%;
    /* 设置外边距 */
    margin: 1em 0;
    /* 设置表格布局 */
    table-layout: fixed;
    /* 设置溢出处理 */
    overflow: auto;
    /* 设置字体大小 */
    font-size: 0.9em;
}

/* 表格标题和单元格 */
.le-markdown th,
.le-markdown td {
    /* 设置边框 */
    border: 1px solid var(--border-color);
    /* 设置内边距 */
    padding: 8px 12px;
    /* 设置溢出处理 */
    overflow: hidden;
    /* 设置文本溢出时显示省略号 */
    text-overflow: ellipsis;
    /* 设置最大宽度 */
    max-width: 100%;
}

/* 表格标题 */
.le-markdown th {
    /* 设置背景色 */
    background-color: rgba(0, 0, 0, 0.03);
    /* 设置字体粗细 */
    font-weight: 600;
    /* 设置文本对齐方式 */
    text-align: left;
}

/* 夜间模式下表格标题 */
[data-theme="dark"] .le-markdown th {
    /* 设置背景色 */
    background-color: rgba(255, 255, 255, 0.05);
}

/* 表格奇数行 */
.le-markdown tr:nth-child(odd) {
    /* 设置背景色 */
    background-color: rgba(0, 0, 0, 0.01);
}

/* 夜间模式下表格奇数行 */
[data-theme="dark"] .le-markdown tr:nth-child(odd) {
    /* 设置背景色 */
    background-color: rgba(255, 255, 255, 0.02);
}

/* 图片 */
.le-markdown img {
    /* 设置最大宽度 */
    max-width: 100%;
    /* 设置高度 */
    height: auto;
    /* 设置边框圆角 */
    border-radius: var(--border-radius);
    /* 设置外边距 */
    margin: 1em 0;
    /* 设置阴影 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    /* 设置光标样式 */
    cursor: pointer;
    /* 设置过渡效果 */
    transition: var(--transition);
}

/* 图片悬停效果 */
.le-markdown img:hover {
    /* 设置悬停时的阴影 */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

/* 任务列表 */
.le-markdown input[type="checkbox"] {
    /* 设置外边距 */
    margin-right: 0.5em;
}

/* 代码高亮 */
.le-markdown .hljs {
    /* 设置背景色 */
    background-color: transparent;
    /* 设置内边距 */
    padding: 0;
}

/* 响应式样式 - 手机 */
@media (max-width: 768px) {
    /* Markdown容器 */
    .le-markdown {
        /* 设置字体大小 */
        font-size: 15px;
    }
    
    /* 表格 */
    .le-markdown table {
        /* 设置表格布局 */
        table-layout: auto;
        /* 设置显示方式 */
        display: block;
        /* 设置溢出处理 */
        overflow-x: auto;
    }
}