<template>
  <div flex justify-center items-center>
    <div class="box" />
  </div>
</template>

<style scoped>
.box {
  margin: 2rem;
  width: 200px;
  height: 200px;
  background: #fffeec;
  box-shadow: 0 0 0 10px #9bf4d5, 0 0 0 20px #1dad9b, 0 0 0 30px #346357;
}
</style>

<route lang="yaml">
name: 多重边框
meta:
  layout: demo
</route>
