/* ===== .mk12 Markdown 完整样式 ===== */
/* 支持表格、数学公式、希腊字母等完整 Markdown 渲染 */

/* ==================== .mk12 容器基础样式 ==================== */
body .mk12,
.mk12 {
    background-color: #2d2d2d;
    border: 1px solid #404040;
    border-radius: 8px;
    padding: 20px;
    margin: 15px 0;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', -apple-system, sans-serif;
    font-size: 0.95em;
    line-height: 1.8;
    overflow-x: auto;
    color: #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* ==================== .mk12 标题样式 ==================== */
body .mk12 h1,
body .mk12 h2,
body .mk12 h3,
body .mk12 h4,
body .mk12 h5,
body .mk12 h6,
.mk12 h1,
.mk12 h2,
.mk12 h3,
.mk12 h4,
.mk12 h5,
.mk12 h6 {
    margin-top: 16px !important;
    margin-bottom: 12px !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;
}

.mk12 h1 {
    font-size: 1.8em !important;
    border-bottom: 2px solid #4da6ff !important;
    padding-bottom: 10px !important;
    margin-top: 25px !important;
}

.mk12 h2 {
    font-size: 1.5em !important;
    border-bottom: 1px solid #3a8ccf !important;
    padding-bottom: 8px !important;
    margin-top: 22px !important;
}

.mk12 h3 { 
    font-size: 1.3em !important; 
    color: #7eb8ff !important; 
    margin-top: 18px !important;
}

.mk12 h4 { 
    font-size: 1.2em !important; 
    color: #a3d3ff !important; 
}

.mk12 h5 { 
    font-size: 1.1em !important; 
    color: #c7e1ff !important; 
}

.mk12 h6 { 
    font-size: 1em !important; 
    color: #dbeaff !important; 
}

/* ==================== .mk12 段落样式 ==================== */
body .mk12 p,
.mk12 p {
    margin: 12px 0 !important;
    line-height: 1.8 !important;
    text-align: justify !important;
    color: #e8e8e8 !important;
}

/* ==================== .mk12 列表样式 ==================== */
body .mk12 ul,
body .mk12 ol,
.mk12 ul,
.mk12 ol {
    margin: 10px 0 !important;
    padding-left: 25px !important;
    color: #e8e8e8 !important;
}

.mk12 ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
}

.mk12 ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
}

body .mk12 li,
.mk12 li {
    margin: 6px 0 !important;
    line-height: 1.6 !important;
    padding-left: 5px !important;
    list-style-position: outside !important;
    display: list-item !important;
    color: #e8e8e8 !important;
}

/* 嵌套列表 */
body .mk12 ul ul,
.mk12 ul ul {
    list-style-type: circle !important;
    margin: 6px 0 !important;
    padding-left: 25px !important;
}

body .mk12 ul ul ul,
.mk12 ul ul ul {
    list-style-type: square !important;
    padding-left: 25px !important;
}

body .mk12 ol ol,
.mk12 ol ol {
    list-style-type: lower-alpha !important;
    margin: 6px 0 !important;
    padding-left: 25px !important;
}

/* ==================== .mk12 表格样式（重点优化）==================== */
/* 表格基础样式 - 超高优先级，确保表格可见 */
html body div.mk12 table,
body div.mk12 table,
body .mk12 table,
.mk12 table,
table[data-mk12-table="true"] {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 15px 0 !important;
    font-size: 0.95em !important;
    background-color: #1e1e1e !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    border: 2px solid #555 !important;
    display: table !important;
}

/* 表头样式 - 超高优先级，确保表头可见 */
html body div.mk12 thead,
body div.mk12 thead,
body .mk12 thead,
.mk12 thead,
table[data-mk12-table="true"] thead {
    background-color: #2a2a2a !important;
    border-bottom: 2px solid #4da6ff !important;
    display: table-header-group !important;
}

