/**
 * markdown 输出样式
 */

.markdown {
    overflow-wrap: break-word;
    text-align: justify
}

.markdown h1 {
    font-size: 1.8rem !important;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    letter-spacing: 1px
}

.markdown h2 {
    font-size: 1.5rem !important;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    letter-spacing: 1px
}

.markdown h3 {
    font-size: 1.3rem !important;
    line-height: 1.43;
    font-weight: bold
}

.markdown h4 {
    font-size: 1.2em !important;
    margin-bottom: 16px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.5px
}

.markdown h5 {
    font-size: 1rem !important;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: bold;
    line-height: 1.4
}

.markdown h6 {
    font-size: 1rem !important;
    color: #777;
    margin-top: 1em;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 16px
}

.markdown strong {
    font-weight: bold;
    font-size: 1rem !important
}

.markdown del {
    text-decoration: line-through
}

.markdown a {
    text-decoration: underline;
}

.markdown blockquote {
    color: #666;
    border-left: 4px solid #ddd;
    padding-left: 20px;
    margin-left: 0;
    font-size: 14px;
    font-style: italic
}

.markdown ul {
    padding-left: 2em;
    margin-bottom: 16px
}

.markdown ol {
    padding-left: 2em;
    margin-bottom: 16px
}

.markdown li {
    font-size: 15px !important;
    line-height: 2
}

.markdown hr {
    height: 1px;
    border: none;
    border-top: 1px solid #ddd;
    background: none
}

/* ---------- 代码块 / 行内代码 ---------- */
.markdown code,
.markdown pre,
.markdown pre code {
    font-family: "SFMono-Regular", "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, Menlo, Monaco, "Courier New", "Microsoft YaHei", monospace;
}

/* 行内代码 */
.markdown code:not(pre > code) {
    padding: 2px 6px;
    margin: 0 2px;
    border-radius: 4px;
    font-size: 13.5px;
    color: #c7254e;
    background: #f5eeef;
    border: 1px solid #ecdfe1;
    word-break: break-word;
}

/* 代码块容器 */
.markdown pre {
    position: relative;
    margin: 1.2em 0;
    padding: 16px 18px;
    border-radius: 8px;
    background: #f6f8fa;
    border: 1px solid #e3e6ea;
    line-height: 1.7;
    color: #24292f;
    overflow-x: auto;
    tab-size: 4;
    -webkit-overflow-scrolling: touch;
}

.markdown pre code {
    display: block;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 13.5px;
    line-height: inherit;
    white-space: pre;
    word-break: normal;
    overflow-wrap: normal;
}

/* 让 highlight.js 只负责语法着色，背景/边框/内边距交由 .markdown pre 统一管理 */
.markdown pre code.hljs {
    background: transparent;
    padding: 0;
}

/* 暗色模式代码块 */
[data-theme="dark"] .markdown pre {
    background: #1b2129;
    border-color: rgba(255, 255, 255, 0.12);
    color: #c9d1d9;
}

[data-theme="dark"] .markdown code:not(pre > code) {
    color: #ff7b72;
    background: rgba(255, 123, 114, 0.12);
    border-color: rgba(255, 123, 114, 0.22);
}

.markdown table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: auto;
    word-break: keep-all;
    border-collapse: collapse;
    margin-bottom: 16px;
    table-layout: auto;
}

.markdown thead tr {
    background-color: var(--bodyBground)
}

.markdown td {
    padding: 6px 13px;
    border: 1px solid var(--borderColor)
}

.markdown th {
    padding: 6px 13px;
    border: 1px solid var(--borderColor)
}

.markdown table tr:nth-child(even) {
    background: var(--bodyBground)
}

/* 行内代码与 .markdown pre 已在上方「代码块 / 行内代码」段落统一定义 */

.markdown img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5em auto;
    box-sizing: border-box;
    border: 0;
    border-radius: 4px;
  }

.markdown hr {
    margin: 7px 0 7px 0
}
