/* ========================================
   公众号排版主题
   重要：复制到公众号时,样式必须用内联 style
   这些样式同时控制预览和复制后的呈现
   ======================================== */

/* 基础排版规则 - 所有主题通用
   重要：行高(line-height)必须显式设置且大于字号,否则多行文字会重叠
   为了避免继承失败导致重叠,所有可见文字元素都设置了 px 单位的行高 */
.preview-content {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    word-break: break-word;
    line-height: 1.8;
    letter-spacing: 0.5px;
    font-size: 16px;  /* 默认字号,可被 JS 覆盖 */
}

.preview-content p {
    margin: 1em 0;
    line-height: 1.8;
}

.preview-content h1,
.preview-content h2,
.preview-content h3,
.preview-content h4,
.preview-content h5,
.preview-content h6 {
    margin: 1.4em 0 0.6em;
    font-weight: bold;
    line-height: 1.6;  /* 标题字号大,行高比稍小些也安全 */
}

.preview-content h1 { line-height: 1.5; }
.preview-content h2 { line-height: 1.5; }
.preview-content h3 { line-height: 1.6; }
.preview-content h4,
.preview-content h5,
.preview-content h6 { line-height: 1.6; }

.preview-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
    border-radius: 4px;
}

.preview-content blockquote {
    margin: 1em 0;
    padding: 0.5em 1em;
    line-height: 1.8;
}

.preview-content code {
    font-family: "SF Mono", Consolas, Monaco, monospace;
    font-size: 0.9em;
    padding: 2px 6px;
    border-radius: 3px;
    line-height: 1.8;  /* 行内 code 也设,避免在段落里与上下文行高冲突 */
}

