.app-container{padding:60px 20px 0}.card-container{display:flex;flex-wrap:wrap;gap:20px;.card{box-sizing:border-box;flex:0 0 calc(25% - 15px);padding:16px;margin-bottom:20px;cursor:pointer;background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:4px;&:hover{color:var(--el-color-primary);background:var(--el-color-primary-light-9);border:1px solid var(--el-color-primary-light-9);box-shadow:0 0 4px 0 var(--el-color-primary)}&:nth-child(4n){margin-right:0}.app-title{font-size:20px;font-weight:700}.app-title,.tips{text-align:center}.tips{font-size:12px;color:var(--el-color-primary)}}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}