.md-grid {
    max-width: min(84.375rem, calc(100% - 2rem));
}

:root {
    --docs-main-grid-width: 2460px;
    --docs-border-color: rgba(23, 36, 55, 0.12);
    --docs-nav-divider-color: rgba(23, 36, 55, 0.14);
    --docs-subtle-bg: rgba(23, 36, 55, 0.035);
    --docs-accent-color: #0f766e;
    --docs-nav-color: rgba(45, 55, 72, 0.78);
    --docs-nav-active-color: #2563eb;
    --docs-nav-level-0-indent: 0;
    --docs-nav-level-1-indent: 0.36rem;
    --docs-nav-level-2-indent: 0.72rem;
    --docs-nav-level-3-indent: 1.08rem;
    --docs-nav-level-4-indent: 1.44rem;
    --docs-nav-toggle-space: 0.72rem;
    --docs-primary-sidebar-width: 18.75rem;
    --docs-primary-nav-scroll-width: 15.5rem;
    --docs-secondary-sidebar-width: 15.75rem;
    --docs-content-readable-width: 1350px;
    --docs-toc-readable-width: 10.75rem;
    --docs-toc-scroll-width: 12rem;
    --docs-content-side-space: 1rem;
    --docs-toc-side-space: 1.5rem;
}

[data-md-color-scheme="slate"] {
    --docs-border-color: rgba(255, 255, 255, 0.14);
    --docs-nav-divider-color: rgba(148, 163, 184, 0.42);
    --docs-subtle-bg: rgba(255, 255, 255, 0.045);
    --docs-accent-color: #2dd4bf;
    --docs-nav-color: rgba(255, 255, 255, 0.7);
    --docs-nav-active-color: #60a5fa;
}

.md-header {
    box-shadow: 0 1px 0 var(--docs-border-color), 0 0.25rem 0.9rem rgba(23, 36, 55, 0.08);
}

.md-tabs {
    border-top: 1px solid color-mix(in srgb, #fff 12%, transparent);
    box-shadow: 0 1px 0 var(--docs-border-color);
}

.md-tabs__link {
    font-weight: 600;
    opacity: 0.78;
}

.md-tabs__link--active,
.md-tabs__link:hover {
    opacity: 1;
}

.md-search__form {
    border-radius: 0.3rem;
}

.md-header__topic:first-child {
    transform: none !important;
    opacity: 1 !important;
}

.md-header__topic[data-md-component="header-topic"] {
    display: none !important;
}

.md-typeset hr {
    margin: 1.7rem 0;
    border-bottom: 1px solid var(--docs-border-color);
}

/* Kubernetes-like primary navigation */
.md-sidebar--primary .md-nav__title {
    padding-left: 0 !important;
}

.md-sidebar--primary .md-nav:not(.md-nav--secondary) .md-nav__link {
    color: var(--docs-nav-color);
}

.md-sidebar--primary .md-nav:not(.md-nav--secondary) .md-nav__link:hover,
.md-sidebar--primary .md-nav:not(.md-nav--secondary) .md-nav__link:focus {
    color: var(--docs-nav-active-color);
}

.md-sidebar--primary .md-nav:not(.md-nav--secondary) .md-nav__link--active,
.md-sidebar--primary .md-nav:not(.md-nav--secondary) .md-nav__item--active > .md-nav__container > a.md-nav__link {
    color: var(--docs-nav-active-color);
    font-weight: 600;
}

.md-sidebar--primary .md-nav:not(.md-nav--secondary) > .md-nav__list > .md-nav__item > .md-nav__link {
    margin-top: 0.48rem;
}

.md-sidebar--primary .md-nav__item--nested > .md-nav__container {
    align-items: center;
    gap: 0;
}

.md-sidebar--primary .md-nav__item--nested > .md-nav__container > a.md-nav__link {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 !important;
    margin-top: 0;
}

.md-sidebar--primary .md-nav__item--nested > .md-nav__container > label.md-nav__link {
    order: -1;
    align-items: center;
    flex: 0 0 var(--docs-nav-toggle-space);
    justify-content: flex-start;
    height: 1.35em;
    min-width: var(--docs-nav-toggle-space);
    padding: 0 !important;
    margin-top: 0;
}

.md-sidebar--primary .md-nav__item--nested > .md-nav__container > label.md-nav__link .md-nav__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.55rem;
    height: 0.55rem;
    margin: 0;
    transform: translateY(-0.04rem);
}

