huishou/dist/dev/mp-weixin/pages/admin/statistics.wxss

.admin-container.data-v-8cc66245 {
  min-height: 100vh;
  background: #f5f7fa;
  padding-bottom: 32rpx;
}
.admin-header.data-v-8cc66245 {
  background: linear-gradient(135deg, #3366ff 0%, #254edb 100%);
  padding: 48rpx 32rpx;
}
.header-left.data-v-8cc66245 {
  color: #fff;
}
.header-title.data-v-8cc66245 {
  font-size: 40rpx;
  font-weight: 700;
  display: block;
}
.header-subtitle.data-v-8cc66245 {
  font-size: 24rpx;
  opacity: 0.8;
  margin-top: 4rpx;
}
.time-filter.data-v-8cc66245 {
  display: flex;
  gap: 16rpx;
  padding: 24rpx 32rpx;
  background: #fff;
}
.filter-item.data-v-8cc66245 {
  padding: 12rpx 28rpx;
  background: #f5f5f5;
  border-radius: 24rpx;
  font-size: 26rpx;
  color: #666;
}
.filter-item.active.data-v-8cc66245 {
  background: #3366ff;
  color: #fff;
}
.summary-cards.data-v-8cc66245 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16rpx;
  padding: 32rpx;
}
.summary-card.data-v-8cc66245 {
  background: #fff;
  border-radius: 12rpx;
  padding: 20rpx 16rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
}
.card-icon.data-v-8cc66245 {
  font-size: 40rpx;
  margin-bottom: 12rpx;
}
.card-content.data-v-8cc66245 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.card-value.data-v-8cc66245 {
  font-size: 28rpx;
  font-weight: 700;
  color: #3366ff;
}
.card-label.data-v-8cc66245 {
  font-size: 20rpx;
  color: #999;
  margin-top: 4rpx;
}
.chart-section.data-v-8cc66245, .detail-section.data-v-8cc66245 {
  margin: 0 32rpx 32rpx;
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
}
.section-header.data-v-8cc66245 {
  margin-bottom: 24rpx;
}
.section-title.data-v-8cc66245 {
  font-size: 30rpx;
  font-weight: 600;
  color: #333;
}
.chart-list.data-v-8cc66245 {
  display: flex;
  flex-direction: column;
  gap: 20rpx;
}
.chart-item.data-v-8cc66245 {
  display: flex;
  align-items: center;
}
.chart-rank.data-v-8cc66245 {
  width: 48rpx;
  height: 48rpx;
  border-radius: 50%;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  font-weight: 600;
  color: #666;
  margin-right: 16rpx;
}
.chart-rank.rank-1.data-v-8cc66245 {
  background: #ffd700;
  color: #fff;
}
.chart-rank.rank-2.data-v-8cc66245 {
  background: #c0c0c0;
  color: #fff;
}
.chart-rank.rank-3.data-v-8cc66245 {
  background: #cd7f32;
  color: #fff;
}
.chart-info.data-v-8cc66245 {
  flex: 1;
}
.chart-name.data-v-8cc66245 {
  font-size: 26rpx;
  color: #333;
  margin-bottom: 8rpx;
}
.chart-bar-wrap.data-v-8cc66245 {
  height: 12rpx;
  background: #f0f0f0;
  border-radius: 6rpx;
  overflow: hidden;
}
.chart-bar.data-v-8cc66245 {
  height: 100%;
  background: linear-gradient(90deg, #3366ff 0%, #254edb 100%);
  border-radius: 6rpx;
  transition: width 0.5s ease;
}
.chart-value.data-v-8cc66245 {
  font-size: 26rpx;
  font-weight: 600;
  color: #3366ff;
  margin-left: 16rpx;
}
.line-chart.data-v-8cc66245 {
  position: relative;
  height: 300rpx;
}
.chart-grid.data-v-8cc66245 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grid-line.data-v-8cc66245 {
  height: 1rpx;
  background: #f0f0f0;
}
.chart-bars.data-v-8cc66245 {
  position: absolute;
  bottom: 40rpx;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  height: calc(100% - 40rpx);
}
.bar-item.data-v-8cc66245 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 10%;
}
.bar.data-v-8cc66245 {
  width: 80%;
  background: linear-gradient(180deg, #3366ff 0%, #254edb 100%);
  border-radius: 4rpx 4rpx 0 0;
  min-height: 4rpx;
  transition: height 0.5s ease;
}
.bar-label.data-v-8cc66245 {
  font-size: 20rpx;
  color: #999;
  margin-top: 8rpx;
}
.status-stats.data-v-8cc66245 {
  display: flex;
  justify-content: space-around;
}
.status-item.data-v-8cc66245 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.status-circle.data-v-8cc66245 {
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12rpx;
}
.status-circle.pending.data-v-8cc66245 {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}
.status-circle.completed.data-v-8cc66245 {
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}
.status-circle.cancelled.data-v-8cc66245 {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}
.status-value.data-v-8cc66245 {
  font-size: 40rpx;
  font-weight: 700;
  color: #333;
}
.status-label.data-v-8cc66245 {
  font-size: 24rpx;
  color: #666;
}