leaudit-platform-frontend/app/styles/pages/cross-checking_index.css

/* 交叉评查页面样式 */
.cross-checking-page {
  @apply p-1;
}

/* 页面头部样式 */
.cross-checking-page .page-header {
  @apply flex justify-between items-center mb-6;
}

.cross-checking-page .page-title {
  @apply text-2xl font-semibold text-gray-900;
}

.cross-checking-page .page-stats {
  @apply flex items-center space-x-4 ml-4;
}

.cross-checking-page .stat-item {
  @apply bg-white px-4 py-2 rounded-lg shadow-sm border border-gray-200;
}

.cross-checking-page .stat-icon {
  @apply text-green-600 mr-2;
}

.cross-checking-page .stat-value {
  @apply font-semibold text-gray-900;
}

/* 筛选面板样式 */
.cross-checking-page .filter-panel {
  @apply bg-white rounded-lg shadow-sm border border-gray-200 mb-6;
}

/* 表格样式 */
.cross-checking-page .task-table {
  @apply bg-white rounded-lg shadow-sm;
}

.cross-checking-page .task-table .ant-table {
  @apply border-0;
}

.cross-checking-page .task-table thead th {
  @apply bg-gray-50 font-medium text-gray-700 py-3 px-4 border-b border-gray-200;
}

.cross-checking-page .task-table tbody td {
  @apply py-3 px-4 border-b border-gray-100;
}

.cross-checking-page .task-table tbody tr:hover {
  @apply bg-gray-50;
}

/* 任务名称样式 */
.cross-checking-page .task-name {
  @apply font-medium text-gray-900 hover:text-green-600 cursor-pointer;
}

/* 状态标签样式 */
.cross-checking-page .status-tag {
  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}

.cross-checking-page .status-tag.pending {
  @apply bg-yellow-100 text-yellow-800;
}

.cross-checking-page .status-tag.in-progress {
  @apply bg-blue-100 text-blue-800;
}

.cross-checking-page .status-tag.completed {
  @apply bg-green-100 text-green-800;
}

/* 类型标签样式 */
.cross-checking-page .type-tag {
  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}

.cross-checking-page .type-tag.city {
  @apply bg-blue-100 text-blue-800;
}

.cross-checking-page .type-tag.county {
  @apply bg-purple-100 text-purple-800;
}

/* 操作按钮样式 */
.cross-checking-page .operation-btn {
  @apply inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md transition-colors duration-200;
}

.cross-checking-page .operation-btn.primary {
  @apply bg-green-600 text-white hover:bg-green-700;
}

.cross-checking-page .operation-btn.secondary {
  @apply bg-gray-100 text-gray-700 hover:bg-gray-200;
}

.cross-checking-page .operation-btn i {
  @apply mr-1.5;
}

/* 分页样式 */
.cross-checking-page .pagination-wrapper {
  @apply bg-white rounded-lg shadow-sm mt-4;
}

/* 进度条样式 */
.cross-checking-page .progress-bar {
  @apply w-full bg-gray-200 rounded-full h-2;
}

.cross-checking-page .progress-bar-fill {
  @apply h-2 rounded-full transition-all duration-300;
}

.cross-checking-page .progress-bar-fill.low {
  @apply bg-red-500;
}

.cross-checking-page .progress-bar-fill.medium {
  @apply bg-yellow-500;
}

.cross-checking-page .progress-bar-fill.high {
  @apply bg-green-500;
}

/* 响应式样式 */
@media (max-width: 768px) {
  .cross-checking-page {
    @apply p-4;
  }
  
  .cross-checking-page .page-header {
    @apply flex-col items-start space-y-4;
  }
  
  .cross-checking-page .page-stats {
    @apply grid grid-cols-2 gap-2 w-full;
  }
}

/* 筛选面板特定样式 */
.cross-checking-page .filter-panel .filter-list {
  @apply flex flex-wrap items-end gap-5;
}

.cross-checking-page .filter-panel .filter-item {
  @apply flex flex-col;
}

.cross-checking-page .filter-panel .filter-label {
  @apply text-sm font-medium text-gray-700 mb-1;
}

.cross-checking-page .filter-panel .filter-control {
  @apply min-w-0;
}

.cross-checking-page .filter-panel .filter-actions {
  @apply flex items-center space-x-2 ml-auto;
}

/* 加载状态样式 */
.cross-checking-page .loading-overlay {
  @apply absolute inset-0 bg-white bg-opacity-70 flex items-center justify-center z-10;
}

.cross-checking-page .loading-spinner {
  @apply w-8 h-8 border-4 border-green-600 border-t-transparent rounded-full animate-spin;
}