/* Markdown 编辑器 - 青绿社区风 */
.md-editor {
    border: 1px solid #e3ebec;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    color: #373737;
}

.md-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    padding: 6px 8px;
    background: #f7fafa;
    border-bottom: 1px solid #e3ebec;
}

.md-btn {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    color: #4b5b5d;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.md-btn:hover,
.md-btn:focus {
    background: #e6f2f3;
    color: #07909d;
    text-decoration: none;
}

.md-btn.active {
    background: #07909d;
    color: #fff;
}

.md-toolbar-right {
    margin-left: auto;
    display: inline-flex;
    gap: 2px;
}

.md-mode-group .md-btn {
    border: 1px solid #c9dcde;
    color: #4b5b5d;
    background: #fff;
}

.md-mode-group .md-btn:hover {
    border-color: #07909d;
    color: #07909d;
    background: #e6f2f3;
}

.md-mode-group .md-btn.active {
    border-color: #07909d;
    background: #07909d;
    color: #fff;
}

.md-body {
    display: flex;
    align-items: stretch;
    min-height: 380px;
    background: #fff;
}

.md-input {
    display: block;
    width: 100%;
    min-height: 380px;
    padding: 12px 14px;
    border: 0;
    outline: 0;
    resize: vertical;
    background: #fff;
    color: #373737;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
    font-size: 14px;
    line-height: 1.8;
    box-sizing: border-box;
}

.md-preview {
    display: none;
    min-height: 380px;
    padding: 16px 20px;
    overflow: auto;
    box-sizing: border-box;
    background: #fff;
}

/* 仅编辑 */
.md-body.md-mode-edit .md-input {
    display: block;
    width: 100%;
}
.md-body.md-mode-edit .md-preview {
    display: none;
}

/* 分栏：编辑 | 预览 */
.md-body.md-mode-split .md-input {
    display: block;
    width: 50%;
    border-right: 1px solid #e3ebec;
    resize: none;
    min-height: 420px;
}
.md-body.md-mode-split .md-preview {
    display: block;
    width: 50%;
    min-height: 420px;
    background: #fbfdfd;
}

/* 仅预览 */
.md-body.md-mode-preview .md-input {
    display: none;
}
.md-body.md-mode-preview .md-preview {
    display: block;
    width: 100%;
}

.md-uploading {
    opacity: 0.7;
    pointer-events: none;
}

.md-hint {
    padding: 8px 12px;
    border-top: 1px dashed #e3ebec;
    background: #fbfdfd;
    color: #93a1a3;
    font-size: 12px;
    line-height: 1.8;
}

.md-hint code {
    padding: 1px 4px;
    border-radius: 3px;
    background: #eef5f6;
    color: #05737d;
    font-family: Consolas, Menlo, Monaco, monospace;
    font-size: 12px;
}

/* ===== 青绿社区风正文 ===== */
.markdown-body {
    color: #373737;
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Noto Sans SC", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.markdown-body > :first-child { margin-top: 0 !important; }
.markdown-body > :last-child { margin-bottom: 0 !important; }

.markdown-body a {
    color: #07909d;
    text-decoration: none;
}
.markdown-body a:hover {
    color: #06818c;
    text-decoration: underline;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body table,
.markdown-body pre {
    margin-top: 0;
    margin-bottom: 16px;
}

.markdown-body hr {
    margin: 24px 0;
    border: 0;
    border-top: 1px dashed #c9dcde;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    margin: 24px 0 12px;
    color: #2c3e40;
    font-weight: 700;
    line-height: 1.4;
}

.markdown-body h1 { font-size: 26px; }
.markdown-body h2 {
    font-size: 22px;
    border-bottom: 2px solid #d7ecee;
    padding-bottom: 8px;
}
.markdown-body h3 { font-size: 19px; }
.markdown-body h4 { font-size: 17px; }
.markdown-body h5 { font-size: 15px; }
.markdown-body h6 { font-size: 14px; color: #4b5b5d; }

.markdown-body blockquote {
    margin: 0 0 16px;
    padding: 10px 16px;
    border-left: 3px solid #07909d;
    background: #f2f9fa;
    color: #4b5b5d;
    border-radius: 0 6px 6px 0;
}
.markdown-body blockquote > :last-child { margin-bottom: 0; }

.markdown-body ul,
.markdown-body ol {
    padding-left: 2em;
}
.markdown-body ul { list-style-type: disc; }
.markdown-body ol { list-style-type: decimal; }
.markdown-body ul ul { list-style-type: circle; }
.markdown-body ul ul ul { list-style-type: square; }
.markdown-body li + li { margin-top: 4px; }

.markdown-body code,
.markdown-body tt {
    padding: 2px 5px;
    border-radius: 3px;
    background: #eef5f6;
    border: 1px solid #dcecef;
    color: #05737d;
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
    font-size: 13px;
}

.markdown-body pre {
    margin: 0 0 16px;
    padding: 14px 16px;
    border-radius: 8px;
    background: #1f3a3d;
    color: #d7f0f2;
    overflow-x: auto;
}

.markdown-body pre code {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-size: 13px;
    line-height: 1.7;
    white-space: pre;
}

.markdown-body table {
    max-width: 100%;
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
}

.markdown-body th,
.markdown-body td {
    padding: 8px 12px;
    border: 1px solid #e3ebec;
    font-size: 14px;
}

.markdown-body th {
    background: #f2f9fa;
    color: #05737d;
    font-weight: 700;
}

.markdown-body img {
    max-width: 100%;
    height: auto;
    margin: 0 0 16px;
}

.markdown-body strong,
.markdown-body b { font-weight: 700; }

.aw-content .markdown-body blockquote,
.aw-content.markdown-body blockquote {
    border-left: 3px solid #07909d;
    background: #f2f9fa;
    color: #4b5b5d;
}

.aw-content .markdown-body pre,
.aw-content.markdown-body pre {
    background: #1f3a3d;
    color: #d7f0f2;
}

.aw-content .markdown-body code:not(.hljs),
.aw-content.markdown-body code:not(.hljs) {
    background: #eef5f6;
    border: 1px solid #dcecef;
    color: #05737d;
}

.aw-content .markdown-body a,
.aw-content.markdown-body a {
    color: #07909d;
}

.aw-content .markdown-body h2,
.aw-content.markdown-body h2 {
    border-bottom: 2px solid #d7ecee;
    padding-bottom: 8px;
}

@media (max-width: 768px) {
    .md-btn { padding: 3px 6px; font-size: 12px; }
    .md-input,
    .md-preview { min-height: 280px; font-size: 14px; }
    .md-body.md-mode-split {
        flex-direction: column;
    }
    .md-body.md-mode-split .md-input,
    .md-body.md-mode-split .md-preview {
        width: 100%;
        min-height: 240px;
    }
    .md-body.md-mode-split .md-input {
        border-right: 0;
        border-bottom: 1px solid #e3ebec;
    }
    .markdown-body { font-size: 14px; }
    .md-hint { display: none; }
}