.match-item[data-v-bfcab2f0]{border-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-bottom:10px;margin-top:10px;cursor:pointer}.match-item .img[data-v-bfcab2f0]{perspective:800px;text-align:center;padding:10px;background-color:#021f5f;border-radius:10px 10px 0 0}.match-item .img .flipper[data-v-bfcab2f0]{position:relative;width:100%;height:100px;transform-style:preserve-3d;transition:transform .5s}.match-item .img .flipper img[data-v-bfcab2f0]{position:absolute;top:50%;left:50%;width:68px;height:68px;-o-object-fit:contain;object-fit:contain;border-radius:68px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate(-50%,-50%)}.match-item .img .flipper .back[data-v-bfcab2f0]{transform:translate(-50%,-50%) rotateY(180deg)}.match-item .img:hover .flipper[data-v-bfcab2f0]{transform:rotateY(180deg)}.match-item .title[data-v-bfcab2f0]{color:#000;font-size:16px;font-weight:700;text-align:center;padding:20px 0}.match-item1 .img[data-v-bfcab2f0]{background-color:#fda61b}.match-item2 .img[data-v-bfcab2f0]{background-color:#811d21}.match-item3 .img[data-v-bfcab2f0]{background-color:#fec71f}.match-item4 .img[data-v-bfcab2f0]{background-color:#23913a}.match-item5 .img[data-v-bfcab2f0]{background-color:#0a4584}.tit[data-v-bfcab2f0]{font-size:16px;font-weight:700;color:#000;margin-bottom:20px}.add-container[data-v-bfcab2f0]{border:1px dashed #b3d8ff;border-radius:10px;margin-bottom:20px;background-color:#ecf5ff;padding:14px 0;width:100%}.add-container p[data-v-bfcab2f0]{text-align:center;font-size:12px;color:#909399}.add-container h5[data-v-bfcab2f0]{text-align:center;margin:4px 0}.add-container .step-icon[data-v-bfcab2f0]{font-size:18px;text-align:center}.template-actions[data-v-bfcab2f0]{text-align:center}.batch-actions[data-v-bfcab2f0]{text-align:center;margin-top:10px}[data-v-bfcab2f0] .el-upload-dragger{height:120px}[data-v-bfcab2f0] .el-upload-dragger .el-icon-upload{font-size:30px;margin:10px}.upload-demo[data-v-bfcab2f0]{display:flex;justify-content:center;align-items:center;flex-direction:column}.step-content[data-v-bfcab2f0]{text-align:center;max-width:400px;margin:0 auto}.add-user-header[data-v-bfcab2f0]{display:flex;align-items:center;margin-bottom:12px;margin-left:20px}.header-icon[data-v-bfcab2f0]{font-size:30px;color:#409eff;margin-right:10px}.header-text h3[data-v-bfcab2f0]{margin:0 0 5px 0;color:#000;font-size:14px}.header-text p[data-v-bfcab2f0]{margin:0;color:#909399;font-size:12px}.user-form[data-v-bfcab2f0]{max-height:400px;overflow-y:auto}.user-list[data-v-bfcab2f0]{padding:10px 0}.user-item[data-v-bfcab2f0]{margin-bottom:25px;padding:10px 14px;margin-left:10px;margin-right:10px;border:1px solid #e6e6e6;border-radius:8px;background:#fff;transition:all .3s ease}.user-item[data-v-bfcab2f0]:hover{border-color:#409eff;background:#f8f9fa}.user-item-header[data-v-bfcab2f0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e6e6e6}.user-number[data-v-bfcab2f0]{font-weight:700;color:#409eff;font-size:16px}.action-buttons[data-v-bfcab2f0]{display:flex;gap:8px}