/* ################################################################################ */
/* ################################### 全站修改 ################################### */
/* ################################################################################ */
/* 全站去圆角 */
/* .rounded,
.block.block-rounded>.block-content:first-child,
.block.block-rounded>.block-content:last-child,
.block.block-rounded,.block.block-rounded>.block-header,
.block.block-rounded>.nav-tabs,.form-control,
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.block-header.block-header-default{
    border-radius: unset!important;
} */
#page-header .content-header {
    padding-left: .875rem!important;
    padding-right: .875rem!important;
}
/* 全站圆角 */
.rounded,
.block.block-rounded>.block-content:first-child,
.block.block-rounded>.block-content:last-child,
.block.block-rounded,.block.block-rounded>.block-header,
.block.block-rounded>.nav-tabs,
.block-header.block-header-default,
introduce{
    border-radius: .375rem!important;
}
.block.block-rounded>.block-header, .block.block-rounded>.nav-tabs{
    border-bottom-left-radius: 0rem!important;
    border-bottom-right-radius: 0rem!important;
}

/* 代码块内的字体 */
code, kbd, pre, samp {
    font-family: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";;
    font-size: 0.95rem;
    line-height:1.6rem;
}

/* 滚动条美化 */
::-webkit-scrollbar-track {
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    background-color: rgba(127,127,127,.6);
    background-clip: padding-box;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 5px;
    transition: all 1s ease 0s
}

::-webkit-scrollbar-corner {
    background: 0 0
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    transition: all 1s ease 0s
}
/* ################################################################################ */
/* ################################ admin-page修改 ################################ */
/* ################################################################################ */

.admin-page .content-title {
    background: linear-gradient(-45deg, #ffd200, #ffa63d, #ff3d77, #338aff, #2dd6de);
    animation: banner-anime 120s linear infinite;
    background-size: 300% !important;
    transition: all 0.4s ease-out;
}

/* ################################################################################ */
/* ################################ home-page修改 ################################# */
/* ################################################################################ */

/* 标题卡片居中 */
.home-page .title-card{
    margin-left: 0px!important;
    margin-right: 0px!important;
}

/* 数据统计图标始终显示 */
.home-page .d-sm-flex {
    display: flex!important;
}

.home-page .d-sm-block {
    display: block!important;
}

.home-page .block-sticky-options .block-options {
    position: unset!important;
}

.home-page .api-card {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}

.home-page .api-card-data {
    display: flex;
    justify-content: space-between;
}
.home-page :is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
    margin: auto;
}
.home-page .api-card-info {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
.home-page .api-card-name {
    display:inline;
}
  
/* ################################################################################ */
/* ############################### docview-page修改 ############################### */
/* ################################################################################ */

/* docview主标题背景样式 */
@keyframes banner-anime {
    /**文字版动画**/
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.docview-page .content-title {
    background: linear-gradient(-45deg, #ffd200, #ffa63d, #ff3d77, #338aff, #2dd6de);
    animation: banner-anime 120s linear infinite;
    background-size: 300% !important;
    transition: all 0.4s ease-out;
}

/* 使子标题下方的margin生效 */
.docview-page .block-content,.docview-page .cord-card{
    display: grid;
}

/* 使子标题下方的margin */
.docview-page .form-label{
    margin-bottom: 10px;
}

/* 删除文档文字的下方空白 */
.docview-page pre {
    margin-bottom:0px;
}

/* 重新规划卡片内边距 */
.docview-page .block-content{
    padding: 1.625rem 2rem;
}

/* markdown块的内边距 */
.docview-page pre introduce.marked{
    padding: 1.5em!important;
}

/* 高亮代码块的内边距 */
.docview-page pre code.hljs{
    padding: 0em!important;
}

/* 文档内的灰色背景灰度 */
.docview-page .form-control.form-control-alt,.docview-page .table-striped>tbody>tr:nth-of-type(odd)>*,.docview-page .hljs,.docview-page .marked{
    background-color: #f8f8f8;
    --bs-table-accent-bg: none;
}

/* 默认td中的文字不允许换行，单行且居中显示 */
.docview-page td {
    white-space: nowrap;
    text-align: center;
}

/* 禁止表名自动换行 */
.docview-page th {
    text-align: center;
    white-space: nowrap;
}

/* 表内标题样式 */
.docview-page th.th-title {
    padding: 20px;
    background-color: #ffffff!important;
    box-shadow: 0px 0px 0px 2px #646464 inset;
}

/* 仅在屏宽大于800的显示器上，允许td中的文字行满后自动换行 */
@media only screen and (min-width: 800px) {
    .docview-page td {
        white-space: break-spaces;
    }
}

/* 修改li之间的间隔 */
.docview-page pre ul {
    /* display: grid; */
    display: grid;
    line-height: 2rem;
}

/* 短代码块样式 */
.docview-page code:not([class^="language-"]) {
    color: #3e444a!important;
    background-color: #f5f5f5!important;
    padding: 2px 5px!important;
    border-radius: 3px!important;
    margin: 0 5px!important;
    mix-blend-mode: multiply!important;
}

/* 接口地址、请求方法、返回格式三个input的左端与其他文本框中文字左端对齐 */
.docview-page input.form-control {
    padding: .375rem 1.5em!important;
}

/* 特殊的markdown内代码块 */
.docview-page .code-wrapper {
    background-color: #ededed!important;
    padding: 25px 40px!important;
    border-radius: .375rem!important;
    margin: 0px 5px 30px!important;
}

.docview-page .code-wrapper code{
    background-color: initial;
}

/* ################################################################################ */
/* ################################### 配色修改 ################################### */
/* ################################################################################ */

@keyframes variation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}
.container-color-anima-04 {
    background: linear-gradient(45deg, #4158D0, #C850C0, #FFCC70 );
    animation: variation 60s linear infinite;
    background-size: 2000% !important;
    background-clip: text;
    animation-delay: -30s;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.4s ease-out;
    
}

.container-color-anima-03 {
    background: linear-gradient(45deg, #4158D0, #C850C0, #FFCC70 );
    animation: variation 60s linear infinite;
    background-size: 2000% !important;
    background-clip: text;
    animation-delay: -20s;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.4s ease-out;
}

.container-color-anima-02 {
    background: linear-gradient(45deg, #4158D0, #C850C0, #FFCC70 );
    animation: variation 60s linear infinite;
    background-size: 2000% !important;
    background-clip: text;
    animation-delay: -10s;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.4s ease-out;
}

.container-color-anima-01 {
    background: linear-gradient(45deg, #4158D0, #C850C0, #FFCC70 );
    animation: variation 60s linear infinite;
    background-size: 2000% !important;
    background-clip: text;
    animation-delay: -0s;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.4s ease-out;
}