@media screen and (max-width: 768px) {
    .main{
        margin-top: 0 !important;
    }
    .main .menu .menu-title .h1z2{
        font-size: 16px;
    }
    .main .menu .menu-subtitle{
        font-size: 12px;
        bottom:10px ;
    }
    .main .group .grid .grid-item .cover-title p{
        height: 30px;
    line-height: 30px;
        white-space: nowrap; /* 强制文本单行显示 */
        overflow: hidden; /* 超出宽度隐藏 */
        text-overflow: ellipsis; 
    }
    .main .container{
        width: auto;
        padding:0 20px
    }
    .main .group .grid{
        margin: 0 -5px;
    }
    .main .group .grid-item, .grid-item-xl {
        position: relative;
        float: left;
        width: 50%;
        height: 50%;
        background-color: #ddd;
        margin: 0;
        border: #efefef 5px solid;
        top: 0;
    }
    
    .main .group .grid-item .cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
}