.template-card[data-v-7c6b62ac]{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.template-card[data-v-7c6b62ac]:hover{border-color:var(--primary-color)}.card-image-container[data-v-7c6b62ac]{background:var(--surface-color);overflow:hidden;position:relative;width:100%}.card-image[data-v-7c6b62ac]{-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-normal);width:100%}.template-card:hover .card-image[data-v-7c6b62ac]{transform:scale(1.05)}.card-overlay[data-v-7c6b62ac]{align-items:center;background:#0009;color:#fff;display:flex;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.template-card:hover .card-overlay[data-v-7c6b62ac]{opacity:1}.btn-use[data-v-7c6b62ac]{background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #fc7a304d;color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:600;padding:10px 24px;transition:all var(--transition-normal)}.btn-use[data-v-7c6b62ac]:hover{background:var(--primary-dark);transform:translateY(-2px)}.card-body[data-v-7c6b62ac]{padding:var(--spacing-md)}.card-title[data-v-7c6b62ac]{color:var(--text-primary);display:-webkit-box;font-size:var(--text-base);font-weight:600;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.card-tags[data-v-7c6b62ac],.card-title[data-v-7c6b62ac]{margin-bottom:var(--spacing-sm)}.card-tags[data-v-7c6b62ac]{display:flex;flex-wrap:wrap;gap:4px}.tag[data-v-7c6b62ac]{background:var(--surface-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-size:var(--text-xs);padding:2px 8px;white-space:nowrap}.card-footer[data-v-7c6b62ac]{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--spacing-sm)}.card-date[data-v-7c6b62ac]{color:var(--text-muted);font-size:var(--text-xs)}.btn-favorite[data-v-7c6b62ac]{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-lg);padding:0;transition:color var(--transition-normal)}.btn-favorite.favorited[data-v-7c6b62ac],.btn-favorite[data-v-7c6b62ac]:hover{color:#ff6b6b}@media(max-width:768px){.card-body[data-v-7c6b62ac]{padding:var(--spacing-sm)}.card-title[data-v-7c6b62ac]{font-size:var(--text-sm)}}