@media all and (width < 1024px){
    .article_index_container{
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 318px;
    }

    .article_index{
        padding: max(8px, 8px) 0px;
        border-bottom: max(1px, 1px) solid #999;

        color: #7A7A7A;
        font-family: "Mont For Anker";
        font-size: max(14px, 14px);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    /* 导航栏 */
    .article_index_small_device .article-sidebar{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: max(8px, 8px);
        align-self: stretch;
    }

    /* 导航栏文字 */
    .article_index_small_device a{
        display: flex;
        padding: max(4px, 4px) 0px;
        align-items: center;
        gap: max(12px, 12px);
        align-self: stretch;

        color: #575757;
        font-family: "Mont For Anker" !important;
        font-size: max(14px, 14px) !important;
        font-style: normal;
        font-weight: 700;   
        line-height: normal;
    }

    /* 正文 */
    .article_body * {
        font-family: "Mont For Anker" !important;
        /* font-size: max(14px, 14px) !important; */
    }
}

@media all and (width >= 1024px){
    .article_index_container{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .article_index{
        color: #999;
        font-family: "Mont For Anker";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .article_index_large_device .article-sidebar{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .article_index_large_device a{
        display: flex;
        padding: 8px 0px;
        align-items: center;
        gap: 12px;
        align-self: stretch;

        color: #575757;
        font-family: "Mont For Anker" !important;
        font-size: 20px !important;
        font-style: normal;
        font-weight: 700;   
        line-height: normal;
    }

    @keyframes slideInFromBottom {
        0% {
            transform: translateY(10%); /* 元素从容器下方进入 */
            opacity: 0; /* 初始时元素不可见 */
        }
        100% {
            transform: translateY(0); /* 元素停留在容器内的正常位置 */
            opacity: 1; /* 元素完全可见 */
        }
    }

    .article_body * {
        font-family: "Mont For Anker" !important;
        /* font-size: 20px !important; */

        animation: slideInFromBottom 0.5s ease-in-out forwards; 
        opacity: 0; 
        transform: translateY(10%); 
    }
}

.anchor_active {
    color: #000 !important;
}