.md-sidebar--primary .md-nav__item--nested > .md-nav__container > label.md-nav__link .md-nav__icon::after {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    vertical-align: 0;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    clip-path: polygon(22% 0, 78% 50%, 22% 100%);
}

.md-sidebar--primary .md-nav[data-md-level="0"] > .md-nav__list > .md-nav__item > .md-nav__container {
    padding-left: var(--docs-nav-level-0-indent) !important;
}

.md-sidebar--primary .md-nav[data-md-level="0"] > .md-nav__list > .md-nav__item > a.md-nav__link {
    padding-left: calc(var(--docs-nav-level-0-indent) + var(--docs-nav-toggle-space)) !important;
}

.md-sidebar--primary .md-nav[data-md-level="1"] > .md-nav__list > .md-nav__item > .md-nav__container {
    padding-left: var(--docs-nav-level-1-indent) !important;
}

.md-sidebar--primary .md-nav[data-md-level="1"] > .md-nav__list > .md-nav__item > a.md-nav__link {
    padding-left: calc(var(--docs-nav-level-1-indent) + var(--docs-nav-toggle-space)) !important;
}

.md-sidebar--primary .md-nav[data-md-level="2"] > .md-nav__list > .md-nav__item > .md-nav__container {
    padding-left: var(--docs-nav-level-2-indent) !important;
}

.md-sidebar--primary .md-nav[data-md-level="2"] > .md-nav__list > .md-nav__item > a.md-nav__link {
    padding-left: calc(var(--docs-nav-level-2-indent) + var(--docs-nav-toggle-space)) !important;
}

.md-sidebar--primary .md-nav[data-md-level="3"] > .md-nav__list > .md-nav__item > .md-nav__container {
    padding-left: var(--docs-nav-level-3-indent) !important;
}

.md-sidebar--primary .md-nav[data-md-level="3"] > .md-nav__list > .md-nav__item > a.md-nav__link {
    padding-left: calc(var(--docs-nav-level-3-indent) + var(--docs-nav-toggle-space)) !important;
}

.md-sidebar--primary .md-nav[data-md-level="4"] > .md-nav__list > .md-nav__item > .md-nav__container {
    padding-left: var(--docs-nav-level-4-indent) !important;
}

.md-sidebar--primary .md-nav[data-md-level="4"] > .md-nav__list > .md-nav__item > a.md-nav__link {
    padding-left: calc(var(--docs-nav-level-4-indent) + var(--docs-nav-toggle-space)) !important;
}

/* Writerside-like secondary table of contents */
.md-sidebar--secondary .md-nav {
    border-left: 1px solid var(--docs-border-color);
    padding-left: 0.48rem;
    max-width: var(--docs-toc-readable-width);
    color: var(--docs-nav-color);
    font-size: 0.58rem;
}

.md-sidebar--secondary .md-nav__title {
    height: auto;
    padding: 0 0 0.34rem 0.48rem;
    margin-bottom: 0.16rem;
    color: color-mix(in srgb, var(--docs-nav-color) 72%, transparent);
    background: transparent;
    box-shadow: none;
    font-size: 0.56rem;
    font-weight: 600;
}

.md-sidebar--secondary .md-nav__link {
    min-height: 0;
    padding: 0.08rem 0 0.08rem 0.48rem;
    margin-top: 0.08rem;
    border-left: 2px solid transparent;
    color: var(--docs-nav-color);
    line-height: 1.35;
}

.md-sidebar--secondary .md-nav__link:hover,
.md-sidebar--secondary .md-nav__link:focus {
    color: var(--docs-nav-active-color);
}

.md-sidebar--secondary .md-nav__link--active {
    border-left-color: var(--docs-nav-active-color);
    color: var(--docs-nav-active-color);
    font-weight: 600;
}

