以上代码采用vue+element 样式进行优化

如果您想使用 Vue 和 Element UI 进行样式优化，您可以使用 Element UI 提供的组件和样式来实现。以下是一个示例：

<template>
  <div>
    <el-row>
      <el-col :span="3">
        <p class="label">用户状态：</p>
      </el-col>
      <el-col :span="21">
        <p :style="{ color: authstyle }" class="status">{{ authStatus }}</p>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      authStatus: '认证成功',
      authstyle: 'blue',
    };
  },
};
</script>

<style scoped>
.label {
  font-weight: bold;
}

.status {
  margin-left: 10px;
}
</style>

在上述代码中，我们使用了 Element UI 的 `el-row` 和 `el-col` 组件来实现栅格布局，使 "用户状态：" 和状态信息在同一行显示。同时，我们为 "用户状态：" 添加了 `.label` 的样式类，并为状态信息添加了 `.status` 的样式类。

您可以根据实际需求，修改和扩展这些样式类，以满足您的优化要求。

请确保已经正确引入了 Element UI 的相关文件。

希望以上信息能对您有所帮助！如果您还有其他问题，请随时提问。