:root {
//--theme-color: #42b983;
    /* Tab blocks */
    --docsifytabs-border-color: #ededed;
    --docsifytabs-border-px: 1px;
    --docsifytabs-border-radius-px: ;
    --docsifytabs-margin: 1.5em 0;

    /* Tabs */
    --docsifytabs-tab-background: #f8f8f8;
    --docsifytabs-tab-background--active: var(--docsifytabs-content-background);
    --docsifytabs-tab-color: #999;
    --docsifytabs-tab-color--active: inherit;
    --docsifytabs-tab-highlight-px: 3px;
    --docsifytabs-tab-highlight-color: var(--theme-color, #42b983);
    --docsifytabs-tab-padding: 0.6em 1em;

    /* Tab content */
    --docsifytabs-content-background: inherit;
    --docsifytabs-content-padding: 1.5rem;
}
.markdown-section img {
    /*width: auto;*/
    width: calc(33.333% - 10px);
    max-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.img-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 单张时居中 */
    gap: 10px; /* 图片间距 */
}

/* 当只有一个img时，通过:only-child选择器控制居中 */
.img-container img:only-child {
    display: block;
    margin: 0 auto;
}

/* 多个图片时的布局 - 每行最多3个 */
.img-container img:not(:only-child) {
    flex: 1 0 calc(33.333% - 10px); /* 三张一行，考虑gap */
    max-width: calc(33.333% - 10px);
    box-sizing: border-box;
}

/* 选择.markdown-section中img的父级p标签 */
.markdown-section p:has(> img) {
    text-align: center;
    margin: 1rem 0;
    padding: 10px;
    /*background-color: #f8f9fa;*/
    border-radius: 5px;
    /*border: 1px solid #e9ecef;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; /* 单张时居中 */
    gap: 5px; /* 图片间距 */
}

/* 为包含图片的p标签添加特殊样式 */
.markdown-section p:has(> img)::before {
    content: "";
    display: block;
    font-size: 0.8em;
    color: #6c757d;
    margin-bottom: 5px;
    font-weight: bold;
}

/* 针对不同数量图片的样式规则 */

/* 1张图片 - 居中显示，限制高度 */
.markdown-section p:has(> img:only-child)::before {
    content: "";
}

.markdown-section p:has(> img:only-child) {
    justify-content: center;
    /*background-color: #e8f5e8;*/
    /*border: 1px solid #c3e6c3;*/
}

.markdown-section p:has(> img:only-child) img {
    width: 60%;
    max-width: 400px;
    max-height: 250px;
    flex: none;
    object-fit: contain;
}

/* 2张图片 - 一左一右并排 */
.markdown-section p:has(> img:nth-child(1):nth-last-child(2))::before {
    content: "";
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(2)) {
    justify-content: space-between;
    /*background-color: #e3f2fd;*/
    /*border: 1px solid #bbdefb;*/
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(2)) img {
    width: calc(50% - 5px);
    flex: 1 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
    max-height: 200px;
    object-fit: contain;
}

/* 3张图片 - 三张一排 */
.markdown-section p:has(> img:nth-child(1):nth-last-child(3))::before {
    content: "";
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(3)) {
    /*background-color: #fff3e0;*/
    /*border: 1px solid #ffe0b2;*/
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(3)) img {
    width: calc(33.333% - 5px);
    flex: 1 0 calc(33.333% - 5px);
    max-width: calc(33.333% - 5px);
    max-height: 180px;
    object-fit: contain;
}

/* 4张图片 - 两排，每排两张 */
.markdown-section p:has(> img:nth-child(1):nth-last-child(4))::before {
    content: "";
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(4)) {
    /*background-color: #fce4ec;*/
    /*border: 1px solid #f8bbd9;*/
    gap: 10px;
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(4)) img {
    width: calc(50% - 5px);
    flex: 1 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
    max-height: 160px;
    object-fit: contain;
}

/* 5张图片 - 三张一排 + 两张一排 */
.markdown-section p:has(> img:nth-child(1):nth-last-child(5))::before {
    content: "";
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(5)) {
    /*background-color: #e8eaf6;*/
    /*border: 1px solid #c5cae9;*/
    gap: 8px;
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(5)) img {
    width: calc(33.333% - 6px);
    flex: 1 0 calc(33.333% - 6px);
    max-width: calc(33.333% - 6px);
    max-height: 150px;
    object-fit: contain;
}

/* 5张图片的特殊处理：前3张正常，后2张占50% */
.markdown-section p:has(> img:nth-child(1):nth-last-child(5)) img:nth-child(n+4) {
    width: calc(50% - 4px);
    flex: 1 0 calc(50% - 4px);
    max-width: calc(50% - 4px);
}

/* 6张及以上图片 - 三张一排 */
.markdown-section p:has(> img:nth-child(1):nth-last-child(n+6))::before {
    content: "";
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(n+6)) {
    /*background-color: #f3e5f5;*/
    /*border: 1px solid #e1bee7;*/
    gap: 6px;
}

.markdown-section p:has(> img:nth-child(1):nth-last-child(n+6)) img {
    width: calc(33.333% - 4px);
    flex: 1 0 calc(33.333% - 4px);
    max-width: calc(33.333% - 4px);
    max-height: 140px;
    object-fit: contain;
}

/* 图片数量指示器 */
.markdown-section p:has(> img)::after {
    /*content: "共" attr(data-img-count) "张图片";*/
    content: "";
    display: block;
    font-size: 0.7em;
    color: #999;
    margin-top: 5px;
    font-style: italic;
    width: 100%;
}

.medium-zoom-image {
    /*width: auto !important;*/
    height: auto !important;
    max-width: 500px;
    max-height: 300px;
}

/*https://cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/sidebar.min.css*/
/*.sidebar-nav li{position:relative;margin:0;cursor:pointer}.sidebar-nav ul:not(.app-sub-sidebar)>li:not(.file)::before{content:'';display:block;position:absolute;top:11px;left:-12px;height:6px;width:6px;border-right:1px solid #505d6b;border-bottom:1px solid #505d6b;transform:rotate(-45deg);transition:transform .1s}.sidebar-nav ul:not(.app-sub-sidebar)>li.open::before{transform:rotate(45deg)}.sidebar-nav ul:not(.app-sub-sidebar)>li.collapse::before{transform:rotate(-45deg)}*/

/*https://cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/sidebar-folder.min.css*/
.sidebar-nav>ul{margin-left:20px}.sidebar-nav ul:not(.app-sub-sidebar)>li{position:relative;margin:0;cursor:pointer;margin-left:4px}.sidebar-nav ul:not(.app-sub-sidebar)>li::before{content:'';display:block;position:absolute;top:8px;left:-16px;height:14px;width:14px}.sidebar-nav ul:not(.app-sub-sidebar)>li.folder::before{background:center/contain no-repeat url(data:image/svg+xml;base64,PHN2ZyB0PSIxNTk4NTQ1MTE2ODQ2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyNTciCiAgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogIDxwYXRoIGQ9Ik00NDggMTI4aDUxMmE2NCA2NCAwIDAgMSA2NCA2NHYzMjBhNjQgNjQgMCAwIDEtNjQgNjRINDQ4YTY0IDY0IDAgMCAxLTY0LTY0VjE5MmE2NCA2NCAwIDAgMSA2NC02NHoiCiAgICBmaWxsPSIjNzliOGZmIiBwLWlkPSIyMjU4Ij48L3BhdGg+CiAgPHBhdGgKICAgIGQ9Ik02NCA2NGg0MDguNDQ4YTY0IDY0IDAgMCAxIDU3LjIxNiAzNS4zOTJsOTIuNjcyIDE4NS4yMTZhNjQgNjQgMCAwIDAgNTcuMjE2IDM1LjM5Mkg5NjBhNjQgNjQgMCAwIDEgNjQgNjR2NTEyYTY0IDY0IDAgMCAxLTY0IDY0SDY0YTY0IDY0IDAgMCAxLTY0LTY0VjEyOGE2NCA2NCAwIDAgMSA2NC02NHoiCiAgICBmaWxsPSIjNzliOGZmIiBwLWlkPSIyMjU5Ij48L3BhdGg+Cjwvc3ZnPgo=)}.sidebar-nav ul:not(.app-sub-sidebar)>li.file::before{background:center/contain no-repeat url(data:image/svg+xml;base64,PHN2ZyB0PSIxNTk4NTQ1NjIzOTMxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjgxNzMiCiAgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogIDxwYXRoCiAgICBkPSJNODEyLjggMjY4LjhsLTE4NS42LTE4NS42Yy0xMi44LTEyLjgtMjguOC0xOS4yLTQ0LjgtMTkuMkgyNTZjLTM1LjIgMC02NCAyOC44LTY0IDY0djc2OGMwIDM1LjIgMjguOCA2NCA2NCA2NGg1MTJjMzUuMiAwIDY0LTI4LjggNjQtNjRWMzEzLjZjMC0xNi02LjQtMzItMTkuMi00NC44eiBtLTcwLjQgMTkuMkg2MDhWMTUzLjZMNzQyLjQgMjg4ek03MDQgODk2SDI1NlYxMjhoMjg4djE2MGMwIDM1LjIgMjguOCA2NCA2NCA2NGgxNjB2NTQ0aC02NHoiCiAgICBwLWlkPSI4MTc0Ij48L3BhdGg+Cjwvc3ZnPgo=)}