@charset "UTF-8";.template-card[data-v-3555aa01]{background:linear-gradient(0deg,#191b2a,#191b2a),#d3d3d3 50%/cover no-repeat;border-radius:24px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.template-card .card[data-v-3555aa01]{font-size:0;overflow:hidden;position:relative;width:100%}.template-card .card .card-image[data-v-3555aa01]{position:relative;width:100%;z-index:1}.template-card .card .card-image[data-v-3555aa01] .el-image__inner{-o-object-fit:cover;object-fit:cover}.template-card .card[data-v-3555aa01] :has(.image-placeholder){aspect-ratio:3/4}.template-card .image-placeholder[data-v-3555aa01]{align-items:center;aspect-ratio:3/4;display:flex;justify-content:center;width:100%}.template-card .image-placeholder img[data-v-3555aa01]{max-height:80%;max-width:80%;-o-object-fit:contain;object-fit:contain}.template-card h4[data-v-3555aa01]{align-items:center;background:#1e2042;color:#fff;display:flex;font-size:18px;justify-content:center;min-height:64px;z-index:4}.video-container[data-v-3555aa01]{align-items:center;cursor:pointer;display:flex;justify-content:center;inset:0;position:absolute;z-index:10}.video-container video[data-v-3555aa01]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.play-button-overlay[data-v-3555aa01]{align-items:center;background:#0003;cursor:pointer;display:flex;justify-content:center;inset:0;position:absolute;transition:all .3s ease;z-index:15}.play-button-overlay .play-button[data-v-3555aa01]{align-items:center;background:#0009;border-radius:55px;display:flex;font-size:40px;height:72px;justify-content:center;transition:all .3s ease;width:72px}.play-button-overlay .play-button[data-v-3555aa01]:hover{transform:scale(1.01)}.bottom[data-v-3555aa01]{bottom:18px;position:absolute;z-index:16}.bottom .create-btn[data-v-3555aa01]{background:linear-gradient(271deg,#0e4cc4 .46%,#2db4fc 99.3%);border-radius:40px;box-shadow:0 10px 20px #0059ffa6;color:#fff;font-size:18px;height:40px;width:96px}.bottom>.star[data-v-3555aa01]{color:#fff;cursor:pointer;font-size:20px}.bottom>.star .svg-icon[data-v-3555aa01]{color:#888;height:24px;width:24px}@media only screen and (max-width:768px){.template-card[data-v-3555aa01]{border-radius:12px}.template-card .card[data-v-3555aa01]{pointer-events:none}.template-card h4[data-v-3555aa01]{font-size:12px;min-height:32px}}.masonry-grid[data-v-ede45fe5]{display:grid;gap:var(--masonry-gap, 10px);grid-template-columns:repeat(5,1fr);width:100%}.masonry-grid-item[data-v-ede45fe5]{-moz-column-break-inside:avoid;break-inside:avoid}@media(max-width:1400px){.masonry-grid[data-v-ede45fe5]{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.masonry-grid[data-v-ede45fe5]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.masonry-grid[data-v-ede45fe5]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.masonry-grid[data-v-ede45fe5]{grid-template-columns:repeat(2,1fr)}}.masonry-layout[data-v-ede45fe5]{width:100%}.masonry-column[data-v-ede45fe5]{display:flex;flex-direction:column}.masonry-item[data-v-ede45fe5]{width:100%;-moz-column-break-inside:avoid;break-inside:avoid}.load-trigger[data-v-fce5af2e]{color:var(--el-color-primary);padding:30px 0;text-align:center;width:100%}.load-trigger .all-tips[data-v-fce5af2e]{color:#3c405d;font-size:16px;font-weight:400;position:relative;width:100%}.load-trigger .all-tips span[data-v-fce5af2e]{background-color:#101320;padding:0 8px;position:relative;z-index:2}.load-trigger .all-tips[data-v-fce5af2e]:after{background-color:#3c405d;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1}.grid-container[data-v-fce5af2e]{display:flex;flex-wrap:wrap;gap:8px}.grid-container .grid-item[data-v-fce5af2e]{width:calc(20% - 8px)}@media(max-width:1400px){.grid-container .grid-item[data-v-fce5af2e]{width:calc(25% - 7.5px)}}@media(max-width:1200px){.grid-container .grid-item[data-v-fce5af2e]{width:calc(33.33333% - 6.66667px)}}@media(max-width:768px){.grid-container .grid-item[data-v-fce5af2e]{width:calc(50% - 5px)}}@media(max-width:480px){.grid-container .grid-item[data-v-fce5af2e]{width:calc(50% - 5px)}}