html body div.mk12 th,
body div.mk12 th,
body .mk12 th,
.mk12 th,
table[data-mk12-table="true"] th {
    border: 1px solid #777 !important;
    padding: 12px 15px !important;
    text-align: left !important;
    background: linear-gradient(135deg, #2a2a2a 0%, #1e3a5f 100%) !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* 表格单元格样式 - 超高优先级，确保单元格可见 */
html body div.mk12 td,
body div.mk12 td,
body .mk12 td,
.mk12 td,
table[data-mk12-table="true"] td {
    border: 1px solid #666 !important;
    padding: 10px 12px !important;
    text-align: left !important;
    background-color: #1a1a1a !important;
    color: #e8e8e8 !important;
    line-height: 1.6 !important;
}

/* 确保 tbody、tr 元素正确显示 */
html body div.mk12 tbody,
body div.mk12 tbody,
body .mk12 tbody,
.mk12 tbody,
table[data-mk12-table="true"] tbody {
    display: table-row-group !important;
}

html body div.mk12 tr,
body div.mk12 tr,
body .mk12 tr,
.mk12 tr,
table[data-mk12-table="true"] tr {
    display: table-row !important;
}

/* 斑马纹表格行 - 超高优先级，覆盖 Bootstrap 的 table-striped */
html body div.mk12 tbody tr:nth-child(even),
body div.mk12 tbody tr:nth-child(even),
body .mk12 tbody tr:nth-child(even),
body .mk12 tr:nth-child(even),
.mk12 tbody tr:nth-child(even),
.mk12 tr:nth-child(even),
table[data-mk12-table="true"] tbody tr:nth-child(even),
table[data-mk12-table="true"] tr:nth-child(even) {
    background-color: #1f1f1f !important;
}

/* Hover effect（悬停效果）- 超高优先级，覆盖 Bootstrap 的 table-hover */
html body div.mk12 tbody tr:hover,
body div.mk12 tbody tr:hover,
body .mk12 tbody tr:hover,
body .mk12 tr:hover,
.mk12 tbody tr:hover,
.mk12 tr:hover,
table[data-mk12-table="true"] tbody tr:hover,
table[data-mk12-table="true"] tr:hover {
    background-color: #2a2a2a !important;
    transition: background-color 0.2s ease !important;
}

/* 表格内代码样式 */
body .mk12 td code,
body .mk12 th code,
.mk12 td code,
.mk12 th code {
    background-color: #2d2d2d !important;
    border: 1px solid #555 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-size: 0.9em !important;
    color: #7eb8ff !important;
}

/* 表格内链接样式 */
body .mk12 td a,
body .mk12 th a,
.mk12 td a,
.mk12 th a {
    color: #4da6ff !important;
    text-decoration: none !important;
    border-bottom: 1px dotted #4da6ff !important;
}

body .mk12 td a:hover,
body .mk12 th a:hover,
.mk12 td a:hover,
.mk12 th a:hover {
    color: #6bb8ff !important;
    border-bottom-style: solid !important;
}

/* ==================== .mk12 代码块样式 ==================== */
body .mk12 pre,
.mk12 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: 0.95em !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;
}

body .mk12 pre code,
.mk12 pre code {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 0.95em !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;
}

/* .mk12 内联代码样式 - 最高优先级选择器 */
html body div.mk12 > code,
html body div.mk12 p > code,
html body div.mk12 li > code,
html body div.mk12 td > code,
html body div.mk12 th > code,
html body table td div.mk12 > code,
html body table tr td div.mk12 > code,
body .mk12 > code,
body .mk12 p > code,
body .mk12 li > code,
body .mk12 td > code,
body .mk12 th > code,
.mk12 > code,
.mk12 p > code,
.mk12 li > code,
.mk12 td > code,
.mk12 th > code {
    background: linear-gradient(135deg, #1a1a2e 0%, #1e3a5f 100%) !important;
    border: 1px solid rgba(74, 158, 255, 0.12) !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', monospace !important;
    font-size: 0.85em !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;
}

/* ==================== .mk12 引用样式 ==================== */
body .mk12 blockquote,
.mk12 blockquote {
    border-left: 4px solid #4da6ff !important;
    margin: 14px 0 !important;
    padding: 10px 18px !important;
    background-color: rgba(77, 166, 255, 0.08) !important;
    color: #bbb !important;
    font-style: italic !important;
    border-radius: 0 6px 6px 0 !important;
}

/* ==================== .mk12 链接样式 ==================== */
body .mk12 a,
.mk12 a {
    color: #4da6ff !important;
    text-decoration: none !important;
    border-bottom: 1px dotted #4da6ff !important;
    transition: all 0.2s ease !important;
}

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

/* ==================== .mk12 文本样式 ==================== */
body .mk12 strong,
body .mk12 b,
.mk12 strong,
.mk12 b {
    font-weight: 600 !important;
    color: #f8f8f2 !important;
}

body .mk12 em,
body .mk12 i,
.mk12 em,
.mk12 i {
    font-style: italic !important;
    color: #e8e8e8 !important;
}

/* ==================== .mk12 分隔线样式 ==================== */
body .mk12 hr,
.mk12 hr {
    border: none !important;
    border-top: 1px solid #555 !important;
    margin: 18px 0 !important;
}

/* ==================== .mk12 图片样式 ==================== */
body .mk12 img,
.mk12 img {
    max-width: 100% !important;
    height: auto !important;
    margin: 15px 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* ==================== .mk12 KaTeX 数学公式样式 ==================== */

/* 行内数学公式 */
body .mk12 .katex,
.mk12 .katex {
    font: 1.15em KaTeX_Main, Times New Roman, 'Microsoft YaHei', 'PingFang SC', serif !important;
    line-height: 1.25 !important;
    text-indent: 0 !important;
    text-rendering: auto !important;
    display: inline-block !important;
    margin: 0 4px !important;
    color: #f5f5f5 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

/* 行内数学公式在段落中 */
body .mk12 p .katex,
.mk12 p .katex {
    margin: 0 3px !important;
    vertical-align: baseline !important;
}

/* 行内数学公式在标题中 */
body .mk12 h1 .katex,
body .mk12 h2 .katex,
body .mk12 h3 .katex,
body .mk12 h4 .katex,
body .mk12 h5 .katex,
body .mk12 h6 .katex,
.mk12 h1 .katex,
.mk12 h2 .katex,
.mk12 h3 .katex,
.mk12 h4 .katex,
.mk12 h5 .katex,
.mk12 h6 .katex {
    font-size: 1em !important;
    color: #ffffff !important;
    margin: 0 4px !important;
}

/* 行内数学公式在代码中 */
body .mk12 code .katex,
body .mk12 pre .katex,
.mk12 code .katex,
.mk12 pre .katex {
    font-family: KaTeX_Main, Times New Roman, 'Microsoft YaHei', serif !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    color: #f5f5f5 !important;
}

/* 块级数学公式 */
body .mk12 .katex-display,
.mk12 .katex-display {
    display: block !important;
    margin: 20px 0 !important;
    padding: 18px 15px !important;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 100%) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(77, 166, 255, 0.3) !important;
    border-left: 4px solid #4da6ff !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    text-align: center !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

/* .katex-display 内的 .katex 元素 */
body .mk12 .katex-display > .katex,
.mk12 .katex-display > .katex {
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 1.2em !important;
    color: #f8f8f8 !important;
}

/* 数学公式的字体样式 */
body .mk12 .katex-mathml,
.mk12 .katex-mathml {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
}

body .mk12 .katex-html,
.mk12 .katex-html {
    color: #f5f5f5 !important;
    white-space: nowrap !important;
}

/* 数学公式的主要样式 */
body .mk12 .katex .base,
.mk12 .katex .base {
    position: relative !important;
    display: inline-block !important;
    white-space: nowrap !important;
    width: -moz-min-content !important;
    width: min-content !important;
}

body .mk12 .katex .strut,
.mk12 .katex .strut {
    display: inline-block !important;
}

/* 数学公式文本样式 */
body .mk12 .katex .textbf,
.mk12 .katex .textbf {
    font-weight: 700 !important;
    color: #ffffff !important;
}

body .mk12 .katex .textit,
.mk12 .katex .textit {
    font-style: italic !important;
}

body .mk12 .katex .textrm,
.mk12 .katex .textrm {
    font-family: KaTeX_Main, 'Microsoft YaHei', 'PingFang SC', serif !important;
}

body .mk12 .katex .textsf,
.mk12 .katex .textsf {
    font-family: KaTeX_SansSerif, 'Microsoft YaHei', sans-serif !important;
}

body .mk12 .katex .texttt,
.mk12 .katex .texttt {
    font-family: KaTeX_Typewriter, 'Monaco', monospace !important;
}

/* 数学符号颜色 */
body .mk12 .katex .mord,
.mk12 .katex .mord {
    color: #f5f5f5 !important;
}

/* 希腊字母 */
body .mk12 .katex .mord + .mord,
.mk12 .katex .mord + .mord {
    color: #f5f5f5 !important;
}

/* 运算符 */
body .mk12 .katex .mop,
.mk12 .katex .mop {
    color: #7eb8ff !important;
}

/* 关系符号 */
body .mk12 .katex .mrel,
.mk12 .katex .mrel {
    color: #a3d3ff !important;
}

/* 二元运算符 */
body .mk12 .katex .mbin,
.mk12 .katex .mbin {
    color: #7eb8ff !important;
}

/* 数字 */
body .mk12 .katex .mnum,
.mk12 .katex .mnum {
    color: #f5f5f5 !important;
}

/* 分数 */
body .mk12 .katex .mfrac,
.mk12 .katex .mfrac {
    padding: 0 0.1em !important;
}

/* 上下标 */
body .mk12 .katex .msup,
body .mk12 .katex .msub,
body .mk12 .katex .msubsup,
.mk12 .katex .msup,
.mk12 .katex .msub,
.mk12 .katex .msubsup {
    color: #f5f5f5 !important;
}

/* 括号 */
body .mk12 .katex .mopen,
body .mk12 .katex .mclose,
.mk12 .katex .mopen,
.mk12 .katex .mclose {
    color: #f5f5f5 !important;
}

/* 矩阵和数组 */
body .mk12 .katex .marray,
.mk12 .katex .marray {
    color: #f5f5f5 !important;
}

/* ==================== .mk12 特殊字符和符号 ==================== */

/* 希腊字母支持 */
body .mk12 .greek,
.mk12 .greek {
    font-family: 'Times New Roman', KaTeX_Main, serif !important;
    font-style: italic !important;
}

/* 代码块中的特殊字符 */
body .mk12 pre .special,
body .mk12 code .special,
.mk12 pre .special,
.mk12 code .special {
    color: #a3d3ff !important;
}

/* ==================== .mk12 响应式设计 ==================== */
@media (max-width: 768px) {
    body .mk12 table,
    .mk12 table {
        font-size: 0.85em !important;
    }
    
    body .mk12 th,
    body .mk12 td,
    .mk12 th,
    .mk12 td {
        padding: 8px 10px !important;
    }
    
    body .mk12,
    .mk12 {
        padding: 15px !important;
        font-size: 0.9em !important;
    }
}

/* ==================== .mk12 打印样式 ==================== */
@media print {
    body .mk12 table,
    .mk12 table {
        page-break-inside: avoid !important;
    }
    
    body .mk12,
    .mk12 {
        background-color: #ffffff !important;
        color: #000000 !important;
    }
}