/* ====================================
   移动端样式 - 基于Bootstrap响应式优化
   ==================================== */

/* 移动端轮播图 - 高度自适应 */
@media (max-width: 767.98px) {
    .slideshow {
        height: 200px !important;
        object-fit: cover;
    }

    /* 轮播文字 - 移动端缩小 */
    .swiper-slide .position-absolute h1 {
        font-size: 18px !important;
    }
    .swiper-slide .position-absolute h4 {
        font-size: 13px !important;
    }

    /* 轮播文字定位调整 */
    .swiper-slide .position-absolute {
        top: 15% !important;
        left: 15px !important;
        right: 15px !important;
        text-align: center;
    }

    /* 导航箭头在移动端隐藏 */
    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }

    /* 分页器 - 移动端更明显 */
    .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        margin: 0 4px !important;
    }

    /* ===== 首页板块优化 ===== */
    /* 产品卡片 - 移动端全宽 */
    .card {
        margin-bottom: 10px;
    }

    /* 标题字号缩小 */
    h1.fs-20 {
        font-size: 18px !important;
    }
    h2 {
        font-size: 20px !important;
    }
    h3 {
        font-size: 16px !important;
    }
    h4 {
        font-size: 14px !important;
    }

    /* 内页Banner - 移动端缩小 */
    .banner img {
        height: 120px !important;
    }
    .banner .position-absolute h2 {
        font-size: 22px !important;
    }

    /* 移动端间距压缩 */
    .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    /* ===== 导航优化 ===== */
    .navbar-brand {
        font-size: 16px !important;
    }
    .navbar .nav-link {
        padding: 8px 0 !important;
        font-size: 14px !important;
    }

    /* ===== 产品列表 ===== */
    .col-6.col-md-3 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .col-6.col-md-3 .card-body {
        padding: 8px !important;
    }

    /* ===== 底部客服 ===== */
    .text-center.py-3 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* ===== QQ客服优化 ===== */
    .qr-wrap {
        width: 30px !important;
        height: 30px !important;
    }

    /* 公共组件间距 */
    .position.mb-3 {
        margin-bottom: 10px !important;
    }

    /* 移动端按钮更大 */
    .btn {
        font-size: 14px !important;
        padding: 8px 16px !important;
    }

    /* 移动端表格自动滚动 */
    .table-responsive {
        overflow-x: auto;
    }

    /* 移动端产品详情轮播 */
    .view .swiper-slide img {
        max-height: 300px !important;
        object-fit: contain;
    }
    .preview .swiper-slide {
        width: 60px !important;
        height: 60px !important;
    }

    /* ===== 底部信息 ===== */
    footer .container .row > div {
        margin-bottom: 15px;
    }
    footer h5 {
        font-size: 15px !important;
    }

    /* ===== 通知公告滚动 ===== */
    marquee {
        font-size: 13px !important;
    }

    /* ===== 面包屑 ===== */
    .breadcrumb {
        font-size: 13px !important;
        padding: 8px 0 !important;
    }

    /* ===== 联系信息 ===== */
    .py-2 span {
        font-size: 13px !important;
    }
}