/* 移动端样式 */
@media (max-width: 767px) {
    /* 强制移动端布局 */
    html, body {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* 容器调整 */
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* 导航栏调整 */
    .navbar {
        padding: 8px 0;
    }
    
    .navbar-brand {
        font-size: 1.2rem;
    }

    /* 搜索框调整 */
    .search-box {
        margin: 10px 0;
    }

    .search-box .form-control {
        height: 40px;
    }

    /* 影片卡片调整 */
    .movie-card {
        margin-bottom: 15px !important;
    }

    .movie-card img {
        height: auto !important;
        max-height: 200px !important;
    }

    .movie-card h5 {
        font-size: 0.85rem !important;
        height: auto !important;
        max-height: 2.6em !important;
        margin-bottom: 5px !important;
    }

    .movie-card .small {
        font-size: 0.7rem !important;
        line-height: 1.3 !important;
    }

    /* 分类标签调整 */
    .category-tags .badge {
        padding: 0.35rem 0.75rem !important;
        font-size: 0.75rem !important;
    }

    /* 分页调整 */
    .pagination .page-link {
        padding: 0.4rem 0.75rem !important;
        font-size: 0.85rem !important;
    }

    /* 页脚调整 */
    footer {
        padding: 15px 0 !important;
    }

    footer .text-muted {
        font-size: 0.75rem !important;
    }
}

/* 强制双列布局 */
@media (max-width: 767px) {
    .row {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }
    
    .col-6 {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}