@media screen and (min-width: 76.25em) {
    .md-main__inner.md-grid {
        max-width: min(var(--docs-main-grid-width), calc(100% - 2rem));
    }

    .md-grid {
        margin-left: auto;
        margin-right: auto;
    }

    .md-sidebar--primary {
        width: var(--docs-primary-sidebar-width);
    }

    .md-sidebar--secondary {
        width: var(--docs-secondary-sidebar-width);
    }

    [dir="ltr"] .md-sidebar--primary {
        left: max(0rem, calc((100% - 84.375rem) / 2));
    }

    [dir="ltr"] .md-sidebar--primary .md-sidebar__scrollwrap {
        width: min(var(--docs-primary-nav-scroll-width), 100%);
        border-right: 1px solid var(--docs-nav-divider-color);
        margin-left: 0;
        margin-right: auto;
    }

    [dir="rtl"] .md-sidebar--primary .md-sidebar__scrollwrap {
        width: min(var(--docs-primary-nav-scroll-width), 100%);
        border-left: 1px solid var(--docs-nav-divider-color);
        margin-left: auto;
        margin-right: 0;
    }

    .md-content {
        box-sizing: border-box;
        padding-left: var(--docs-content-side-space);
        padding-right: var(--docs-content-side-space);
    }

    .md-content__inner {
        max-width: var(--docs-content-readable-width);
        margin-left: 0;
        margin-right: 0;
    }

    [dir="ltr"] .md-sidebar--secondary {
        padding-left: var(--docs-toc-side-space);
    }

    [dir="rtl"] .md-sidebar--secondary {
        padding-right: var(--docs-toc-side-space);
    }

    [dir="ltr"] .md-sidebar--secondary .md-sidebar__scrollwrap {
        width: min(var(--docs-toc-scroll-width), 100%);
        margin-left: 0;
        margin-right: auto;
    }

    [dir="rtl"] .md-sidebar--secondary .md-sidebar__scrollwrap {
        width: min(var(--docs-toc-scroll-width), 100%);
        margin-left: auto;
        margin-right: 0;
    }

    [dir="ltr"] .md-sidebar__inner {
        padding-left: 0 !important;
        padding-right: 0.6rem !important;
    }

    [dir="rtl"] .md-sidebar__inner {
        padding-left: 0.6rem !important;
        padding-right: 0 !important;
    }

    .md-sidebar--primary .md-ellipsis {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .md-sidebar--primary .md-nav__link {
        line-height: 1.35;
    }
}

/* 调整底部 */

.md-footer__link {
    margin-block: 0;
}

.md-footer-meta {
    background: transparent;
    margin-top: -3.2rem;
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.md-footer-meta__inner {
    padding: 0;
    min-height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Footer visual upgrade */
.md-footer {
    margin-top: 1.6rem;
    background-color: var(--md-primary-fg-color) !important;
}

/* Material compatibility: different versions use different footer containers */
.md-footer__inner,
.md-footer-nav {
    background-color: var(--md-primary-fg-color) !important;
}

.md-footer-nav {
    border-top: 1px solid color-mix(in srgb, var(--md-primary-fg-color) 80%, #fff 20%);
    position: relative;
    z-index: 1;
}

.md-footer-nav__inner {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    min-height: 3.2rem;
}

.md-footer__link {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    border-radius: 0.35rem;
    background-color: transparent !important;
    border: 0;
    box-shadow: none;
    transition: background-color 0.2s ease;
}

.md-footer__link:hover {
    background-color: color-mix(in srgb, #fff 14%, transparent);
}

.md-footer__title {
    font-weight: 600;
}

.md-footer-meta .md-social {
    justify-content: center;
    gap: 0.3rem;
    pointer-events: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.md-footer-meta .md-social__link {
    border-radius: 0.3rem;
    transition: background-color 0.2s ease;
}

.md-footer-meta .md-social__link:hover {
    background-color: color-mix(in srgb, #fff 12%, transparent);
}

@media screen and (max-width: 48rem) {
    .md-footer-nav__inner {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        min-height: 2.8rem;
    }

    .md-footer__link {
        border-radius: 0.3rem;
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
    }

    .md-footer-meta {
        margin-top: -2.8rem;
    }

    .md-footer-meta__inner {
        min-height: 2.8rem;
    }

    .md-footer-meta .md-social {
        gap: 0.2rem;
    }
}
