.pagination-container {
            width:calc(100% - 4rem);
            margin-left:2rem;
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            align-items: center;
            justify-content: center;
            padding: 1rem;
            border: 1px solid #e1e8ed;
            border-radius: 1rem;
            background: #f8f9fa;
            box-sizing: border-box;
            z-index: 999999999999;

        }
        
  .pagination-container  input, .pagination-container select {
    vertical-align: middle; /* 改为中间对齐 */
    border: 1px solid #c0ebd7;
            border-radius: .6rem;
            background: white;
            font-size: 1.4rem;
            height: 3rem;
            width:6rem;
            cursor: pointer;
}

        

        
        .pagination {
            display: flex;
            align-items: center;
            gap: 5px;
            height: auto;
        }
        
        .pagination span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 3rem;
            height: 3rem;
            border: 1px solid #c0ebd7;
            border-radius: 6px;
            background: white;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            user-select: none;
        }
        
        .pagination span:hover {
            border-color:#c0ebd7;
              background-color:#c0ebd7;
        }
        
        .pagination .active {
            border-color:#c0ebd7;
              background-color:#c0ebd7;
            color: white;
        }