qwen_agent/skills_developing/z-card-image/assets/styles/md.css
2026-03-17 21:55:10 +08:00

77 lines
2.0 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
* 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; }