/* ===== .mk11 - Markdown 渲染样式，深色主题 ===== */
/* 使用最高特异性的选择器来覆盖所有全局样式 */
html body table td div.mk11,
html body table tr td div.mk11,
html body div.mk11,
body div.mk11 {
    background-color: #2d2d2d !important;
    border: 1px solid #404040 !important;
    border-radius: 8px !important;
    padding: 18px !important;
    margin: 12px 0 !important;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', -apple-system, sans-serif !important;
    font-size: 0.9em !important;
    line-height: 1.7 !important;
    overflow-x: auto !important;
    color: #e8e8e8 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* 确保 div.mk11 本身也有这些样式（双重保险） */
div.mk11,
div.mk11[data-markdown-rendered="true"] {
    background-color: #2d2d2d !important;
    border: 1px solid #404040 !important;
    border-radius: 8px !important;
    padding: 18px !important;
    margin: 12px 0 !important;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', -apple-system, sans-serif !important;
    font-size: 0.9em !important;
    line-height: 1.7 !important;
    overflow-x: auto !important;
    color: #e8e8e8 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* .mk11 标题样式 - 使用最高特异性 */
html body div.mk11 h1,
html body div.mk11 h2,
html body div.mk11 h3,
html body div.mk11 h4,
html body div.mk11 h5,
html body div.mk11 h6,
div.mk11 h1, div.mk11 h2, div.mk11 h3, div.mk11 h4, div.mk11 h5, div.mk11 h6 {
    margin-top: 14px !important;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html body div.mk11 h1,
div.mk11 h1 {
    font-size: 1.6em !important;
    border-bottom: 2px solid #4da6ff !important;
    padding-bottom: 8px !important;
    margin-top: 20px !important;
}

html body div.mk11 h2,
div.mk11 h2 {
    font-size: 1.4em !important;
    border-bottom: 1px solid #3a8ccf !important;
    padding-bottom: 6px !important;
    margin-top: 18px !important;
}

html body div.mk11 h3, div.mk11 h3 { font-size: 1.25em !important; color: #7eb8ff !important; }
html body div.mk11 h4, div.mk11 h4 { font-size: 1.15em !important; color: #a3d3ff !important; }
html body div.mk11 h5, div.mk11 h5 { font-size: 1.05em !important; color: #c7e1ff !important; }
html body div.mk11 h6, div.mk11 h6 { font-size: 0.95em !important; color: #dbeaff !important; }

/* .mk11 段落样式 */
html body div.mk11 p,
div.mk11 p {
    margin: 10px 0 !important;
    line-height: 1.7 !important;
    text-align: justify !important;
    color: #e8e8e8 !important;
}

/* .mk11 列表样式 - 使用最高特异性来覆盖 html body ul 等全局样式 */
html body div.mk11 ul,
html body div.mk11 ol,
body div.mk11 ul,
body div.mk11 ol,
div.mk11 ul, div.mk11 ol {
    margin: 8px 0 !important;
    padding-left: 6px !important;
    list-style: disc outside !important;
    color: #e8e8e8 !important;
}

html body div.mk11 ul,
body div.mk11 ul,
div.mk11 ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
}

html body div.mk11 ol,
body div.mk11 ol,
div.mk11 ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
}

html body div.mk11 li,
body div.mk11 li,
div.mk11 li {
    margin: 4px 0 !important;
    line-height: 1.5 !important;
    padding-left: 2px !important;
    list-style-position: outside !important;
    display: list-item !important;
    color: #e8e8e8 !important;
}

/* 嵌套列表样式 */
div.mk11 ul ul {
    list-style-type: circle !important;
    margin: 4px 0 !important;
    padding-left: 5px !important;
}

div.mk11 ul ul ul {
    list-style-type: square !important;
    padding-left: 5px !important;
}

div.mk11 ol ol {
    list-style-type: lower-alpha !important;
    margin: 4px 0 !important;
    padding-left: 5px !important;
}

div.mk11 ul ol, div.mk11 ol ul {
    margin: 4px 0 !important;
    padding-left: 5px !important;
}

/* .mk11 代码块样式 - 覆盖全局 pre 样式 */
div.mk11 pre {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border: 1px solid #4a9eff !important;
    border-radius: 10px !important;
    padding: 18px !important;
    margin: 16px 0 !important;
    overflow-x: auto !important;
    font-size: 1.248em !important;
    line-height: 1.7 !important;
    box-shadow: 0 4px 15px rgba(74, 158, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', monospace !important;
    color: #e8e8e8 !important;
}

div.mk11 pre code {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 1em !important;
    color: #e8e8e8 !important;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', monospace !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    display: block !important;
    white-space: pre !important;
}

/* 内联代码样式 */
div.mk11 > code,
div.mk11 p > code,
div.mk11 li > code,
div.mk11 td > code,
div.mk11 th > code {
    background: linear-gradient(135deg, #1a1a2e 0%, #1e3a5f 100%) !important;
    border: 1px solid #4a9eff !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', monospace !important;
    font-size: 0.81em !important;
    color: #e8e8e8 !important;
    box-shadow: 0 3px 8px rgba(74, 158, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    display: inline !important;
    white-space: nowrap !important;
}

/* 特别覆盖：确保 pre 内部的 code 不应用行内代码样式 */
div.mk11 pre code {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    white-space: pre !important;
    font-size: 1em !important;
}

/* .mk11 引用样式 */
div.mk11 blockquote {
    border-left: 4px solid #4da6ff !important;
    margin: 12px 0 !important;
    padding: 8px 16px !important;
    background-color: rgba(77, 166, 255, 0.05) !important;
    color: #bbb !important;
    font-style: italic !important;
}

div.mk11 blockquote p {
    margin: 4px 0 !important;
}

/* .mk11 表格样式 */
div.mk11 table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 12px 0 !important;
    font-size: 0.95em !important;
}

div.mk11 th, div.mk11 td {
    border: 1px solid #555 !important;
    padding: 8px 12px !important;
    text-align: left !important;
}

div.mk11 th {
    background-color: #1e1e1e !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

div.mk11 td {
    color: #e8e8e8 !important;
}

div.mk11 tr:hover {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

/* .mk11 链接样式 */
div.mk11 a {
    color: #4da6ff !important;
    text-decoration: none !important;
    border-bottom: 1px dotted #4da6ff !important;
}

div.mk11 a:hover {
    color: #6bb8ff !important;
    border-bottom-style: solid !important;
}

/* .mk11 加粗和斜体 */
div.mk11 strong {
    font-weight: 600 !important;
    color: #f8f8f2 !important;
}

div.mk11 em {
    font-style: italic !important;
    color: #e8e8e8 !important;
}

/* .mk11 分隔线 */
div.mk11 hr {
    border: none !important;
    border-top: 1px solid #555 !important;
    margin: 16px 0 !important;
}

/* .mk11 图片样式 */
div.mk11 img {
    max-width: 100% !important;
    height: auto !important;
    margin: 12px 0 !important;
    border-radius: 4px !important;
}

/* 语法高亮样式 */
div.mk11 pre .keyword { color: #ff79c6 !important; font-weight: bold !important; }
div.mk11 pre .string { color: #f1fa8c !important; }
div.mk11 pre .comment { color: #6272a4 !important; font-style: italic !important; }
div.mk11 pre .number { color: #bd93f9 !important; }
div.mk11 pre .function { color: #50fa7b !important; }
div.mk11 pre .variable { color: #e8e8e8 !important; }
div.mk11 pre .operator { color: #ff5555 !important; }
div.mk11 pre .class-name { color: #ff79c6 !important; }

/* hljs 语法高亮样式兼容 */
div.mk11 pre code.hljs {
    display: block !important;
    overflow-x: auto !important;
    padding: 1em !important;
}

div.mk11 .hljs-comment,
div.mk11 .hljs-quote {
    color: #6272a4 !important;
    font-style: italic !important;
}

div.mk11 .hljs-keyword,
div.mk11 .hljs-selector-tag,
div.mk11 .hljs-subst {
    color: #ff79c6 !important;
    font-weight: bold !important;
}

div.mk11 .hljs-number,
div.mk11 .hljs-literal,
div.mk11 .hljs-variable,
div.mk11 .hljs-template-variable,
div.mk11 .hljs-tag .hljs-attr {
    color: #bd93f9 !important;
}

div.mk11 .hljs-string,
div.mk11 .hljs-doctag {
    color: #f1fa8c !important;
}

div.mk11 .hljs-title,
div.mk11 .hljs-section,
div.mk11 .hljs-selector-id {
    color: #50fa7b !important;
    font-weight: bold !important;
}

div.mk11 .hljs-type,
div.mk11 .hljs-class .hljs-title {
    color: #ff79c6 !important;
}

div.mk11 .hljs-tag,
div.mk11 .hljs-name,
div.mk11 .hljs-attribute {
    color: #e8e8e8 !important;
    font-weight: normal !important;
}

div.mk11 .hljs-regexp,
div.mk11 .hljs-link {
    color: #8be9fd !important;
}

div.mk11 .hljs-symbol,
div.mk11 .hljs-bullet {
    color: #50fa7b !important;
}

div.mk11 .hljs-built_in,
div.mk11 .hljs-builtin-name {
    color: #50fa7b !important;
}

div.mk11 .hljs-meta {
    color: #e8e8e8 !important;
}

div.mk11 .hljs-deletion {
    background: #ff555533 !important;
}

div.mk11 .hljs-addition {
    background: #50fa7b33 !important;
}

div.mk11 .hljs-emphasis {
    font-style: italic !important;
}

div.mk11 .hljs-strong {
    font-weight: bold !important;
}

/* ===== 修复：表格内的 .mk11 样式 ===== */
/* 确保 .mk11 在表格单元格中正确显示 */
table td div.mk11,
table tr td div.mk11 {
    display: block !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: 100% !important;
}

/* 覆盖 bootstrap 表格对 .mk11 内部元素的影响 */
.table div.mk11,
table div.mk11 {
    display: block !important;
    background-color: #2d2d2d !important;
    border: 1px solid #404040 !important;
    border-radius: 8px !important;
    padding: 18px !important;
    margin: 12px 0 !important;
    color: #e8e8e8 !important;
    font-size: 0.9em !important;
    line-height: 1.7 !important;
}

/* 确保 .mk11 内的列表在表格中正确显示 */
table td div.mk11 ul,
table td div.mk11 ol,
table td div.mk11 li {
    display: revert !important;
    margin: revert !important;
    padding: revert !important;
}

/* 修复：确保 .mk11 不受表格 display 属性影响 */
td div.mk11,
tr td div.mk11 {
    display: block !important;
}

/* 修复：.mk11 内的 ul/li 不受 bootstrap 影响 */
div.mk11 > ul,
div.mk11 > ol {
    margin-block-start: 0.5em !important;
    margin-block-end: 0.5em !important;
    padding-inline-start: 12px !important;
}

div.mk11 ul > li,
div.mk11 ol > li {
    margin: 4px 0 !important;
    padding: 2px 0 !important;
}