@charset "utf-8";
/** 
*
 * m.css
 * Welcome to my website. 
 * Web developer: Hanlu, URL: https://hanlu.im
*
**/
@media only screen and (max-width: 1320px) {}
@media only screen and (max-width: 1180px) {}
/*
1023
>=768
*/
@media only screen and (max-width: 1023px) {}
/* 
767，
>=641
*/
@media only screen and (max-width: 767px) {}
/* 
640，
>=481 
*/
@media only screen and (max-width: 640px) {}
/*
480，
>=376
*/
@media only screen and (max-width: 480px) {}
/*
375，
>=321
*/
@media only screen and (max-width: 375px) {}
/*
<=320
*/
@media only screen and (max-width: 320px) {}
/** m2.css **/
@media only screen and (max-height: 520px) {}
@media only screen and (max-height: 480px) {}
@media only screen and (max-height: 360px) {}
@media only screen and (max-width: 300px) {}
/** m3.css **/
@media screen and (min-width: 1281px) and (max-width: 1320px) {}
@media screen and (min-width: 1181px) and (max-width: 1280px) {}
@media screen and (min-width: 1081px) and (max-width: 1180px) {}
@media screen and (min-width: 1024px) and (max-width: 1080px) {}
@media screen and (min-width: 768px) and (max-width: 1023px) {}
@media screen and (min-width: 641px) and (max-width: 767px) {}
@media screen and (min-width: 641px) and (max-width: 1023px) {}
@media (max-width: 768px) {
    .card-video > .card-media::after, .card-audio > .card-media::after {
        font-size: 36px;
    }
    .article-box {
        -webkit-flex-direction: row-reverse; /* Webkit内核浏览器 */
        flex-direction: row-reverse;
    }
    .infobox {
        padding-left: 0;
        padding-right: 20px;
    }
    .sidebar-thumb-list .infobox {
        padding-left: 0;
        padding-right: 15px;
    }
    .info-wrap:only-child .infobox {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 480px) {
    .pagination-container ul {
        gap: 6px;
    }
    .pagination-container ul li a, .pagination-container ul li span {
        padding: 8px 12px;
        font-size: 14px;
    }
}