.select-template-dialog.el-dialog{max-width:1110px;overflow:hidden;padding:24px 14px;width:90vw}h2[data-v-83692cd9]{color:#fff;font-size:20px;font-weight:400;margin-bottom:20px}.card-list[data-v-83692cd9]{display:flex;flex-wrap:wrap;gap:12px;padding:0 10px}.card-list[data-v-83692cd9] .tmp-item{aspect-ratio:3/4;border:3px solid transparent;border-radius:12px;cursor:pointer;max-width:298px;overflow:hidden;position:relative;transition:all .2s ease;width:calc(25% - 9px)}.card-list[data-v-83692cd9] .tmp-item video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-list[data-v-83692cd9] .tmp-item{display:flex;align-items:center;justify-content:center}.card-list[data-v-83692cd9] .tmp-item:after{background:linear-gradient(180deg,#10132000,#101320e6);bottom:0;content:"";height:85px;left:0;position:absolute;width:100%;z-index:1}.card-list[data-v-83692cd9] .tmp-item .create-btn{background:linear-gradient(271deg,#0e4cc4 .46%,#2db4fc 99.3%);border:none;border-radius:40px;bottom:20px;box-shadow:0 10px 20px #0059ffa6;display:none;flex-shrink:0;font-size:14px;gap:10px;height:35px;left:50%;padding:15px;position:absolute;transform:translate(-50%);z-index:2}.card-list[data-v-83692cd9] .tmp-item .create-btn>span{color:#fff;font-size:14px;height:100%;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.card-list[data-v-83692cd9] .tmp-item .create-btn:hover{filter:brightness(1.1) saturate(1.2)}.card-list[data-v-83692cd9] .tmp-item .el-image{height:100%;width:100%}.card-list[data-v-83692cd9] .tmp-item .el-image .el-image__inner{-o-object-fit:cover;object-fit:cover}.card-list[data-v-83692cd9] .tmp-item .el-image .image-placeholder{align-items:center;background:linear-gradient(0deg,#191b2a,#191b2a),#d3d3d3 50%/cover no-repeat;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}@media(hover:hover)and (min-width:768px){.card-list[data-v-83692cd9] .tmp-item:hover{border:3px solid #51a7ff}.card-list[data-v-83692cd9] .tmp-item:hover .create-btn{display:block}}@media only screen and (max-width:768px){.select-template-dialog.el-dialog{padding:16px;width:100%}h2[data-v-83692cd9]{font-size:16px;margin-bottom:16px}.card-list[data-v-83692cd9] .tmp-item{max-width:none;width:calc(50% - 6px)}.card-list[data-v-83692cd9] .tmp-item .create-btn{bottom:10px;transform:translate(-50%) scale(.9)}}