.select-template-dialog.el-dialog{max-width:1110px;overflow:hidden;padding:24px 14px;width:90vw}h2[data-v-3011377c]{color:#fff;font-size:20px;font-weight:400;margin-bottom:20px}.card-list[data-v-3011377c]{display:flex;flex-wrap:wrap;gap:12px;padding:0 10px}.card-list[data-v-3011377c] .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-3011377c] .tmp-item video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-list[data-v-3011377c] .tmp-item{display:flex;align-items:center;justify-content:center}.card-list[data-v-3011377c] .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-3011377c] .tmp-item .create-btn{background:var(--primary-gradient);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-3011377c] .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-3011377c] .tmp-item .create-btn:hover{filter:brightness(1.1) saturate(1.2)}.card-list[data-v-3011377c] .tmp-item .el-image{height:100%;width:100%}.card-list[data-v-3011377c] .tmp-item .el-image .el-image__inner{-o-object-fit:cover;object-fit:cover}.card-list[data-v-3011377c] .tmp-item .el-image .image-placeholder{align-items:center;background:linear-gradient(0deg,var(--primary-bg-color) 0,var(--primary-bg-color) 100%),#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-3011377c] .tmp-item:hover{border:3px solid #51a7ff}.card-list[data-v-3011377c] .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-3011377c]{font-size:16px;margin-bottom:16px}.card-list[data-v-3011377c] .tmp-item{max-width:none;width:calc(50% - 6px)}.card-list[data-v-3011377c] .tmp-item .create-btn{bottom:10px;transform:translate(-50%) scale(.9)}}.tmpl-back[data-v-3dc0826e]{color:#fff;cursor:pointer;font-size:18px;transition:opacity .2s ease}.tmpl-back[data-v-3dc0826e]:hover{opacity:.7}.tmpl-title[data-v-3dc0826e]{font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tmpl-preview[data-v-3dc0826e]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;height:240px;overflow:hidden;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.tmpl-preview-media[data-v-3dc0826e]{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.tmpl-preview-title[data-v-3dc0826e]{align-items:center;background:linear-gradient(180deg,#1a1a1a00 0,#1a1a1a);bottom:0;display:flex;left:0;padding:16px 10px;pointer-events:none;position:absolute;right:0}