/*移动端适配 最大768px，PC不受任何修改*/
@media (max-width:768px) {
    /*页眉悬浮置顶，盖在轮播最上方，解决跑到轮播下面问题*/
    .header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        padding:5px 0 !important;
        z-index:99 !important;
        background: rgba(25, 25, 25, 0.55) !important;
    }
    /*头部容器纵向排版*/
    .header .wrap {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        padding: 0 15px !important;
        gap:12px !important;
    }
    /*logo自适应缩小*/
    .header .logo {
        height: 30px !important;
    }
    /*导航取消绝对定位，横向排布居中*/
    .nav-links {
        position: static !important;
        transform: none !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap:16px !important;
    }
    /*轮播顶部留白，防止图片被页眉遮挡*/
    .carousel {
        padding-top: 110px !important;
        height: auto !important;
    }
    /*轮播内文字下移，避开导航栏*/
    .carousel-text {
        top: calc(110px + 50%) !important;
        transform: translate(-50%, -50%) !important;
    }
    /*about页面小轮播适配*/
    .about-page .carousel {
        padding-top:85px !important;
        height:250px !important;
    }

    /*首页双图移动端改成上下排列*/
    .home-img-box {
        flex-direction: column !important;
        gap:20px !important;
    }
    .home-img-box img {
        width:100% !important;
        height:auto !important;
    }
    /*并排图片自适应*/
    .img-row {
        flex-direction: column !important;
    }
    .img-row img {
        width:100% !important;
    }

    /*页脚自适应排版*/
    .footer-content {
        flex-direction: column !important;
        gap:30px !important;
    }
    .footer-col {
        max-width:100% !important;
    }
    .qrcode-col {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    /*内容容器边距适配*/
    .container {
        padding:0 12px !important;
    }
}