/* Typography, TOC, code, and misc */

/*
 * Anchor scroll offset — fixes the sticky header + tabs covering headings.
 *
 * Without this, when the browser natively scrolls to an anchor (on page load,
 * refresh, or back/forward), headings land BEHIND the sticky header+tabs bar
 * (~96px total). Material's IntersectionObserver then can't see the target
 * heading as intersecting, so it marks the PREVIOUS heading as active — which
 * is why TOC highlight appears one item behind.
 *
 * scroll-margin-top: tells the browser to add extra space above the element
 *   when scrolling it into view (anchor navigation, scrollIntoView, etc.)
 * scroll-padding-top: tells the scroll container to reserve space at the top.
 *
 * Critical constraint: this value must be LESS than Material's IO rootMargin
 * (= actual header height, ~48px after zoom:0.95 ≈ ~46px measured).
 * If the heading stops BELOW the threshold the IO sees it as still intersecting
 * ("next"), and the previous heading becomes active — causing the 1-item lag.
 *
 * 2.8rem ≈ 44.8px CSS px → visually ~42px after zoom.  Safely above the
 * ~46px IO threshold, so the heading exits the observation zone upward and
 * enters Material's `prev` list → correct active highlight.
 * Trade-off: top ~3px of heading may be behind the header — barely noticeable.
 */
html {
    scroll-padding-top: 2.8rem;
}

.md-typeset :is(h1, h2, h3, h4, h5, h6) {
    scroll-margin-top: 2.8rem;
}

