/* =========================================================
   Markdown 内容排版系统
   ========================================================= */
.md-viewer {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(16px, 1.05vw, 18px);
    line-height: 1.75; 
    color: #1f2328;  
    word-break: break-word;
    width: 100%;
    max-width: 100%;
}

/* 标题 */
.md-viewer h1, .md-viewer h2, .md-viewer h3, 
.md-viewer h4, .md-viewer h5, .md-viewer h6 {
    color: #111;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 2em;
    margin-bottom: 0.8em;
}
.md-viewer h1 { font-size: 2.1em; margin-top: 0; padding-bottom: 0.4em; border-bottom: 1px solid #eaecef; }
.md-viewer h2 { font-size: 1.5em; padding-bottom: 0.3em; border-bottom: 1px solid #eaecef; }
.md-viewer h3 { font-size: 1.25em; margin-top: 1.8em; }
.md-viewer h4 { font-size: 1.1em; }
.md-viewer h5, .md-viewer h6 { font-size: 0.9em; color: #57606a; }

/* 段落与列表（兼容全局 Reset） */
.md-viewer p { margin: 0 0 1.5em 0; }
.md-viewer ul, .md-viewer ol { margin: 0 0 1.5em 0; padding-left: 2em; }
.md-viewer ul li { list-style-type: disc; display: list-item; margin-bottom: 0.6em; }
.md-viewer ol li { list-style-type: decimal; display: list-item; margin-bottom: 0.6em; }
.md-viewer li > ul, .md-viewer li > ol { margin-top: 0.5em; margin-bottom: 0.5em; }
.md-viewer li > p { margin-bottom: 0.6em; }
.md-viewer li > p:last-child { margin-bottom: 0; }
.md-viewer li::marker { color: #8c959f; }

/* 引用块 */
.md-viewer blockquote {
    margin: 0 0 1.5em 0;
    padding: 1em 1.4em;
    color: #57606a;
    background-color: #f6f8fa;
    border-left: 4px solid #d0d7de;
    border-radius: 0 6px 6px 0;
}
.md-viewer blockquote p:last-child { margin-bottom: 0; }

/* 代码 */
.md-viewer :not(pre) > code {
    padding: 0.2em 0.4em;
    margin: 0 0.2em;
    font-size: 0.875em;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    background-color: rgba(175, 184, 193, 0.2);
    border-radius: 6px;
    color: #cf222e;
}
.md-viewer pre {
    margin: 0 0 1.6em 0;
    padding: 1.2em 1.4em;  
    border-radius: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    line-height: 1.6;
    border: none;
    font-size: 14px !important;
    background-color: #f6f8fa;
}
.md-viewer pre code {
    padding: 0;
    margin: 0;
    background: transparent;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    color: #1f2328;
    font-size: 14px !important;
}
.md-viewer pre::-webkit-scrollbar { height: 8px; }
.md-viewer pre::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 4px; }

/* =========================================================
   全新优化的表格样式（带极细网格线，防截断）
   ========================================================= */
.md-viewer .table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 1.6em 0;
    /* 增加外边框和圆角，更像现代组件 */
    border: 1px solid #eaecef;
    border-radius: 8px;
}

.md-viewer .table-wrapper table {
    width: max-content;
    min-width: 100%;
    margin: 0;
    border-collapse: collapse;
    background-color: #fff;
}

.md-viewer > table {
    display: block;
    width: max-content;
    min-width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 1.6em 0;
    border-collapse: collapse;
    border: 1px solid #eaecef;
    border-radius: 8px;
    background-color: #fff;
}

/* 单元格样式 */
.md-viewer th,
.md-viewer td {
    padding: 12px 16px;
    white-space: nowrap; 
    text-align: left;
    /* 极细的浅灰竖线，防止横向滑动时看串行 */
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

/* 表头样式优化 */
.md-viewer th {
    font-weight: 600;
    color: #1f2328;
    background-color: #fafafa;
    border-bottom: 2px solid #eaecef;
}

/* 移除最后一列的右边框 */
.md-viewer th:last-child,
.md-viewer td:last-child {
    border-right: none;
}

/* 移除最后一行的底边框 */
.md-viewer tbody tr:last-child td {
    border-bottom: none;
}

/* 鼠标悬停整行高亮 */
.md-viewer tbody tr:hover {
    background-color: #f6f8fa;
}

/* 其他元素 */
.md-viewer a { color: #0969da; text-decoration: none; }
.md-viewer a:hover { text-decoration: underline; text-underline-offset: 3px; }
.md-viewer strong { font-weight: 600; color: #000; }
.md-viewer img { display: block; max-width: 100%; height: auto; margin: 2em auto; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); }
.md-viewer hr { height: 1px; border: none; background-color: #eaecef; margin: 3em 0; }

/* 响应式 */
@media (max-width: 600px) {
    .md-viewer h1 { font-size: 1.8em; }
    .md-viewer h2 { font-size: 1.4em; }
    .md-viewer h3 { font-size: 1.2em; }
}