/* 
Version:2.3
上次更新:2025年9月18日
 */
/* 移动端适配 */
@media screen and (max-width: 767px) {
    #logo {
        width: 85%;
        height: 30%;
        display: flex;
        justify-content: center;
        animation: logodh 4s ease;
    }

    @keyframes logodh {
        0% {
            width: 100%;
            height: 100%;
            opacity: 0;
        }

        50% {
            width: 100%;
            height: 100%;
            opacity: 1;
        }

        100% {
            width: 85%;
            height: 30%;
        }
    }

    #logoimg {
        padding: 0;
        -webkit-user-drag: none;
        /* border: .5vw solid rgba(200, 200, 200, 0.5); */
        /* border-radius: 50px; */
        animation: edge 2s ease;
    }

    @keyframes edge {
        from {
            opacity: 0;
            width: 100%;
            transform: rotate(0deg);
        }

        to {
            opacity: 1;
            width: 100%;
            transform: rotate(360deg);
        }
    }

    #recWeb {
        display: flex;
        justify-content: space-around;
        align-items: center;
        border: 0px solid rgb(0, 0, 0);
        width: 80vw;
        padding: 30px;
        font-size: larger;
        flex-wrap: wrap;

        border-radius: 25px;
        background: rgba(255, 255, 255, .2);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        animation: jj 5s ease;
    }

    .icon {
        margin: 2px;
        margin-bottom: 10px;
        cursor: pointer;
        /* width: 25%; */
    }

    #recWebC {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    #deepsearch {
        display: none;
    }

    @keyframes jj {
        0% {
            /* display: none; */
            opacity: 0;
        }

        50% {
            /* display: none; */
            opacity: 0;
        }

        100% {
            /* display: flex; */
            opacity: 1;
        }

    }

}