/* 
 屏幕宽度适应
*/

@media screen and (max-width: 800px) {

    /* .ab-container {
        display: none;
    } */
}

@media screen and (max-width: 600px) {



    /* ################################################ 主页 ################################################ */
    /* 背景图滤镜 */
    .backdrop-filter {
        /* background-image: url("/img/bg/line.png");
            background-size: 2px; */
        background-image: linear-gradient(to top, #393442cc, #131313cc);
    }

    #typing-text {

        font-size: 2em;
    }

    /* ################################################ 简介 ################################################ */
    .cover_title {
        font-size: 2.5em;
        margin-bottom: 10px;

    }

    .cover_subtitle {
        font-size: 1em;
        margin-bottom: 50px;

    }

    .cover_text {
        width: 90%;
    }

    .cover_text_p {
        font-size: 1em;
    }

    .timeline_href {
        width: 200px;
        height: 50px;
        font-size: 1em;
        font-weight: 600;
    }

    .cover_tag_div {
        width: 90%;
        display: flex;
        flex-wrap: wrap;

        justify-content: center;
        margin: 20px 20px;

    }

    .cover_tag {
        max-width: 150px;
        max-height: 37px;
        padding: 8px 12px;
        font-size: 0.4em;
        margin: 3px 3px;
    }

    /* ################################################ 作品集 ################################################ */
    .title_zpj {
        display: none;
    }

    /* ################################################ 联系方式 ################################################ */
    .rotate-content {
        right: -60%;
        top: 0%;
        transform: rotate(-5deg);
    }
}

/* 当屏幕宽度小于300px时，隐藏 .container */
/* @media screen and (max-width: 300px) {} */