.template-card[data-v-e3f434cd]{background:#fff;box-shadow:0 4px 20px #0003;max-width:100%;min-width:0;position:relative;transition:transform .3s ease;width:100%}.template-card[data-v-e3f434cd]:hover{transform:translateY(-8px)}.template-card .template-thumbnail[data-v-e3f434cd]{background:#000;height:193px;margin:0;overflow:hidden;position:relative;width:100%}.template-card .template-thumbnail img[data-v-e3f434cd]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.template-card .template-thumbnail .corner-tags[data-v-e3f434cd]{display:flex;gap:6px;position:absolute;right:8px;top:8px}.template-card .template-thumbnail .corner-tags .tag-badge[data-v-e3f434cd]{border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:14px;padding:1px 8px}.template-card .template-thumbnail .corner-tags .tag-paid[data-v-e3f434cd]{background:linear-gradient(270deg,#e22272,#bb326b 24%,#bc353e)}.template-card .template-thumbnail .hover-mask[data-v-e3f434cd]{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:absolute}.template-card .template-thumbnail .hover-mask .detail-button[data-v-e3f434cd]{background:#d9d9d94d;border:none;color:#fff;cursor:pointer;font-size:16px;height:40px;transition:background .3s ease;width:120px}.template-card .template-info[data-v-e3f434cd]{padding:12px 16px 0}.template-card .template-info .template-name[data-v-e3f434cd]{color:#3a416f;font-size:15px;font-weight:400;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.template-card .template-info .template-tags[data-v-e3f434cd]{color:#2684ff;font-size:12px;padding:2px 0 8px}.template-card .template-info .template-tags .tag[data-v-e3f434cd]{margin-right:8px}.template-card .template-info .template-tags .tag[data-v-e3f434cd]:not(:last-child):after{content:"|";margin-left:8px;opacity:.2}.template-card .template-info .template-stats[data-v-e3f434cd]{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:5px 0 16px}.template-card .template-info .template-stats .price-tag[data-v-e3f434cd]{border:1px solid #08c466;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#08c466;padding:0 6px}.template-card .template-info .template-stats .purchased[data-v-e3f434cd]{border:1px solid #ffbe39;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#ffbe39;padding:0 6px}.template-card .template-info .template-stats .price[data-v-e3f434cd]{color:#ff5959;font-family:OPLUSSANS3;font-size:16px}.template-card .template-info .template-stats .price .currency[data-v-e3f434cd]{font-size:13px;margin-right:3px}.template-card .template-info .template-stats .points[data-v-e3f434cd]{color:#ffbe39;font-family:OPLUSSANS3;font-size:16px}.template-card .template-info .template-stats .points .currency[data-v-e3f434cd]{margin-right:3px}.template-card .template-info .template-stats .stats-info[data-v-e3f434cd]{align-items:center;color:#3a416f;display:flex;gap:20px}.template-card .template-info .template-stats .stats-info .stat-item[data-v-e3f434cd]{align-items:center;display:flex;font-family:OPPOSans;font-size:12px;gap:4px}.template-card .template-info .template-stats .stats-info .stat-item .icon-download[data-v-e3f434cd],.template-card .template-info .template-stats .stats-info .stat-item .icon-view[data-v-e3f434cd]{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:13px;width:13px}.template-card .template-info .template-stats .stats-info .stat-item .icon-view[data-v-e3f434cd]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%233a416f' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.template-card .template-info .template-stats .stats-info .stat-item .icon-download[data-v-e3f434cd]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%233a416f' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E")}.template-card .create-button[data-v-e3f434cd]{align-items:center;background:#2684ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;height:30px;justify-content:center;position:absolute;right:9px;top:185px;transition:background .3s ease;width:80px}.template-card .create-button[data-v-e3f434cd]:hover{background:#1c6dd0}.template-card .create-button .el-icon[data-v-e3f434cd]{font-size:13px}@media screen and (max-width:768px){.template-card[data-v-e3f434cd]:hover{transform:none}.template-card[data-v-e3f434cd]:active{transform:scale(.98)}.template-card .template-thumbnail[data-v-e3f434cd]{height:140px}.template-card .template-thumbnail .corner-tags .tag-badge[data-v-e3f434cd]{font-size:12px;padding:1px 6px}.template-card .template-thumbnail .hover-mask .detail-button[data-v-e3f434cd]{font-size:14px;height:36px;width:100px}.template-card .template-info[data-v-e3f434cd]{padding:10px 12px 0}.template-card .template-info .template-name[data-v-e3f434cd]{font-size:14px}.template-card .template-info .template-tags[data-v-e3f434cd]{font-size:11px}.template-card .template-info .template-stats[data-v-e3f434cd]{flex-wrap:wrap;font-size:12px;gap:6px;padding:4px 0 12px}.template-card .template-info .template-stats .stats-info[data-v-e3f434cd]{gap:12px}}