/**
 * community-review.css — 社区驱动审核机制样式
 * 4个页面：审核任务列表/审核操作/审核员个人中心/审核历史
 * BEM 命名 + 精确 hex 色值
 */

/* ========== 公共组件 ========== */
.review-skeleton {
  background: #F5F5F5;
  border-radius: 4px;
  animation: review-shimmer 1.5s infinite;
}
@keyframes review-shimmer { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } }

.review-empty { text-align: center; padding: 48px 20px; color: #9E9E9E; }
.review-empty__icon { font-size: 48px; margin-bottom: 12px; }
.review-empty__text { font-size: 15px; margin-bottom: 16px; }

.review-error {
  background: #FFF3E0;
  border: 1px solid #F5A623;
  border-radius: 8px;
  padding: 16px;
  color: #F44336;
  margin-bottom: 16px;
}
.review-error__retry {
  margin-left: 12px;
  padding: 4px 12px;
  background: #FFFFFF;
  color: #2196F3;
  border: 1px solid #2196F3;
  border-radius: 4px;
  cursor: pointer;
}

.review-tab { display: flex; gap: 4px; margin-bottom: 16px; }
.review-tab__item {
  padding: 8px 16px;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  cursor: pointer;
  background: #FFFFFF;
  color: #666666;
  font-size: 13px;
}
.review-tab__item--active { background: #2196F3; color: #FFFFFF; border-color: #2196F3; }

.review-page-title { font-size: 22px; font-weight: 700; margin: 0 0 16px; color: #333333; }
.review-btn {
  display: inline-block;
  padding: 8px 20px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  background: #2196F3;
  color: #FFFFFF;
}
.review-btn--ghost { background: #FFFFFF; color: #666666; border: 1px solid #E0E0E0; }
.review-btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* ========== 任务列表页 ========== */
.review-tasks__list { max-width: 960px; margin: 0 auto; padding: 24px; }
.review-task-card {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: background 0.2s;
}
.review-task-card:hover { background: #F5F5F5; }
.review-task-card--urgent { border-color: #FF9800; }
.review-task-card__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.review-task-card__type {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  background: #E3F2FD;
  color: #1976D2;
}
.review-task-card__level {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  color: #FFFFFF;
}
.review-task-card__level--1 { background: #4CAF50; }
.review-task-card__level--2 { background: #FF9800; }
.review-task-card__level--3 { background: #F44336; }
.review-task-card__summary { font-size: 14px; color: #333333; margin-bottom: 8px; }
.review-task-card__meta { font-size: 12px; color: #9E9E9E; display: flex; gap: 16px; }

/* ========== 审核操作页 ========== */
.review-operate__layout { max-width: 800px; margin: 0 auto; padding: 24px; }
.review-operate__snapshot {
  background: #FAFAFA;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
.review-operate__snapshot h3 { font-size: 18px; margin: 0 0 12px; color: #333333; }
.review-operate__snapshot p { font-size: 14px; color: #666666; line-height: 1.8; }
.review-operate__decision { text-align: center; padding: 24px; }
.review-operate__btn {
  padding: 12px 32px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  margin: 0 8px;
  color: #FFFFFF;
}
.review-operate__btn--appropriate { background: #4CAF50; }
.review-operate__btn--inappropriate { background: #F44336; }
.review-operate__btn--active { box-shadow: 0 0 0 3px rgba(33,150,243,0.3); }
.review-operate__violation {
  margin-top: 20px;
  padding: 16px;
  background: #F5F5F5;
  border-radius: 8px;
  display: none;
}
.review-operate__violation--open { display: block; }
.review-operate__violation-select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  margin-bottom: 12px;
}
.review-operate__supplement {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  min-height: 80px;
  resize: vertical;
}

/* ========== 审核员个人中心页 ========== */
.review-profile__layout { max-width: 800px; margin: 0 auto; padding: 24px; }
.review-profile__card {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 16px;
}
.review-profile__card-title { font-size: 16px; font-weight: 600; margin: 0 0 12px; color: #333333; }
.review-profile__level {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
.review-profile__level--none { background: #9E9E9E; }
.review-profile__level--junior { background: #9E9E9E; }
.review-profile__level--intermediate { background: #2196F3; }
.review-profile__level--senior { background: #F5A623; }
.review-profile__badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 13px;
  background: #FFD700;
  color: #5D4037;
  margin: 4px 4px 0 0;
}
.review-profile__gap { color: #F44336; font-size: 13px; margin: 4px 0; }
.review-profile__stat { display: flex; gap: 24px; margin-top: 12px; }
.review-profile__stat-item { text-align: center; }
.review-profile__stat-value { font-size: 24px; font-weight: 700; color: #333333; }
.review-profile__stat-label { font-size: 12px; color: #9E9E9E; }

/* ========== 审核历史页 ========== */
.review-history__layout { max-width: 960px; margin: 0 auto; padding: 24px; }
.review-history__summary {
  background: #F5F5F5;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.review-history__summary-item { text-align: center; }
.review-history__summary-value { font-size: 28px; font-weight: 700; color: #333333; }
.review-history__summary-label { font-size: 12px; color: #9E9E9E; }
.review-history__record {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 8px;
  cursor: pointer;
}
.review-history__record--accurate { border-left: 4px solid #4CAF50; }
.review-history__record--inaccurate { border-left: 4px solid #F44336; }
.review-history__record-header { display: flex; justify-content: space-between; align-items: center; }
.review-history__record-title { font-size: 14px; font-weight: 500; color: #333333; }
.review-history__record-meta { font-size: 12px; color: #9E9E9E; }
.review-history__record-detail {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #E0E0E0;
  display: none;
}
.review-history__record-detail--open { display: block; }

.review-filter-bar { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.review-filter {
  padding: 6px 12px;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  font-size: 14px;
  background: #FFFFFF;
  color: #333333;
  cursor: pointer;
}
.review-pagination { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 20px; }
.review-pagination__info { font-size: 14px; color: #666666; }

/* ========== 响应式 ========== */
@media (max-width: 768px) {
  .review-tasks__list, .review-operate__layout, .review-profile__layout, .review-history__layout { padding: 12px; }
  .review-tab { flex-wrap: wrap; }
  .review-history__summary { flex-direction: column; gap: 16px; }
  .review-profile__stat { flex-direction: column; gap: 12px; }
}