/*去除a链接的下划线*/
a, a:-webkit-any-link {
    text-decoration: none !important;
}

/* 设置滚动条的样式 */
/* Webkit浏览器（Chrome、Safari等） */
::-webkit-scrollbar {
    width: 6px; /* 滚动条宽度 */
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* 滚动条背景颜色 */
}

::-webkit-scrollbar-thumb {
    background-color: rgba(48, 99, 142, 0.36); /* 滚动条滑块颜色 */
    border-radius: 4px; /* 滑块边框圆角 */
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(48, 99, 142, 0.66); /* 鼠标悬停时滑块颜色 */
}

.td-max-width-on-larger-screens, .td-card.card, .td-content .td-card.highlight, .td-card-deck.card-deck, .td-content > pre, .td-content > .highlight, .td-content > .lead, .td-content > h1, .td-content > h2, .td-content > ul, .td-content > ol, .td-content > p, .td-content > blockquote, .td-content > dl dd, .td-content .footnotes, .td-content > .alert {
    max-width: 98%;
}

@media (min-width: 768px) {
    h2[id]:before, h3[id]:before, h4[id]:before, h5[id]:before {
        display: block;
        margin-top: 0;
        height: 5rem;
        visibility: visible;
    }

    .td-navbar-cover .nav-link {
        text-shadow: none !important;
        font-weight: 500 !important;
        font-size: 1.25rem !important;
    }
}

.td-content {
    padding-left: 1rem !important;
}

.td-content h1,
.td-content h2,
.td-content h3,
.td-content h4,
.td-content h5,
.td-content h6 {
    /* font-family: "Old Standard TT", Didot, "Modern No. 20", "FZJuZXFK--GBK1-0", "FZJZFS", "STBaoliSC-Regular", "华文隶书", serif; */
    /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; */
    font-weight: bold;
    /*color: #351D35;*/
    z-index: 2;
}

[data-bs-theme="light"] .td-content h1,
[data-bs-theme="light"] .td-content h2,
[data-bs-theme="light"] .td-content h3,
[data-bs-theme="light"] .td-content h4,
[data-bs-theme="light"] .td-content h5,
[data-bs-theme="light"] .td-content h6,
.td-content h1,
.td-content h2,
.td-content h3,
.td-content h4,
.td-content h5,
.td-content h6 {
    color: #351D35;
}

[data-bs-theme="dark"] .td-content h1,
[data-bs-theme="dark"] .td-content h2,
[data-bs-theme="dark"] .td-content h3,
[data-bs-theme="dark"] .td-content h4,
[data-bs-theme="dark"] .td-content h5,
[data-bs-theme="dark"] .td-content h6,
.td-content h1,
.td-content h2,
.td-content h3,
.td-content h4,
.td-content h5,
.td-content h6 {
    color: #d7d7d7;
}

.td-content h1 {
    text-align: center;
    font-size: 2.25rem;
}

.td-content h2 {
    position: relative;
    margin: 1rem 1.25rem;
    padding: 3rem 0 1rem;
    outline: none;
    /*text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);*/
    text-shadow: 0 0 0 rgb(62, 165, 77);
    z-index: 2;
    font-size: 2rem;
}

.td-content h2::before {
    background: rgba(255, 166, 17, 0.55);
}