.preview-content pre {
    margin: 1em 0;
    padding: 16px;
    border-radius: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 1.8;
    /* 默认不换行,长代码横向滚动条,避免中间断行 */
    white-space: pre;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

/* 覆盖 hljs 默认样式,避免 padding 和 background 叠加造成“重影” */
.preview-content pre code.hljs,
.preview-content pre code[class*="language-"] {
    padding: 0 !important;
    background: transparent !important;
    color: inherit !important;
    display: block;
    white-space: pre;
    font-family: "SF Mono", Consolas, Monaco, monospace;
    font-size: 14px;
    line-height: 1.8;
}

.preview-content pre code {
    padding: 0;
    background: transparent;
    font-size: 14px;
    line-height: 1.8;
    white-space: pre;
}

/* ============ 代码块行号 ============ */
.preview-content pre code .code-line {
    display: block;
    min-height: 1em;
    padding-left: 3.2em;       /* 给行号留位置 */
    position: relative;
    line-height: 1.8;
}

.preview-content pre code .line-num {
    position: absolute;
    left: 0;
    top: 0;
    width: 2.6em;
    text-align: right;
    color: #6b7280;
    font-size: 0.85em;
    user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
    line-height: 1.8;
}

.preview-content pre code .line-content {
    display: inline;
    line-height: 1.8;
}

/* 代码块行高补偿: 有行号时 code 本身不需要首行缩进 */
.preview-content pre code.has-line-numbers {
    counter-reset: line;
    display: block;
}

.preview-content pre code.has-line-numbers .code-line {
    counter-increment: line;
}

.preview-content table {
    border-collapse: collapse;
    width: 100%;
    margin: 1em 0;
    font-size: 0.95em;
    line-height: 1.8;
}

.preview-content table th,
.preview-content table td {
    padding: 8px 12px;
    border: 1px solid #ddd;
    line-height: 1.8;  /* 表格行高也显式设置 */
}

.preview-content ul,
.preview-content ol {
    padding-left: 1.5em;
    margin: 1em 0;
    line-height: 1.8;
}

.preview-content li {
    margin: 0.4em 0;
    line-height: 1.8;  /* 列表项独立设行高 */
}

.preview-content hr {
    margin: 2em 0;
    border: none;
    height: 1px;
}

.preview-content a {
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}

.preview-content input[type="checkbox"] {
    margin-right: 6px;
}

/* ============================================
   主题 1: 默认主题 (微信公众号默认偏丑)
   ============================================ */
.preview-content.theme-default {
    color: #333;
    background: #fff;
}

.theme-default h1 { font-size: 1.6em; border-bottom: 2px solid #333; padding-bottom: 0.3em; }
.theme-default h2 { font-size: 1.4em; border-left: 4px solid #333; padding-left: 12px; }
.theme-default h3 { font-size: 1.2em; }
.theme-default blockquote {
    background: #f5f5f5;
    border-left: 4px solid #ccc;
    color: #666;
}
.theme-default code {
    background: #f5f5f5;
    color: #e74c3c;
}
.theme-default pre {
    background: #2d2d2d;
    color: #f8f8f2;
}
.theme-default table th { background: #f5f5f5; }
.theme-default a { color: #1e6bb8; }
.theme-default hr { background: linear-gradient(to right, transparent, #ccc, transparent); height: 1px; }

/* ============================================
   主题 2: 活力橙
   ============================================ */
.preview-content.theme-orange { color: #3a3a3a; }
.theme-orange h1 { font-size: 1.5em; color: #ff6b35; text-align: center; padding: 0.5em; background: linear-gradient(to right, #ffe5dc, transparent, #ffe5dc); }
.theme-orange h2 { font-size: 1.3em; color: #ff6b35; padding-left: 12px; border-left: 5px solid #ff6b35; background: #fff5f1; padding: 8px 12px; border-radius: 4px; }
.theme-orange h3 { font-size: 1.15em; color: #ff6b35; }
.theme-orange blockquote {
    background: #fff5f1;
    border-left: 4px solid #ff6b35;
    color: #6b4423;
}
.theme-orange code { background: #fff5f1; color: #ff6b35; }
.theme-orange pre { background: #2d2d2d; color: #f8f8f2; }
.theme-orange a { color: #ff6b35; font-weight: bold; }
.theme-orange strong { color: #ff6b35; }

/* ============================================
   主题 3: 清新绿
   ============================================ */
.preview-content.theme-green { color: #2c3e50; }
.theme-green h1 { font-size: 1.5em; color: #27ae60; text-align: center; border-top: 2px solid #27ae60; border-bottom: 2px solid #27ae60; padding: 12px 0; }
.theme-green h2 { font-size: 1.3em; color: #fff; background: #27ae60; padding: 8px 16px; border-radius: 4px; display: inline-block; }
.theme-green h3 { font-size: 1.15em; color: #27ae60; border-bottom: 1px dashed #27ae60; padding-bottom: 4px; }
.theme-green blockquote {
    background: #eafaf1;
    border-left: 4px solid #27ae60;
    color: #1e8449;
}
.theme-green code { background: #eafaf1; color: #27ae60; }
.theme-green pre { background: #1e272e; color: #f8f8f2; }
.theme-green a { color: #27ae60; }
.theme-green strong { color: #16a085; font-weight: bold; }

/* ============================================
   主题 4: 优雅紫
   ============================================ */
.preview-content.theme-purple { color: #2d2d2d; }
.theme-purple h1 { font-size: 1.5em; color: #8e44ad; text-align: center; padding-bottom: 8px; position: relative; }
.theme-purple h1::after {
    content: ""; display: block; width: 60px; height: 3px;
    background: linear-gradient(to right, #8e44ad, #c39bd3);
    margin: 8px auto 0; border-radius: 2px;
}
.theme-purple h2 { font-size: 1.3em; color: #8e44ad; padding-left: 14px; border-left: 5px solid #8e44ad; }
.theme-purple h3 { font-size: 1.15em; color: #9b59b6; }
.theme-purple blockquote {
    background: linear-gradient(to right, #f4ecf7, transparent);
    border-left: 4px solid #8e44ad;
    color: #5b2c6f;
    font-style: italic;
}
.theme-purple code { background: #f4ecf7; color: #8e44ad; }
.theme-purple pre { background: #2c2c54; color: #f8f8f2; }
.theme-purple a { color: #8e44ad; }

/* ============================================
   主题 5: 商务蓝
   ============================================ */
.preview-content.theme-blue { color: #2c3e50; }
.theme-blue h1 { font-size: 1.5em; color: #fff; background: linear-gradient(135deg, #3498db, #2980b9); padding: 12px 20px; border-radius: 4px; text-align: center; }
.theme-blue h2 { font-size: 1.3em; color: #2980b9; padding: 6px 12px; background: #ebf5fb; border-radius: 4px; }
.theme-blue h3 { font-size: 1.15em; color: #2980b9; }
.theme-blue blockquote {
    background: #ebf5fb;
    border-left: 4px solid #3498db;
    color: #1f618d;
}
.theme-blue code { background: #ebf5fb; color: #2980b9; }
.theme-blue pre { background: #1c2833; color: #f8f8f2; }
.theme-blue a { color: #2980b9; font-weight: bold; }

/* ============================================
   主题 6: 中国红
   ============================================ */
.preview-content.theme-red { color: #2d2d2d; }
.theme-red h1 { font-size: 1.5em; color: #c0392b; text-align: center; padding: 12px; border: 2px solid #c0392b; border-radius: 4px; background: #fef5f4; }
.theme-red h2 { font-size: 1.3em; color: #c0392b; padding-left: 14px; border-left: 6px solid #c0392b; }
.theme-red h3 { font-size: 1.15em; color: #e74c3c; }
.theme-red blockquote {
    background: #fef5f4;
    border-left: 4px solid #c0392b;
    color: #922b21;
}
.theme-red code { background: #fef5f4; color: #c0392b; }
.theme-red pre { background: #2d2d2d; color: #f8f8f2; }
.theme-red a { color: #c0392b; font-weight: bold; }
.theme-red strong { color: #c0392b; }

/* ============================================
   主题 7: 暗黑模式
   ============================================ */
.preview-content.theme-dark {
    background: #1e1e1e;
    color: #e0e0e0;
}
.theme-dark h1 { font-size: 1.5em; color: #bb86fc; border-bottom: 2px solid #bb86fc; padding-bottom: 8px; }
.theme-dark h2 { font-size: 1.3em; color: #03dac6; padding-left: 12px; border-left: 4px solid #03dac6; }
.theme-dark h3 { font-size: 1.15em; color: #bb86fc; }
.theme-dark p { color: #e0e0e0; }
.theme-dark blockquote {
    background: #2d2d2d;
    border-left: 4px solid #bb86fc;
    color: #b0b0b0;
}
.theme-dark code { background: #2d2d2d; color: #ce9178; }
.theme-dark pre { background: #0e0e0e; color: #d4d4d4; border: 1px solid #333; }
.theme-dark table { color: #e0e0e0; }
.theme-dark table th { background: #2d2d2d; }
.theme-dark table th, .theme-dark table td { border-color: #444; }
.theme-dark a { color: #bb86fc; }
.theme-dark strong { color: #bb86fc; }
.theme-dark hr { background: linear-gradient(to right, transparent, #444, transparent); height: 1px; }
.theme-dark img { opacity: 0.9; }

/* ============================================
   主题 8: 极简白
   ============================================ */
.preview-content.theme-minimal { color: #1a1a1a; background: #fff; }
.theme-minimal h1 { font-size: 1.7em; color: #000; font-weight: 700; margin: 1.5em 0 0.8em; }
.theme-minimal h2 { font-size: 1.35em; color: #000; font-weight: 600; margin: 1.4em 0 0.6em; border-top: 1px solid #eee; padding-top: 12px; }
.theme-minimal h3 { font-size: 1.15em; color: #333; font-weight: 600; }
.theme-minimal blockquote {
    color: #666;
    border-left: 2px solid #999;
    padding-left: 1em;
    margin-left: 0;
    font-style: normal;
}
.theme-minimal code {
    background: #f0f0f0;
    color: #d6336c;
    border-radius: 3px;
}
.theme-minimal pre {
    background: #f8f8f8;
    color: #333;
    border: 1px solid #eee;
}
.theme-minimal table { color: #333; }
.theme-minimal table th { background: #f8f8f8; }
.theme-minimal table th, .theme-minimal table td { border-color: #eee; }
.theme-minimal a { color: #0066cc; }
.theme-minimal hr { border-top: 1px solid #eee; }

/* ============================================
   代码高亮主题适配(适配深色背景)
   ============================================ */
.preview-content pre code.hljs {
    background: transparent !important;
    padding: 0;
}

/* ============================================
   Mac 风格代码块 - 仿 mdnice
   代码块顶部加上红黄绿三个圆点
   ============================================ */
.preview-content pre.mac-style {
    background: #282c34 !important;
    padding-top: 32px !important;  /* 顶部留出三个圆点的空间 */
    position: relative;
    border-radius: 6px;
}

/* 三个圆点 */
.preview-content pre.mac-style::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 14px;
    width: 12px;
    height: 12px;
    background: #ff5f56;
    border-radius: 50%;
    box-shadow:
        20px 0 0 #ffbd2e,
        40px 0 0 #27c93f;
}

/* Mac 风格下的代码额外样式 */
.preview-content pre.mac-style code {
    font-family: "SF Mono", Consolas, Monaco, monospace !important;
    font-size: 13px !important;
}

.preview-content pre.mac-style.has-line-numbers .line-num {
    color: #5c6370 !important;  /* 行号颜色 */
}

/* 暗色主题下 Mac 风格 */
.theme-dark .preview-content pre.mac-style {
    background: #1e1e1e !important;
}

/* ============================================
   仿 mdnice 的多个排版主题
   ============================================ */

/* 知乎专栏 */
.preview-content.theme-zhihu { color: #404040; }
.preview-content.theme-zhihu h1 { font-size: 1.7em; color: #404040; font-weight: 600; margin: 1.4em 0 0.6em; }
.preview-content.theme-zhihu h2 { font-size: 1.4em; color: #404040; font-weight: 600; margin: 1.4em 0 0.6em; }
.preview-content.theme-zhihu h3 { font-size: 1.15em; color: #404040; font-weight: 600; margin: 1.4em 0 0.6em; }
.preview-content.theme-zhihu p { margin: 1em 0; line-height: 1.8; }
.preview-content.theme-zhihu blockquote { border-left: 3px solid #d0d0d0; padding-left: 1em; color: #666; margin: 1em 0; }
.preview-content.theme-zhihu code { background: #f5f5f5; color: #eb5757; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-zhihu pre { background: #f5f5f5; color: #404040; padding: 16px; border-radius: 4px; }
.preview-content.theme-zhihu a { color: #175199; text-decoration: none; }
.preview-content.theme-zhihu strong { color: #404040; font-weight: 600; }

/* 掘金 */
.preview-content.theme-juejin { color: #252933; }
.preview-content.theme-juejin h1 { font-size: 1.7em; color: #252933; font-weight: 700; margin: 1.4em 0 0.6em; padding-bottom: 0.3em; border-bottom: 1px solid #eaecef; }
.preview-content.theme-juejin h2 { font-size: 1.4em; color: #252933; font-weight: 700; margin: 1.4em 0 0.6em; padding-bottom: 0.3em; border-bottom: 1px solid #eaecef; }
.preview-content.theme-juejin h3 { font-size: 1.2em; color: #252933; font-weight: 600; margin: 1.4em 0 0.6em; }
.preview-content.theme-juejin p { margin: 1em 0; line-height: 1.8; }
.preview-content.theme-juejin blockquote { background: #f8f8f8; border-left: 4px solid #1e80ff; padding: 12px 16px; color: #555; margin: 1em 0; }
.preview-content.theme-jhujin code, .preview-content.theme-juejin code { background: #f6f8fa; color: #eb5757; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-juejin pre { background: #1e1e1e; color: #d4d4d4; padding: 16px; border-radius: 4px; }
.preview-content.theme-juejin a { color: #1e80ff; text-decoration: none; }
.preview-content.theme-juejin strong { color: #252933; font-weight: 600; }

/* 看云 */
.preview-content.theme-kancloud { color: #333; background: #fff; }
.preview-content.theme-kancloud h1, .preview-content.theme-kancloud h2, .preview-content.theme-kancloud h3 {
    color: #000;
    font-weight: 700;
    margin: 1.4em 0 0.6em;
}
.preview-content.theme-kancloud h1 { font-size: 1.6em; }
.preview-content.theme-kancloud h2 { font-size: 1.4em; }
.preview-content.theme-kancloud h3 { font-size: 1.2em; }
.preview-content.theme-kancloud p { margin: 1em 0; line-height: 1.7; }
.preview-content.theme-kancloud blockquote { background: #fff7e6; border-left: 4px solid #ffb74d; padding: 8px 16px; color: #5d4037; margin: 1em 0; }
.preview-content.theme-kancloud code { background: #f5f5f5; color: #d84315; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-kancloud pre { background: #fafafa; color: #333; padding: 16px; border-radius: 4px; border: 1px solid #eee; }
.preview-content.theme-kancloud a { color: #0066cc; text-decoration: underline; }
.preview-content.theme-kancloud strong { color: #000; font-weight: 700; }

/* 红粉 */
.preview-content.theme-rose { color: #4a4a4a; }
.preview-content.theme-rose h1 { font-size: 1.6em; color: #e91e63; text-align: center; padding: 8px 0; font-weight: bold; border-top: 3px double #f48fb1; border-bottom: 3px double #f48fb1; }
.preview-content.theme-rose h2 { font-size: 1.4em; color: #e91e63; padding-left: 12px; border-left: 5px solid #f48fb1; background: linear-gradient(to right, #fce4ec, transparent); padding: 8px 12px; border-radius: 4px; }
.preview-content.theme-rose h3 { font-size: 1.2em; color: #ec407a; }
.preview-content.theme-rose p { margin: 1em 0; }
.preview-content.theme-rose blockquote { background: #fce4ec; border-left: 4px solid #f06292; padding: 8px 16px; color: #880e4f; margin: 1em 0; border-radius: 4px; }
.preview-content.theme-rose code { background: #fce4ec; color: #c2185b; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-rose pre { background: #2d2d2d; color: #f8f8f2; padding: 16px; border-radius: 6px; }
.preview-content.theme-rose a { color: #e91e63; text-decoration: none; font-weight: bold; }
.preview-content.theme-rose strong { color: #c2185b; font-weight: bold; }

/* 紫羅兰 */
.preview-content.theme-violet { color: #2d2d2d; }
.preview-content.theme-violet h1 { font-size: 1.6em; color: #673ab7; text-align: center; padding: 8px 0; font-weight: bold; }
.preview-content.theme-violet h2 { font-size: 1.4em; color: #673ab7; padding-left: 14px; border-left: 6px solid #9575cd; }
.preview-content.theme-violet h3 { font-size: 1.2em; color: #7e57c2; }
.preview-content.theme-violet p { margin: 1em 0; }
.preview-content.theme-violet blockquote { background: linear-gradient(135deg, #ede7f6, transparent); border-left: 4px solid #673ab7; padding: 8px 16px; color: #4527a0; margin: 1em 0; }
.preview-content.theme-violet code { background: #ede7f6; color: #5e35b1; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-violet pre { background: #2c2c54; color: #f8f8f2; padding: 16px; border-radius: 6px; }
.preview-content.theme-violet a { color: #673ab7; text-decoration: none; font-weight: bold; }
.preview-content.theme-violet strong { color: #5e35b1; font-weight: bold; }

/* 极客黑 */
.preview-content.theme-tech { color: #cdd6e0; background: #1e2128; }
.preview-content.theme-tech h1 { font-size: 1.6em; color: #06b6d4; padding-bottom: 0.3em; border-bottom: 2px solid #06b6d4; }
.preview-content.theme-tech h2 { font-size: 1.4em; color: #06b6d4; padding-left: 12px; border-left: 4px solid #06b6d4; }
.preview-content.theme-tech h3 { font-size: 1.2em; color: #22d3ee; }
.preview-content.theme-tech p { color: #cdd6e0; margin: 1em 0; }
.preview-content.theme-tech blockquote { background: #282c34; border-left: 4px solid #06b6d4; padding: 8px 16px; color: #8b949e; margin: 1em 0; }
.preview-content.theme-tech code { background: #282c34; color: #f97583; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-tech pre { background: #0d1117; color: #c9d1d9; padding: 16px; border-radius: 6px; border: 1px solid #30363d; }
.preview-content.theme-tech a { color: #06b6d4; text-decoration: none; }
.preview-content.theme-tech strong { color: #22d3ee; font-weight: bold; }
.preview-content.theme-tech table { color: #cdd6e0; }
.preview-content.theme-tech table th { background: #21262d; }
.preview-content.theme-tech table th, .preview-content.theme-tech table td { border-color: #30363d; }

/* 橙心 */
.preview-content.theme-orange2 { color: #3a3a3a; }
.preview-content.theme-orange2 h1 { font-size: 1.6em; color: #ff5722; text-align: center; padding: 8px 0; font-weight: bold; }
.preview-content.theme-orange2 h2 { font-size: 1.4em; color: #ff5722; padding: 8px 12px; background: linear-gradient(to right, #fff3e0, transparent); border-left: 5px solid #ff5722; border-radius: 4px; }
.preview-content.theme-orange2 h3 { font-size: 1.2em; color: #f4511e; }
.preview-content.theme-orange2 p { margin: 1em 0; }
.preview-content.theme-orange2 blockquote { background: #fff3e0; border-left: 4px solid #ff5722; padding: 8px 16px; color: #bf360c; margin: 1em 0; border-radius: 4px; }
.preview-content.theme-orange2 code { background: #fff3e0; color: #e64a19; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-orange2 pre { background: #2d2d2d; color: #f8f8f2; padding: 16px; border-radius: 6px; }
.preview-content.theme-orange2 a { color: #ff5722; text-decoration: none; font-weight: bold; }
.preview-content.theme-orange2 strong { color: #e64a19; font-weight: bold; }

/* 蓝绿海洋 */
.preview-content.theme-ocean { color: #2c3e50; }
.preview-content.theme-ocean h1 { font-size: 1.6em; color: #16a085; text-align: center; padding: 8px 0; font-weight: bold; }
.preview-content.theme-ocean h2 { font-size: 1.4em; color: #16a085; padding-left: 14px; border-left: 6px solid #1abc9c; }
.preview-content.theme-ocean h3 { font-size: 1.2em; color: #1abc9c; }
.preview-content.theme-ocean p { margin: 1em 0; }
.preview-content.theme-ocean blockquote { background: linear-gradient(to right, #e0f7fa, transparent); border-left: 4px solid #1abc9c; padding: 8px 16px; color: #00695c; margin: 1em 0; border-radius: 4px; }
.preview-content.theme-ocean code { background: #e0f7fa; color: #00897b; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-ocean pre { background: #1c2833; color: #f8f8f2; padding: 16px; border-radius: 6px; }
.preview-content.theme-ocean a { color: #16a085; text-decoration: none; font-weight: bold; }
.preview-content.theme-ocean strong { color: #00897b; font-weight: bold; }

/* 古典绿 */
.preview-content.theme-classic { color: #2c3e50; }
.preview-content.theme-classic h1 { font-size: 1.6em; color: #2c5530; text-align: center; padding: 8px 16px; background: #c8e6c9; border-radius: 4px; font-weight: bold; }
.preview-content.theme-classic h2 { font-size: 1.4em; color: #2c5530; padding-left: 14px; border-left: 6px solid #388e3c; }
.preview-content.theme-classic h3 { font-size: 1.2em; color: #388e3c; }
.preview-content.theme-classic p { margin: 1em 0; }
.preview-content.theme-classic blockquote { background: #c8e6c9; border-left: 4px solid #388e3c; padding: 8px 16px; color: #1b5e20; margin: 1em 0; }
.preview-content.theme-classic code { background: #c8e6c9; color: #2e7d32; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-classic pre { background: #1e2a22; color: #f8f8f2; padding: 16px; border-radius: 6px; }
.preview-content.theme-classic a { color: #2e7d32; text-decoration: none; font-weight: bold; }
.preview-content.theme-classic strong { color: #1b5e20; font-weight: bold; }

/* GitHub */
.preview-content.theme-github { color: #24292e; }
.preview-content.theme-github h1 { font-size: 1.7em; color: #24292e; padding-bottom: 0.3em; border-bottom: 1px solid #eaecef; font-weight: 600; }
.preview-content.theme-github h2 { font-size: 1.4em; color: #24292e; padding-bottom: 0.3em; border-bottom: 1px solid #eaecef; font-weight: 600; }
.preview-content.theme-github h3 { font-size: 1.2em; color: #24292e; font-weight: 600; }
.preview-content.theme-github p { margin: 1em 0; line-height: 1.6; }
.preview-content.theme-github blockquote { border-left: 4px solid #dfe2e5; color: #6a737d; padding: 0 1em; }
.preview-content.theme-github code { background: rgba(27,31,29,0.06); color: #e01e5c; padding: 0.2em 0.4em; border-radius: 3px; }
.preview-content.theme-github pre { background: #f6f8fa; color: #24292e; padding: 16px; border-radius: 6px; }
.preview-content.theme-github a { color: #0366d6; text-decoration: none; }
.preview-content.theme-github strong { color: #24292e; font-weight: 600; }

/* 清新蓝 */
.preview-content.theme-sky { color: #2c3e50; }
.preview-content.theme-sky h1 { font-size: 1.6em; color: #fff; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding: 16px 24px; border-radius: 6px; text-align: center; font-weight: bold; }
.preview-content.theme-sky h2 { font-size: 1.4em; color: #1976d2; padding: 6px 12px; background: #e3f2fd; border-radius: 4px; }
.preview-content.theme-sky h3 { font-size: 1.2em; color: #1976d2; }
.preview-content.theme-sky p { margin: 1em 0; }
.preview-content.theme-sky blockquote { background: #e3f2fd; border-left: 4px solid #2196f3; padding: 8px 16px; color: #0d47a1; margin: 1em 0; }
.preview-content.theme-sky code { background: #e3f2fd; color: #1565c0; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-sky pre { background: #263238; color: #f8f8f2; padding: 16px; border-radius: 6px; }
.preview-content.theme-sky a { color: #1976d2; text-decoration: none; font-weight: bold; }
.preview-content.theme-sky strong { color: #1565c0; font-weight: bold; }

/* 抹茶绿 */
.preview-content.theme-matcha { color: #3a3a3a; }
.preview-content.theme-matcha h1 { font-size: 1.6em; color: #558b2f; padding-bottom: 8px; border-bottom: 2px solid #c5e1a5; font-weight: bold; }
.preview-content.theme-matcha h2 { font-size: 1.4em; color: #558b2f; padding-left: 12px; border-left: 5px solid #8bc34a; background: #f1f8e9; padding: 8px 12px; border-radius: 4px; }
.preview-content.theme-matcha h3 { font-size: 1.2em; color: #689f38; }
.preview-content.theme-matcha p { margin: 1em 0; }
.preview-content.theme-matcha blockquote { background: #f1f8e9; border-left: 4px solid #8bc34a; padding: 8px 16px; color: #33691e; margin: 1em 0; }
.preview-content.theme-matcha code { background: #f1f8e9; color: #558b2f; padding: 2px 6px; border-radius: 3px; }
.preview-content.theme-matcha pre { background: #2d2d2d; color: #f8f8f2; padding: 16px; border-radius: 6px; }
.preview-content.theme-matcha a { color: #558b2f; text-decoration: none; font-weight: bold; }
.preview-content.theme-matcha strong { color: #33691e; font-weight: bold; }