/* ApiNexus Markdown 渲染：默认黑白灰；禁止回落成主题二青绿 */
.vs-md-body,
.vs-md-preview {
    /* 默认钉死黑色；主题可用 --vs-md-accent 覆盖（slate 在 theme.css 设置） */
    --vs-md-accent: var(--vs-primary, var(--accent-primary, #111111));
    --vs-md-accent-soft: rgba(17, 17, 17, 0.06);
    --vs-md-accent-soft: color-mix(in srgb, var(--vs-md-accent) 12%, transparent);
    line-height: 1.75;
    word-break: break-word;
    color: var(--text-muted, #64748b);
}
.vs-md-body h1,
.vs-md-body h2,
.vs-md-body h3,
.vs-md-body h4,
.vs-md-body h5,
.vs-md-body h6,
.vs-md-preview h1,
.vs-md-preview h2,
.vs-md-preview h3,
.vs-md-preview h4,
.vs-md-preview h5,
.vs-md-preview h6 {
    color: var(--text-main, #111111);
    font-weight: 700;
    line-height: 1.35;
    margin: 1.15em 0 0.5em;
}
.vs-md-body h1, .vs-md-preview h1 { font-size: 1.55em; }
.vs-md-body h2, .vs-md-preview h2 {
    font-size: 1.28em;
    padding-bottom: 0.35em;
    border-bottom: 1px solid var(--border-color, rgba(0, 0, 0, 0.08));
}
.vs-md-body h3, .vs-md-preview h3 { font-size: 1.12em; }
.vs-md-body h4, .vs-md-preview h4 { font-size: 1.02em; }
.vs-md-body p, .vs-md-preview p { margin: 0.65em 0; }
.vs-md-body strong, .vs-md-preview strong { color: var(--text-main, #111111); font-weight: 700; }
.vs-md-body ul,
.vs-md-body ol,
.vs-md-preview ul,
.vs-md-preview ol {
    margin: 0.65em 0;
    padding-left: 1.6em;
    list-style-position: outside;
}
.vs-md-body ul, .vs-md-preview ul { list-style-type: disc; }
.vs-md-body ol, .vs-md-preview ol { list-style-type: decimal; }
.vs-md-body ul ul, .vs-md-preview ul ul { list-style-type: circle; }
.vs-md-body li, .vs-md-preview li {
    margin: 0.28em 0;
    display: list-item;
}
.vs-md-body li > p, .vs-md-preview li > p {
    margin: 0.2em 0;
}
.vs-md-body img,
.vs-md-body video {
    max-width: 100%;
    border-radius: 10px;
    display: block;
    margin: 0.75rem 0;
}
.vs-md-video video {
    width: 100%;
    background: #0b1220;
    border-radius: 12px;
}
.vs-md-card {
    border: 1px solid var(--vs-md-accent) !important;
    border-radius: 12px;
    padding: 0.9rem 1rem;
    margin: 1rem 0;
    background: var(--vs-md-accent-soft);
}
.vs-md-card__title {
    font-weight: 700;
    margin-bottom: 0.4rem;
    color: var(--vs-md-accent) !important;
}
.vs-md-alert {
    border-radius: 10px;
    padding: 0.75rem 1rem;
    margin: 1rem 0;
    border-left: 4px solid;
}
.vs-md-alert--tip { background: rgba(59,130,246,.08); border-color: #3b82f6; }
.vs-md-alert--warning { background: rgba(245,158,11,.1); border-color: #f59e0b; }
.vs-md-alert--success {
    background: var(--vs-md-accent-soft);
    border-color: var(--vs-md-accent);
}
.vs-md-alert--danger { background: rgba(239,68,68,.1); border-color: #ef4444; }
.vs-md-collapse {
    border: 1px solid var(--border-color, rgba(0,0,0,.08));
    border-radius: 10px;
    padding: 0.5rem 0.85rem;
    margin: 1rem 0;
}
.vs-md-collapse summary { cursor: pointer; font-weight: 600; }
.vs-md-btn {
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    padding: 0.45rem 1rem;
    border-radius: 10px;
    font-size: 0.9rem;
    background: var(--vs-md-accent) !important;
}
.vs-md-timeline {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    border-left: 2px solid var(--vs-md-accent);
}
.vs-md-timeline li { padding: 0.35rem 0 0.35rem 1rem; position: relative; list-style: none; }
.vs-md-timeline li::before {
    content: '';
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--vs-md-accent);
    position: absolute; left: -5px; top: 0.7rem;
}
.vs-md-timeline__time { font-weight: 700; margin-right: 0.5rem; color: var(--vs-md-accent); }
.vs-md-music {
    border-radius: 12px;
    padding: 0.75rem 1rem;
    background: var(--vs-md-accent-soft);
    margin: 1rem 0;
}
.vs-md-music audio { width: 100%; margin-top: 0.4rem; }
.vs-md-body pre,
.vs-md-preview pre {
    position: relative;
    border-radius: 10px;
    overflow-x: auto;
    padding: 2.1rem 1rem 0.85rem;
    background: #ffffff;
    color: #1e293b;
    border: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    margin: 0.85rem 0;
}
.vs-md-body pre::before,
.vs-md-preview pre::before {
    content: none !important;
    display: none !important;
}
.vs-md-copy-btn {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    z-index: 2;
    padding: 0.18rem 0.55rem;
    font-size: 0.7rem;
    line-height: 1.4;
    border-radius: 6px;
    border: 1px solid var(--border-color, rgba(0, 0, 0, 0.12));
    background: #f8fafc;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    font-family: inherit;
}
.vs-md-copy-btn:hover {
    color: var(--text-main, #111111);
    border-color: var(--vs-md-accent, #111111);
}
.vs-md-copy-btn.is-copied {
    color: #15803d;
    border-color: #86efac;
    background: #f0fdf4;
}
.vs-md-body code {
    border-radius: 6px;
    padding: 0.1em 0.35em;
    background: rgba(15, 23, 42, 0.06);
    color: #1e293b;
    font-size: 0.92em;
}
.vs-md-body pre code { background: transparent; padding: 0; color: inherit; }
/* 浅色 IDE token（VsSyntax / 后台文档共用） */
.vs-md-body .vs-syn--keyword,
.vs-md-preview .vs-syn--keyword,
.markdown-body .vs-syn--keyword,
.detail-md .vs-syn--keyword { color: #7c3aed; font-weight: 600; }
.vs-md-body .vs-syn--string,
.vs-md-preview .vs-syn--string,
.markdown-body .vs-syn--string,
.detail-md .vs-syn--string { color: #15803d; }
.vs-md-body .vs-syn--number,
.vs-md-preview .vs-syn--number,
.markdown-body .vs-syn--number,
.detail-md .vs-syn--number { color: #c2410c; }
.vs-md-body .vs-syn--literal,
.vs-md-preview .vs-syn--literal,
.markdown-body .vs-syn--literal,
.detail-md .vs-syn--literal { color: #0369a1; }
.vs-md-body .vs-syn--key,
.vs-md-preview .vs-syn--key,
.markdown-body .vs-syn--key,
.detail-md .vs-syn--key { color: #a16207; }
.vs-md-body .vs-syn--comment,
.vs-md-preview .vs-syn--comment,
.markdown-body .vs-syn--comment,
.detail-md .vs-syn--comment { color: #94a3b8; font-style: italic; }
.vs-md-body .vs-syn--func,
.vs-md-preview .vs-syn--func,
.markdown-body .vs-syn--func,
.detail-md .vs-syn--func { color: #2563eb; }
.vs-md-body .vs-syn--attr,
.vs-md-preview .vs-syn--attr,
.markdown-body .vs-syn--attr,
.detail-md .vs-syn--attr { color: #0369a1; }
.vs-md-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.vs-md-body th, .vs-md-body td {
    border: 1px solid var(--border-color, rgba(0,0,0,.1));
    padding: 0.45rem 0.6rem;
}
.vs-md-body th {
    background: var(--vs-md-accent-soft);
    color: var(--text-main, #111111);
    font-weight: 600;
}
/* 引用：无背景；引号贴文字四角 */
.vs-md-body blockquote {
    position: relative;
    margin: 1.15rem 0;
    padding: 0.55rem 1.65rem 0.55rem 1.65rem;
    border: 0;
    border-left: 0;
    color: var(--text-main, #111111);
    background: transparent;
    border-radius: 0;
    font-style: normal;
    line-height: 1.8;
}
.vs-md-body blockquote::before {
    content: '“';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--vs-md-accent);
    opacity: 0.5;
    font-family: Georgia, 'Noto Serif SC', 'Songti SC', serif;
    pointer-events: none;
}
.vs-md-body blockquote::after {
    content: '”';
    position: absolute;
    right: 0;
    bottom: -0.15rem;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--vs-md-accent);
    opacity: 0.5;
    font-family: Georgia, 'Noto Serif SC', 'Songti SC', serif;
    pointer-events: none;
}
.vs-md-body blockquote > :first-child { margin-top: 0; }
.vs-md-body blockquote > :last-child { margin-bottom: 0; }
