/* 会员销售月度经营表：日均环比上月与红涨绿跌规范 (2026-09-13) */
.member-month-summary .member-avg-compare {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.35;
}

.member-month-summary .member-avg-compare .avg-compare-val {
  color: #64748b;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.member-month-summary .member-avg-compare .avg-compare-rate {
  font-size: 10.5px;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 3px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* 红涨绿跌规范：上涨 #dc2626 (红)，下跌 #16a34a (绿)，持平 #475569 */
.member-month-summary .member-avg-compare.is-up .avg-compare-rate {
  color: #dc2626 !important;
  background: rgba(220, 38, 38, 0.08) !important;
}

.member-month-summary .member-avg-compare.is-down .avg-compare-rate {
  color: #16a34a !important;
  background: rgba(22, 163, 74, 0.08) !important;
}

.member-month-summary .member-avg-compare.is-flat .avg-compare-rate {
  color: #475569 !important;
  background: rgba(71, 85, 105, 0.08) !important;
}

.member-month-summary .member-avg-compare.is-missing .avg-compare-rate,
.member-month-summary .member-avg-compare .avg-compare-empty {
  color: #94a3b8 !important;
  font-weight: 500;
}

/* 统一全站同环比规范：卡片峰值对比严格遵循「红涨绿跌」 */
.member-yoy-ui .member-peak-compare-list .is-up .peak-compare-rate,
.member-yoy-ui .member-peak-compare-list .is-up dd {
  color: #dc2626 !important;
}
.member-yoy-ui .member-peak-compare-list .is-up .peak-compare-rate {
  background: rgba(220, 38, 38, 0.08) !important;
}

.member-yoy-ui .member-peak-compare-list .is-down .peak-compare-rate,
.member-yoy-ui .member-peak-compare-list .is-down dd {
  color: #16a34a !important;
}
.member-yoy-ui .member-peak-compare-list .is-down .peak-compare-rate {
  background: rgba(22, 163, 74, 0.08) !important;
}

.member-yoy-ui .member-compare-list .is-up dd {
  color: #dc2626 !important;
}
.member-yoy-ui .member-compare-list .is-down dd {
  color: #16a34a !important;
}