.td-content h2::before,
.td-content h2::after {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0%;
    width: 100px;
    height: 100px;
    border: 5px solid rgba(255, 166, 17, 0.55);
    border-radius: 50%;
    content: '';
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
    transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.td-content h2::after {
    width: 90px;
    height: 90px;
    border-width: 8px;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.td-content h2:hover::before,
.td-content h2:hover::after,
.td-content h2:focus::before,
.td-content h2:focus::after {
    opacity: 1;
    border-color: rgba(255, 166, 17, 0.95);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.td-content h3 {
    position: relative;
    outline: none;
    padding: 1.5rem 2rem 1rem;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    font-size: 1.75rem;
}

.td-content h3::before,
.td-content h3::after {
    position: absolute;
    top: 0;
    left: 2rem;
    width: 75%;
    height: 2px;
    background: #0F1A3A;
    content: '';
    opacity: 0.2;
    -webkit-transition: opacity 0.3s, height 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s;
    transition: opacity 0.3s, height 0.3s;
}

.td-content h3::after {
    top: 100%;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.td-content h3:hover,
.td-content h3:focus {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

.td-content h3:hover::before,
.td-content h3:hover::after,
.td-content h3:focus::before,
.td-content h3:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.td-content h3:hover::before,
.td-content h3:focus::before {
    height: 8px;
}

.td-content h4 {
    position: relative;
    font-size: 1.5rem;
}

.td-content h4::after {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    max-width: 0;
    height: 100%;
    border-bottom: 2px solid #C09A21;
    color: #C09A21;
    /* content: attr(id); */
    -webkit-transition: max-width ease-in-out 1s;
    -moz-transition: max-width ease-in-out 1s;
    transition: max-width ease-in-out 1s;
}

.td-content h4:hover::after,
.td-content h4:focus::after {
    max-width: 100%;
}

.td-content h5 {
    position: relative;
    font-size: 1.25rem;
}

.td-content h6 {
    position: relative;
    padding-left: 2rem;
}

.td-content h6::before {
    position: absolute;
    top: 8px;
    left: 0.5rem;
    color: #F9FCFF;
    background: #0F1A3A;
    content: '\36';
    border-radius: 15px;
    width: 20px;
    height: 20px;
    padding: 1px;
    text-align: center;
    line-height: 1;
    display: inline-block;
    /* font-family: 'FontAwesome'; */
}

.td-content h1 {
    counter-reset: cnt_h2 0 cnt_h3 0 cnt_h4 0 cnt_h5 0;
}

.td-content h2 {
    counter-reset: cnt_h3 0 cnt_h4 0 cnt_h5 0;
    counter-increment: cnt_h2;
}

.td-content h2:before {
    content: counter(cnt_h2) " ";
}

.td-content h3 {
    counter-reset: cnt_h4 0 cnt_h5 0;
    counter-increment: cnt_h3;
}

.td-content h3::before {
    content: counter(cnt_h2) "." counter(cnt_h3) " ";
}

.td-content h4 {
    counter-reset: cnt_h5;
    counter-increment: cnt_h4;
}

.td-content h4::before {
    content: counter(cnt_h2) "." counter(cnt_h3) "." counter(cnt_h4) " ";
}

.td-content h5 {
    counter-increment: cnt_h5;
}

.td-content h5::before {
    content: counter(cnt_h2) "-" counter(cnt_h3) "-" counter(cnt_h4) "-" counter(cnt_h5) " ";
}

.td-content h2::before,
.td-content h3::before,
.td-content h4::before,
.td-content h5::before {
    /* font-family: "Old Standard TT", Didot, "Modern No. 20", "FZJuZXFK--GBK1-0", "FZJZFS", "STBaoliSC-Regular", "华文隶书", serif; */
    font-style: italic;
    font-size: 4rem;
    /* color: #ccc7ce; */
    color: rgb(204, 199, 206, 0.2);
}


.td-content h4::before,
.td-content h5::before {
    font-size: 2rem;
    position: absolute;
    left: -1rem;
    top: -1.5rem;
    z-index: -1;
}

.td-content h2:hover::before {
    color: rgba(15, 26, 58, 0.3);
    z-index: -1;
}

.td-content h3:hover::before,
.td-content h4:hover::before,
.td-content h5:hover::before {
    color: rgba(255, 166, 17, 0.95);
    z-index: -1;
}

.td-content p {
    font-size: 1.4rem;
}

.td-content li {
    font-size: 1.4rem;
}

li > code, p > code, h2 > code, h3 > code, h4 > code {
    color: darkorange !important;
    background-color: transparent !important;
}

.td-content table code:not(:empty):not(:has(*)) {
    color: darkorange !important;
    background-color: transparent !important;
}

.td-content th, .td-content td {
    font-size: 1.0rem;
}

/*修改左侧激活的菜单项的颜色*/
.td-sidebar-nav a {
    color: rgb(33, 37, 41) !important;
}

[data-bs-theme="dark"] .td-sidebar-nav a {
    color: rgba(222, 226, 230, 0.75) !important;
}

.td-sidebar-nav a.active {
    color: rgb(13, 110, 253) !important;
}

/* [data-bs-theme="dark"] .td-sidebar-nav a.active {
    color: rgb(168, 15, 217) !important;
} */

/*临时性修复点击toc，却看不到标题的问题*/
[data-bs-theme="dark"] .td-navbar {
    background: linear-gradient(to right, rgba(48, 99, 142, 0.99) 0%, rgba(48, 99, 142, 0) 15%, rgba(48, 99, 142, 0) 100%);
}

.td-navbar {
    /*background: rgba(48, 99, 142, 0.36);*/
    /* background: linear-gradient(to right, rgba(48, 99, 142, 0.99) 0%, rgba(48, 99, 142, 0) 15%, rgba(48, 99, 142, 0) 75%, rgba(48, 99, 142, 0.99) 100%); */
    background: linear-gradient(to right, rgba(48, 99, 142, 0.99) 0%, rgba(48, 99, 142, 0) 15%, rgba(48, 99, 142, 0) 75%, rgba(255, 255, 255, 0.99) 100%);
}

[data-bs-theme="dark"] .td-toc a {
    color: rgba(222, 226, 230, 0.75) !important;
}

.td-toc a {
    color: rgb(33, 37, 41) !important;
}

.td-toc a.active {
    font-weight: bold;
    color: rgb(13, 110, 253) !important;
}

/* .td-toc a:hover {
    animation: colorChange1 1.2s infinite !important;
} */
/* .td-toc #TableOfContents li a:hover {
    animation: colorChange1 1.2s infinite;
} */

.td-sidebar-nav span:hover {
    animation: colorChange1 1.2s infinite;
}

@keyframes colorChange1 {
    0% {        
        color: rgb(13, 110, 253, 98%);
    }
    50% {
        color: rgb(13, 110, 253, 50%);
    }
    100% {
        color: rgb(13, 110, 253, 98%);
    }
}

p > a {
    font-weight: bold;
    font-size: 1.1em !important;
}

p > a {
    color : rgb(13, 110, 253) !important;
}

p > a:hover, p > a:hover {
    animation: colorChange2 1.2s infinite;
}

/* [data-bs-theme="dark"] p > a:hover {
    animation: colorChange3 1.2s infinite;
} */

@keyframes colorChange2 {
    0% {
        color: rgba(13, 110, 253, 0.36);
    }
    50% {
        color: rgba(13, 110, 253, 0.5);
    }
    100% {
        color: rgba(13, 110, 253, 0.36);
    }
}

@keyframes colorChange3 {
    0% {
        color: rgba(168, 15, 217, 0.36);
    }
    50% {
        color: rgba(168, 15, 217, 0.5);
    }
    100% {
        color: rgba(168, 15, 217, 0.36);
    }
}

p > strong, .td-content li > strong {
    font-size: 1.1em !important;
}

.td-content li > a {
    font-weight: bold;
    font-size: 1.1em !important;
}

[data-bs-theme="light"] .td-content li > a, .td-content li > a {
    color: #0010ff5c;
}

[data-bs-theme="dark"] .td-content li > a {
    color : rgb(13, 110, 253);
}

[data-bs-theme="light"] .td-content li > a:hover, .td-content li > a:hover {
    animation: colorChange2 1.2s infinite;
}

[data-bs-theme="dark"] .td-content li > a:hover {
    animation: colorChange3 1.2s infinite;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tab-content .tab-pane {
    max-width: 100% !important;
}

.td-content li > a.nav-link {
    color: #8c8cb6bd !important;
}

.td-content li > a.nav-link.active {
    color: #3a12eabf !important
}

[data-bs-theme="light"] .navbar-nav .nav-link,
.navbar-nav .nav-link {
    color: rgba(47, 76, 182, 0.75)
}

[data-bs-theme="dark"] .navbar-nav .nav-link {
    color : rgb(13, 110, 253);
}

[data-bs-theme="light"] .navbar-nav .nav-link:hover, [data-bs-theme="light"] .navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
    color: rgba(147, 236, 196, 0.75)
}

.navbar-nav .show > .nav-link, .navbar-nav .active > .nav-link, .navbar-nav .nav-link.show, .navbar-nav .nav-link.active {
    color: rgb(43, 245, 24)
}

.td-content pre > code {
    font-size: 1.1em;
}

/* 针对docsy 0.7.0 导航栏没有居右的修复*/
.td-navbar-nav-scroll.ml-md-auto {
    margin-left: auto !important;
}

.td-max-width-on-larger-screens, .td-card.card, .td-content .td-card.highlight, .td-card-group.card-group, .td-content .footnotes, .td-content > .alert, .td-content > .highlight, .td-content > .lead, .td-content > .td-table, .td-box .td-content > table, .td-content > table, .td-content > blockquote, .td-content > dl dd, .td-content > h1, .td-content > .h1, .td-content > h2, .td-content > .h2, .td-content > ol, .td-content > p, .td-content > pre, .td-content > ul {
    max-width: 98% !important;
}
.tippy-trigger {
  border-bottom: 3px dotted rgb(43, 245, 24);  /* 圆点虚线 */
}

ruby rt {
    font-size: 1.0em !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 3px !important;
}