.template-card[data-v-a3bdfdb1]{width:23.55%;height:332px;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out}.template-card[data-v-a3bdfdb1]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.template-card-image[data-v-a3bdfdb1]{width:100%;height:198px;object-fit:cover}.template-card-content[data-v-a3bdfdb1]{height:134px;padding:16px 12px;flex:1;display:flex;flex-direction:column}.template-card-title[data-v-a3bdfdb1]{display:flex}.template-card-name[data-v-a3bdfdb1]{font-size:18px;font-weight:500;margin:0}.right-top-tag[data-v-a3bdfdb1]{margin-left:10px;width:40px;z-index:1;height:25px}.right-top-tag-img[data-v-a3bdfdb1]{width:100%;height:100%;object-fit:contain}.template-card-description[data-v-a3bdfdb1]{font-size:14px;color:#9da0a6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.template-card-footer[data-v-a3bdfdb1]{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.template-card-usage[data-v-a3bdfdb1]{font-size:12px;color:#999;display:flex;align-items:center}.usage-icon[data-v-a3bdfdb1]{width:14px;height:14px;margin-right:8px}.template-card-tags[data-v-a3bdfdb1]{display:flex;flex-wrap:wrap;gap:5px}.template-card-tag[data-v-a3bdfdb1]{background-color:#f0f0f0;border-radius:4px;padding:2px 6px;font-size:12px;color:#333}