/* Softer sidebar link colors */
[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link,
[data-md-color-scheme="default"] .md-sidebar--secondary .md-nav__link {
    color: #2b3a53;
}
[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link:hover,
[data-md-color-scheme="default"] .md-sidebar--secondary .md-nav__link:hover {
    color: #1f2b3f;
}
[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__link,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link {
    color: #b8c0d0;
}
[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link:hover {
    color: #d7dde8;
}

/* Sidebar hierarchy: subtle hue separation */
[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__item--section > .md-nav__link,
[data-md-color-scheme="default"] .md-sidebar--secondary .md-nav__item--section > .md-nav__link {
    color: #3a4f7a;
}
[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link--active,
[data-md-color-scheme="default"] .md-sidebar--secondary .md-nav__link--active {
    color: #1f4a8a;
    background-color: #e1e9f6;
}

[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__item--section > .md-nav__link,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__item--section > .md-nav__link {
    color: #91a7d5;
}
[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__link--active,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link--active {
    color: #c7d7ff;
    background-color: #1b2a45;
}

/* Sidebar hierarchy: increase indent for sub-levels */
.md-sidebar--primary .md-nav__list .md-nav__list,
.md-sidebar--secondary .md-nav__list .md-nav__list {
    padding-left: 1.0rem;
}

/* Sidebar hierarchy: clearer depth separation */
[data-md-color-scheme="default"] .md-sidebar--primary .md-nav--primary .md-nav__list .md-nav__list .md-nav__list {
    border-left: 1px solid rgba(24, 32, 44, 0.12);
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav--primary .md-nav__list .md-nav__list .md-nav__list {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

/* Admonition accent: gentle color edge, still opaque */
[data-md-color-scheme="default"] .md-typeset .admonition,
[data-md-color-scheme="default"] .md-typeset details {
    border-left: 3px solid #b6c3dc;
}
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
    border-left: 3px solid #4b5f82;
}

/* Warmer, quieter text highlight */
[data-md-color-scheme="default"] .md-typeset mark {
    background-color: #fff3b0;
    color: #4a3b00;
}
[data-md-color-scheme="slate"] .md-typeset mark {
    background-color: #fff3b0;
    color: #4a3b00;
}

.mkdocs-markmap {
    max-height: 35vh !important; /* 35% of the viewport height*/
}

.markmap {
    font-weight: 500 !important; /* Adjust the weight: 100 (thin) to 900 (bold) */
    font-family: Arial, sans-serif; /* Optional: Set the font family */
}

.markmap-foreign strong {
    font-weight: 600 !important; /* Adjust the weight: 100 (thin) to 900 (bold) */
    font-family: Arial, sans-serif; /* Optional: Set the font family */
}

[data-md-color-scheme="default"] .markmap-foreign a:not(code) {
    color: #20314e !important;  /* 设置链接文字颜色为番茄红 */
}

[data-md-color-scheme="default"] .markmap-foreign code {
    color: rgb(221, 133, 17) !important;  /* Typical code color */
    background-color: #f5f5f572;  /* Light gray background */
    padding: 2px 4px;
    border-radius: 4px;
}

[data-md-color-scheme="default"] .mkdocs-markmap a:hover:not(code) {
    color: #3763d2 !important;   /* 设置鼠标悬停时为绿色 */
}

[data-md-color-scheme="slate"] .markmap-foreign a:not(code) {
    color: #8c7ac7 !important; 
}

[data-md-color-scheme="slate"] .markmap-foreign code {
    color: #f25dff !important;  /* Typical code color */
    background-color: #39405c79;  /* Light gray background */
    padding: 2px 4px;
    border-radius: 4px;
}

.md-typeset ol li, .md-typeset ul li {
    margin-top: 0.4em !important;
    margin-bottom: 0em !important;
}

.md-typeset ol li ul, .md-typeset ul li ul{
    margin-top: 0em !important;
    margin-bottom: 0em !important;
}

.md-typeset ol li ul li, .md-typeset ul li ul li{
    margin-top: 0em !important;
    margin-bottom: 0em !important;
}

.md-typeset ol li p, .md-typeset ul li p{
    margin-top: 0em !important;
}

.md-typeset ol, .md-typeset ul{
    margin-top: 0em !important;
    margin-bottom: 0.6em !important;
}

/* Confluence-style connected ordered list (opt-in) */
.md-typeset .confluence-steps {
    --step-line-color: rgba(53, 94, 170, 0.18);
    --step-badge-bg: #eef4ff;
    --step-badge-border: #9bb3da;
    --step-badge-text: #1f4a8a;
    --step-text-color: inherit;
    --step-badge-size: 1.72rem;
    --step-badge-top: 0.16rem;
    --step-gutter: 2.55rem;
}

.md-typeset .confluence-steps > ol {
    list-style: none;
    counter-reset: confluence-step;
    margin: 0.4rem 0 0.9rem !important;
    padding-left: 0;
}

.md-typeset .confluence-steps > ol > li {
    counter-increment: confluence-step;
    position: relative;
    list-style: none;
    margin: 0 !important;
    min-height: calc(var(--step-badge-size) + var(--step-badge-top));
    padding: 0.18rem 0 1rem var(--step-gutter);
    color: var(--step-text-color);
}

.md-typeset .confluence-steps > ol > li::before {
    content: "";
    position: absolute;
    left: calc((var(--step-badge-size) / 2) - 0.75px);
    top: calc(var(--step-badge-top) + var(--step-badge-size) + 0.12rem);
    bottom: 0;
    width: 1.5px;
    background: var(--step-line-color);
}

.md-typeset .confluence-steps > ol > li:last-child::before {
    display: none;
}

.md-typeset .confluence-steps > ol > li::after {
    content: counter(confluence-step);
    position: absolute;
    left: 0;
    top: var(--step-badge-top);
    width: var(--step-badge-size);
    height: var(--step-badge-size);
    border-radius: 999px;
    border: 1px solid var(--step-badge-border);
    background: var(--step-badge-bg);
    color: var(--step-badge-text);
    font-size: 0.74rem;
    font-weight: 700;
    line-height: calc(var(--step-badge-size) - 2px);
    text-align: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.md-typeset .confluence-steps > ol > li > p:first-child {
    margin-top: 0 !important;
}

.md-typeset .confluence-steps > ol > li > p {
    margin-bottom: 0.1rem !important;
}

[data-md-color-scheme="default"] .md-typeset .confluence-steps {
    --step-line-color: linear-gradient(to bottom, rgba(31, 74, 138, 0.22), rgba(31, 74, 138, 0.10));
    --step-badge-bg: #f3f7ff;
    --step-badge-border: #b8c8e4;
    --step-badge-text: #1f4a8a;
}

[data-md-color-scheme="slate"] .md-typeset .confluence-steps > ol > li::before {
    background: linear-gradient(to bottom, rgba(199, 215, 255, 0.30), rgba(199, 215, 255, 0.12));
}

[data-md-color-scheme="slate"] .md-typeset .confluence-steps {
    --step-badge-bg: #1c2940;
    --step-badge-border: #5f7aa8;
    --step-badge-text: #dbe7ff;
    --step-text-color: #d7dde8;
}

[data-md-color-scheme="slate"] .md-typeset .confluence-steps > ol > li::after {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

/* Code annotation notes: keep visible and separated from code blocks */
.md-typeset .md-annotation-list {
    display: block;
    margin-top: 0.6rem !important;
    margin-bottom: 0.6rem !important;
    padding-left: 1.75rem;
    position: static;
}
.md-typeset .md-annotation-list li {
    margin-bottom: 0.4rem;
}
.md-typeset .highlight .md-annotation-list {
    margin: 0.6rem 1.1rem 0.8rem;
}
.md-typeset .highlight + .md-annotation-list {
    margin-top: 0.75rem !important;
}
/* Font loaded via overrides/main.html (non-blocking). */


/* UI typography */
.md-header, .md-tabs, .md-nav, .md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6 {
    font-family: 'Space Grotesk', 'Poppins', 'Nunito Sans', 'Arial', sans-serif !important;
}
.md-typeset {
    font-family: 'Nunito Sans', 'Poppins', 'Arial', sans-serif;
}
.md-nav__link>*{
    font-family: 'Space Grotesk', 'Poppins', 'Nunito Sans', 'Arial', sans-serif !important;
    font-weight: 500 !important;
}
h1{
    font-family: 'Space Grotesk', 'Poppins', 'Nunito Sans', 'Arial', sans-serif !important;
    font-weight: 600 !important;
}

/* Pixel font kept for homepage hero only (see overrides/home.html) */

.md-typeset strong,
.md-typeset b{
    font-weight: 600;
    font-family: 'Space Grotesk', 'Poppins', 'Nunito Sans', 'Arial', sans-serif;
}

.md-typeset a code{
    color: var(--md-typeset-a-color) !important;
}
.md-typeset a:hover code{
    color: var(--md-accent-fg-color) !important;
}

.md-typeset p{
    margin-top: 0.4em !important;
    margin-bottom: 0em !important;
}

/* Increase spacing only between consecutive paragraphs */
.md-typeset p + p{
    margin-top: 1.3em !important;
}

/* Add clearer separation after code blocks and similar block elements */
.md-typeset p + .highlight,
.md-typeset p + pre,
.md-typeset .highlight + p,
.md-typeset .highlight + details,
.md-typeset .highlight + .admonition,
.md-typeset pre + p,
.md-typeset pre + details,
.md-typeset pre + .admonition {
    margin-top: 0.95rem !important;
}

/* Admonition/details content spacing */
.md-typeset .admonition > .admonition-title + *,
.md-typeset details > summary + * {
    margin-top: 0.85rem !important;
}

.md-typeset .admonition > :not(.admonition-title) + :not(.admonition-title),
.md-typeset details > :not(summary) + :not(summary) {
    margin-top: 0.95rem !important;
}

h3{
    margin-top: 1.4em !important;
    margin-bottom: 0.4em !important;
}

h4{
    margin-top: 0.4em !important;
    margin-bottom: 0.2em !important;
}

/* Blog listing excerpts: make each post read like a distinct card */
.md-post.md-post--excerpt {
    margin: 1.1rem 0 1.6rem;
    padding: 1.15rem 1.35rem 1.05rem;
    border-radius: 16px;
    transition: box-shadow 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.md-post.md-post--excerpt:last-of-type {
    margin-bottom: 0.6rem;
}

.md-post.md-post--excerpt .md-post__header {
    margin-bottom: 0.55rem;
}

.md-post.md-post--excerpt .md-post__content > h2,
.md-post.md-post--excerpt .md-post__content > h3 {
    margin-top: 0.2rem !important;
}

.md-post.md-post--excerpt .md-post__content > :last-child {
    margin-bottom: 0 !important;
}

[data-md-color-scheme="default"] .md-post.md-post--excerpt {
    background: linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(245, 248, 253, 0.96));
    border: 1px solid rgba(72, 95, 140, 0.14);
    box-shadow: 0 8px 18px rgba(24, 32, 44, 0.06);
}

[data-md-color-scheme="default"] .md-post.md-post--excerpt:hover {
    border-color: rgba(61, 96, 168, 0.22);
    box-shadow: 0 12px 24px rgba(24, 32, 44, 0.10);
    transform: translateY(-1px);
}

[data-md-color-scheme="slate"] .md-post.md-post--excerpt {
    background: linear-gradient(180deg, rgba(28, 35, 49, 0.95), rgba(22, 28, 39, 0.96));
    border: 1px solid rgba(148, 169, 209, 0.14);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.26);
}

[data-md-color-scheme="slate"] .md-post.md-post--excerpt:hover {
    border-color: rgba(174, 197, 240, 0.22);
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.34);
    transform: translateY(-1px);
}

/* Single blog post: move author + metadata under the title */
.blog-post-inline-meta--ghost {
    display: none !important;
}

.blog-post-inline-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.05rem;
    align-items: center;
    margin: 0.55rem 0 0.95rem;
    padding: 0.45rem 0 0.75rem;
    border-bottom: 1px solid rgba(110, 125, 150, 0.16);
}

.blog-post-inline-meta__authors {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.blog-post-inline-meta__author {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.blog-post-inline-meta__author .md-author img {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
}

.blog-post-inline-meta__author-copy {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    line-height: 1;
}

.blog-post-inline-meta__author-copy strong,
.blog-post-inline-meta__author-copy a {
    font-weight: 700;
}

.blog-post-inline-meta__author-copy span {
    font-size: 0.8rem;
    color: #6c7687;
}

.blog-post-inline-meta__facts {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.55rem 0.95rem;
    align-items: center;
}

.blog-post-inline-meta__fact {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.88rem;
    color: #4f5d73;
    line-height: 1.2;
}

.blog-post-inline-meta__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
}

.blog-post-inline-meta__icon svg {
    width: 1rem;
    height: 1rem;
}

[data-md-color-scheme="slate"] .blog-post-inline-meta {
    border-bottom-color: rgba(173, 191, 220, 0.16);
}

[data-md-color-scheme="slate"] .blog-post-inline-meta__author-copy span,
[data-md-color-scheme="slate"] .blog-post-inline-meta__fact {
    color: #aeb8c9;
}

@media screen and (max-width: 52em) {
    .blog-post-inline-meta {
        align-items: flex-start;
    }

    .blog-post-inline-meta__author-copy {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.08rem;
        line-height: 1.15;
    }

    .blog-post-inline-meta__facts {
        gap: 0.6rem 0.9rem;
    }
}

/* Auto-number H2 headings within page content */
.md-typeset {
    counter-reset: h2;
}
.md-typeset h2 {
    counter-increment: h2;
}
.md-typeset h2::before {
    content: counter(h2) ". ";
    color: #7a8797;
    font-weight: 500;
}
[data-md-color-scheme="slate"] .md-typeset h2::before {
    color: #9aa6b7;
}

.md-post__content.md-typeset h2 {
    counter-increment: none;
}

.md-post__content.md-typeset h2::before {
    content: "";
}

/* Exclude Reference/References headings from auto-numbering */
.md-typeset h2#reference,
.md-typeset h2#references {
    counter-increment: none;
}
.md-typeset h2#reference::before,
.md-typeset h2#references::before {
    content: "";
}

/* TOC integrated: number only the in-page TOC list */
.md-nav--secondary .md-nav__list {
    counter-reset: toc-h2;
}
.md-nav--secondary .md-nav__list > .md-nav__item > .md-nav__link {
    counter-increment: toc-h2;
}
.md-nav--secondary .md-nav__list > .md-nav__item > .md-nav__link::before {
    content: counter(toc-h2) ". ";
    color: #7a8797;
    font-weight: 500;
}
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__list > .md-nav__item > .md-nav__link::before {
    color: #9aa6b7;
}

/* Exclude Reference/References from TOC numbering */
.md-nav--secondary .md-nav__list > .md-nav__item > .md-nav__link[href*="#reference"]::before,
.md-nav--secondary .md-nav__list > .md-nav__item > .md-nav__link[href*="#references"]::before {
    content: "";
}

.md-typeset details {
    margin-top: 0.4em !important;
}

.highlight span.filename {
    display: block;
    margin-top: 0.2em !important;
    padding-top: 0.3em !important;
    padding-bottom: 0.2em !important;
    padding-left: 1em !important;
}

/* Code block title + line numbers: neutral (avoid yellow) */
[data-md-color-scheme="default"] .highlight span.filename {
    background-color: #f9fbff;
    color: #586477;
    border-bottom: 1px solid #d6dce6;
}
[data-md-color-scheme="slate"] .highlight span.filename {
    background-color: #1c2129;
    color: #aab4c3;
    border-bottom: 1px solid #2c323c;
}
[data-md-color-scheme="default"] .highlighttable .linenos,
[data-md-color-scheme="default"] .highlighttable .linenos pre,
[data-md-color-scheme="default"] .linenodiv,
[data-md-color-scheme="default"] .linenodiv pre,
[data-md-color-scheme="default"] .md-typeset .linenums,
[data-md-color-scheme="default"] .md-typeset .linenums pre,
[data-md-color-scheme="default"] .md-typeset .highlighttable .linenodiv,
[data-md-color-scheme="default"] .md-typeset .highlighttable .linenodiv pre,
[data-md-color-scheme="default"] .md-typeset .highlighttable .linenos,
[data-md-color-scheme="default"] .md-typeset .highlighttable .linenos pre,
[data-md-color-scheme="default"] .md-typeset .codehilite .linenodiv,
[data-md-color-scheme="default"] .md-typeset .codehilite .linenums {
    background-color: #f9fbff !important;
    color: #7a8797 !important;
}
[data-md-color-scheme="slate"] .highlighttable .linenos,
[data-md-color-scheme="slate"] .highlighttable .linenos pre,
[data-md-color-scheme="slate"] .linenodiv,
[data-md-color-scheme="slate"] .linenodiv pre,
[data-md-color-scheme="slate"] .md-typeset .linenums,
[data-md-color-scheme="slate"] .md-typeset .linenums pre,
[data-md-color-scheme="slate"] .md-typeset .highlighttable .linenodiv,
[data-md-color-scheme="slate"] .md-typeset .highlighttable .linenodiv pre,
[data-md-color-scheme="slate"] .md-typeset .highlighttable .linenos,
[data-md-color-scheme="slate"] .md-typeset .highlighttable .linenos pre,
[data-md-color-scheme="slate"] .md-typeset .codehilite .linenodiv,
[data-md-color-scheme="slate"] .md-typeset .codehilite .linenums {
    background-color: #1c2129 !important;
    color: #9aa6b7 !important;
}

/* Line number cells: force neutral background */
[data-md-color-scheme="default"] .md-typeset .highlighttable td.linenos,
[data-md-color-scheme="default"] .md-typeset .highlighttable td.linenos pre,
[data-md-color-scheme="default"] .md-typeset .highlight .linenos,
[data-md-color-scheme="default"] .md-typeset .highlight .linenos pre,
[data-md-color-scheme="default"] .md-typeset .highlight .linenos::before {
    background-color: #f9fbff !important;
    color: #7a8797 !important;
}
[data-md-color-scheme="slate"] .md-typeset .highlighttable td.linenos,
[data-md-color-scheme="slate"] .md-typeset .highlighttable td.linenos pre,
[data-md-color-scheme="slate"] .md-typeset .highlight .linenos,
[data-md-color-scheme="slate"] .md-typeset .highlight .linenos pre,
[data-md-color-scheme="slate"] .md-typeset .highlight .linenos::before {
    background-color: #1c2129 !important;
    color: #9aa6b7 !important;
}

/* Code blocks: rounded, framed, and softly elevated */
[data-md-color-scheme="default"] .md-typeset .highlight,
[data-md-color-scheme="default"] .md-typeset .codehilite {
    border: 1px solid rgba(76, 93, 128, 0.18);
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(20, 34, 61, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6);
    position: relative;
    padding-top: 0 !important;
    overflow: visible;
}
[data-md-color-scheme="slate"] .md-typeset .highlight,
[data-md-color-scheme="slate"] .md-typeset .codehilite {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    position: relative;
    padding-top: 0 !important;
    overflow: visible;
}
[data-md-color-scheme="default"] .highlight span.filename,
[data-md-color-scheme="slate"] .highlight span.filename {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.md-typeset .highlighttable,
.md-typeset .highlighttable td,
.md-typeset .highlighttable pre,
.md-typeset pre {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.md-typeset .highlighttable td.code {
    padding: 0 !important;
}
.md-typeset .highlighttable pre,
.md-typeset .highlight > pre,
.md-typeset .codehilite > pre {
    padding-top: 0.35em !important;
    padding-bottom: 0.5em !important;
}
[data-md-color-scheme="default"] .md-typeset pre,
[data-md-color-scheme="slate"] .md-typeset pre {
    padding-top: 0.35em !important;
    padding-right: 2.2em !important;
    padding-bottom: 0.5em !important;
}
[data-md-color-scheme="default"] .md-typeset pre > .md-code__nav,
[data-md-color-scheme="slate"] .md-typeset pre > .md-code__nav {
    position: absolute !important;
    top: 0.3rem !important;
    right: 0.35rem !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}
[data-md-color-scheme="default"] .md-typeset pre > .md-code__nav .md-code__button,
[data-md-color-scheme="slate"] .md-typeset pre > .md-code__nav .md-code__button {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}
[data-md-color-scheme="default"] .md-typeset .md-clipboard,
[data-md-color-scheme="slate"] .md-typeset .md-clipboard {
    position: absolute !important;
    top: 0.38rem !important;
    right: 0.4rem !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}
[data-md-color-scheme="default"] .md-typeset .md-clipboard svg,
[data-md-color-scheme="slate"] .md-typeset .md-clipboard svg {
    width: 14px !important;
    height: 14px !important;
}
[data-md-color-scheme="default"] .md-typeset .highlighttable td.linenos {
    border-right: 1px solid rgba(76, 93, 128, 0.16);
}
[data-md-color-scheme="slate"] .md-typeset .highlighttable td.linenos {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.md-typeset pre{
    margin-bottom: 0.4em !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Illustration-style images */
.md-typeset img {
    border-radius: 14px;
    border: 1px solid rgba(12, 15, 22, 0.08);
    background: #ffffff;
    box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px;
}
[data-md-color-scheme="slate"] .md-typeset img {
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #11151c;
    box-shadow: rgba(10, 10, 12, 0.7) 0 1px 2px 0, rgba(10, 10, 12, 0.45) 0 2px 6px 1px;
}
[data-md-color-scheme="default"] .md-nav--secondary{
    color: #0621a4 !important;
}
[data-md-color-scheme="slate"] .md-nav--secondary{
    color: #7588e8 !important;
}
/* .md-nav__item--section>.md-nav>.md-nav__list>.md-nav__item--active>.md-nav>.md-nav__list>.md-nav__item>.md-nav__link{
    color: #a46206 ;
} */

[data-md-color-scheme="default"] .md-nav__item--section>.md-nav>.md-nav__list>.md-nav__item--active{
    color: #9d3319 !important;
}

[data-md-color-scheme="slate"] .md-nav__item--section>.md-nav>.md-nav__list>.md-nav__item--active{
    color: #eb9782 !important;
}

.md-typeset details {
    padding-bottom: 0.7em !important;
    padding-left: 0.7em !important;
    padding-right: 0.7em !important;
}

.md-typeset summary {
    margin-bottom: 0.5em;
}

#__comments {
    margin-top: 1.2rem;
    margin-bottom: 0.6rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2c3b57;
}

[data-md-color-scheme="slate"] #__comments {
    color: #d7dde8;
}

.giscus {
    margin-top: 0.6rem;
}


[data-md-color-scheme="default"]  #layer_sk{
    filter: hue-rotate(26deg) brightness(1) saturate(0.6) contrast(1.3);
}
[data-md-color-scheme="default"]  #text_name{

}
[data-md-color-scheme="default"]  #pumpking{
    filter: brightness(1) contrast(1.2) saturate(0.7) hue-rotate(353deg);
}
[data-md-color-scheme="default"]  #layer_bg2{
    filter: contrast(0.8) brightness(1.1) saturate(0.9) hue-rotate(15deg);
}
[data-md-color-scheme="default"]  #layer_bg1{
    filter: brightness(0.95) contrast(1.1) saturate(1) hue-rotate(354deg)
}
[data-md-color-scheme="default"]  #text_welcome{
}
[data-md-color-scheme="default"]  #layer_main{
    filter: brightness(1) contrast(1.2) saturate(0.9)
}
[data-md-color-scheme="default"]  #alice{
}


[data-md-color-scheme="slate"] section{
    filter: hue-rotate(12deg);
}
[data-md-color-scheme="slate"]  #layer_sk{
    filter:  invert(1) hue-rotate(211deg) contrast(1.5) brightness(0.5) saturate(0.5);
}
[data-md-color-scheme="slate"]  #text_name{
    color: #ffffff !important;
}
[data-md-color-scheme="slate"]  #pumpking{
    filter: none;
}
[data-md-color-scheme="slate"]  #layer_bg2{
    filter: brightness(1.55) contrast(1.4) saturate(0.5) hue-rotate(238deg) sepia(0.1) invert(1);
}
[data-md-color-scheme="slate"]  #layer_bg1{
    filter: brightness(0.4) contrast(1.9) saturate(0.2) hue-rotate(322deg);
}
[data-md-color-scheme="slate"]  #text_welcome{

}
[data-md-color-scheme="slate"]  #layer_main{
    filter: brightness(0.4) contrast(1.9) saturate(0.2) hue-rotate(322deg) drop-shadow(1px -11px 10px #302F80)
}
[data-md-color-scheme="slate"]  #alice{
    filter: none;
}