/* 移动端优化样式 */

/* 小屏幕下的通用优化 */
@media (max-width: 767.98px) {
    /* 减小页面内边距 */
    .layout-shell {
        padding: 12px;
    }
    
    /* 优化页面标题 */
    .page-header__title {
        font-size: 1.5rem;
    }
    
    .page-header__description {
        font-size: 0.875rem;
    }
    
    /* 优化按钮组 */
    .page-header__actions {
        margin-top: 12px;
    }
    
    .page-header__actions .btn {
        width: 100%;
    }
    
    /* 优化表格单元格 */
    .table td,
    .table th {
        padding: 8px 4px;
        font-size: 0.875rem;
    }
    
    /* 优化卡片间距 */
    .panel-card {
        margin-bottom: 12px;
    }
    
    /* 优化表单 */
    .form-control,
    .form-select {
        font-size: 16px; /* 防止iOS自动缩放 */
    }
    
    /* 优化徽章 */
    .badge {
        font-size: 0.75rem;
        padding: 4px 8px;
    }
    
    /* 优化按钮 */
    .btn {
        padding: 8px 12px;
        font-size: 0.875rem;
    }
    
    .btn-sm {
        padding: 4px 8px;
        font-size: 0.75rem;
    }
}

/* 超小屏幕优化 */
@media (max-width: 575.98px) {
    /* 堆叠按钮组 */
    .btn-group {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .btn-group .btn {
        border-radius: 4px !important;
        margin-bottom: 4px;
    }
    
    /* 优化筛选栏 */
    .filter-bar {
        flex-direction: column;
    }
    
    .filter-bar .form-control {
        width: 100% !important;
        margin-bottom: 8px;
    }
}

/* 触摸优化 */
@media (hover: none) and (pointer: coarse) {
    /* 增加可点击区域 */
    .table tbody tr td {
        padding: 12px 8px;
    }
    
    .btn,
    .btn-sm {
        min-height: 44px; /* Apple推荐的最小触摸目标 */
    }
    
    /* 优化链接 */
    a {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
}

/* 横屏优化 */
@media (max-height: 500px) and (orientation: landscape) {
    .page-header {
        padding: 12px 0;
    }

    .panel-card {
        margin-bottom: 8px;
    }
}

/* ==================== 分页组件移动端优化 ==================== */
/* 增大分页按钮触控区域（中等屏幕） */
@media (max-width: 768px) {
    .pagination-sm .page-link {
        padding: 0.5rem 0.75rem;
        min-width: 40px;
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

    .pagination .page-link {
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* 小屏幕设备上简化分页显示 */
@media (max-width: 576px) {
    /* 隐藏中间页码，只保留首页、末页、当前页及相邻页 */
    .pagination .page-item:not(.active):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)) {
        display: none;
    }

    /* 确保当前页和紧邻页始终显示 */
    .pagination .page-item.active,
    .pagination .page-item.active + .page-item,
    .page-item:has(+ .page-item.active) {
        display: inline-block !important;
    }

    /* 调整分页整体布局 */
    .pagination {
        justify-content: center;
        margin-top: 1rem;
    }

    .pagination .page-item {
        margin: 0 2px;
    }
}