.match-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20rpx;
}

.match-name {
  font-size: 36rpx;
  font-weight: 600;
}

.match-status {
  padding: 8rpx 16rpx;
  border-radius: 20rpx;
  font-size: 24rpx;
}

.status-0 { background: #E3F2FD; color: #2196F3; }
.status-1 { background: #FFF3E0; color: #FF9800; }
.status-2 { background: #E8F5E9; color: #4CAF50; }

.match-info {
  margin-bottom: 20rpx;
}

.info-row {
  display: flex;
  justify-content: space-between;
  padding: 12rpx 0;
  border-bottom: 1rpx solid var(--border-color);
}

.info-row:last-child {
  border-bottom: none;
}

.info-row .label {
  color: var(--text-secondary);
}

.info-row .value {
  font-weight: 500;
}

.my-status {
  margin-bottom: 20rpx;
}

.card-title {
  font-size: 28rpx;
  font-weight: 600;
  margin-bottom: 16rpx;
  padding-bottom: 12rpx;
  border-bottom: 1rpx solid var(--border-color);
}

.status-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16rpx;
}

.status-label {
  font-size: 30rpx;
  font-weight: 500;
  color: var(--primary-color);
}

.win-lose {
  font-size: 26rpx;
  color: var(--text-secondary);
}

.current-game {
  background: var(--light-bg);
  border-radius: 12rpx;
  padding: 16rpx;
}

.vs-label {
  font-size: 24rpx;
  color: var(--text-secondary);
  margin-bottom: 8rpx;
  display: block;
}

.opponent-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.opponent-name {
  font-size: 28rpx;
  font-weight: 500;
}

.opponent-level {
  font-size: 24rpx;
  color: var(--text-secondary);
}

.players-section {
  margin-bottom: 20rpx;
}

.players-list {
  display: flex;
  flex-direction: column;
}

.player-item {
  display: flex;
  align-items: center;
  padding: 16rpx 0;
  border-bottom: 1rpx solid var(--border-color);
}

.player-item:last-child {
  border-bottom: none;
}

.player-rank {
  width: 48rpx;
  height: 48rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light-bg);
  border-radius: 50%;
  font-size: 24rpx;
  font-weight: 500;
  margin-right: 16rpx;
}

.player-info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12rpx;
}

.player-name {
  font-size: 28rpx;
  font-weight: 500;
}

.player-stats {
  font-size: 24rpx;
  color: var(--text-secondary);
}