77 lines
2.0 KiB
CSS
77 lines
2.0 KiB
CSS
/*
|
||
* md.css — Markdown 内容渲染样式
|
||
* 用于 article-3-4 模板，供用户自定义覆盖。
|
||
*
|
||
* 注意：{{HIGHLIGHT_COLOR}} 由脚本在运行时内联替换到模板 <style> 里覆盖，
|
||
* 此文件中的颜色为默认值（莫兰迪绿 #3d6b4f），用户可直接修改此文件。
|
||
*/
|
||
|
||
/* ── 段落 ── */
|
||
.content p { margin-bottom: 20px; }
|
||
.content p:last-child { margin-bottom: 0; }
|
||
|
||
/* ── 加粗 / 斜体 ── */
|
||
.content strong, .content b { color: #3d6b4f; font-weight: 800; }
|
||
.content em, .content i { color: #555; font-style: italic; }
|
||
|
||
/* ── 标题 ── */
|
||
.content h1, .content h2, .content h3, .content h4 {
|
||
font-weight: 800;
|
||
line-height: 1.4;
|
||
color: #1a1a1a;
|
||
margin-bottom: 16px;
|
||
margin-top: 24px;
|
||
}
|
||
.content h2 {
|
||
font-size: 34px;
|
||
border-left: 5px solid #3d6b4f;
|
||
padding-left: 14px;
|
||
color: #3d6b4f;
|
||
}
|
||
.content h3 { font-size: 30px; color: #3d6b4f; }
|
||
|
||
/* ── 列表 ── */
|
||
.content ul, .content ol { margin: 0 0 20px 0; padding-left: 36px; }
|
||
.content li { margin-bottom: 8px; line-height: 1.75; }
|
||
.content ul li::marker { color: #3d6b4f; }
|
||
.content ol li::marker { color: #3d6b4f; font-weight: 700; }
|
||
|
||
/* ── blockquote ── */
|
||
.content blockquote {
|
||
border-left: 4px solid #3d6b4f;
|
||
background: rgba(61,107,79,0.07);
|
||
margin: 0 0 20px 0;
|
||
padding: 10px 18px;
|
||
border-radius: 0 6px 6px 0;
|
||
}
|
||
.content blockquote p { margin: 0; color: #444; font-style: italic; font-size: 27px; }
|
||
|
||
/* ── inline code ── */
|
||
.content code {
|
||
font-family: "SF Mono", "Fira Code", "Consolas", monospace;
|
||
font-size: 24px;
|
||
background: rgba(61,107,79,0.1);
|
||
color: #3d6b4f;
|
||
padding: 2px 8px;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
/* ── code block ── */
|
||
.content pre {
|
||
background: #1e2a22;
|
||
border-radius: 8px;
|
||
padding: 18px 22px;
|
||
margin-bottom: 20px;
|
||
overflow: hidden;
|
||
}
|
||
.content pre code {
|
||
background: transparent;
|
||
color: #b8f0c8;
|
||
font-size: 22px;
|
||
padding: 0;
|
||
border-radius: 0;
|
||
}
|
||
|
||
/* ── hr ── */
|
||
.content hr { border: none; border-top: 1px solid rgba(0,0,0,0.1); margin: 20px 0; }
|