.page-container[data-v-47427cb2]{margin:0 auto;max-width:1200px;padding:40px 20px}.hero-section[data-v-47427cb2]{border-bottom:1px solid #e5e7eb;margin-bottom:60px;padding:40px 0;text-align:center}.page-title[data-v-47427cb2]{color:#111827;font-size:32px;font-weight:800;margin-bottom:12px}.page-subtitle[data-v-47427cb2]{color:#6b7280;font-size:16px;margin-bottom:32px}.search-box[data-v-47427cb2]{display:flex;margin:0 auto 24px;max-width:600px;position:relative}.search-box input[data-v-47427cb2]{border:1px solid #d1d5db;border-radius:12px;font-size:16px;outline:none;padding:16px 100px 16px 20px;transition:all .2s;width:100%}.search-box input[data-v-47427cb2]:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.search-box .search-btn[data-v-47427cb2]{align-items:center;background:#4f46e5;border:none;border-radius:8px;bottom:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:0 16px;position:absolute;right:8px;top:8px;transition:background .2s}.search-box .search-btn[data-v-47427cb2]:hover{background:#4338ca}.popular-tags[data-v-47427cb2]{color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:center}.popular-tags .tag[data-v-47427cb2]{color:#4f46e5;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.popular-tags .tag[data-v-47427cb2]:hover{color:#4338ca}.section[data-v-47427cb2]{margin-bottom:60px}.section-header[data-v-47427cb2]{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title[data-v-47427cb2]{color:#111827;font-size:20px;font-weight:700}.view-more[data-v-47427cb2]{color:#4f46e5;cursor:pointer;font-size:14px;font-weight:600}.category-grid[data-v-47427cb2]{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr)}.cat-card[data-v-47427cb2]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.cat-card[data-v-47427cb2]:hover{border-color:#4f46e5;box-shadow:0 10px 15px -3px rgba(0,0,0,.05);transform:translateY(-2px)}.cat-card .cat-icon[data-v-47427cb2]{font-size:32px;margin-bottom:12px}.cat-card .cat-info h3[data-v-47427cb2]{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.cat-card .cat-info p[data-v-47427cb2]{color:#9ca3af;font-size:12px}.template-grid[data-v-47427cb2]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.email-card[data-v-47427cb2]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.email-card[data-v-47427cb2]:hover{border-color:#4f46e5;box-shadow:0 10px 20px rgba(0,0,0,.05);transform:translateY(-4px)}.preview-wrapper[data-v-47427cb2]{align-items:center;aspect-ratio:4/5;background:#f9fafb;display:flex;justify-content:center;overflow:hidden;padding:20px;position:relative}.preview-wrapper:hover .hover-overlay[data-v-47427cb2]{opacity:1}.mockup-preview[data-v-47427cb2]{background:#fff;border-radius:4px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);height:100%;overflow:hidden;transition:transform .3s ease;width:100%}.email-card:hover .mockup-preview[data-v-47427cb2]{transform:scale(1.02)}.preview-img[data-v-47427cb2]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hover-overlay[data-v-47427cb2]{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.use-template-btn[data-v-47427cb2]{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transform:translateY(10px);transition:all .3s ease}.use-template-btn[data-v-47427cb2]:hover{background:#4f46e5;color:#fff}.email-card:hover .use-template-btn[data-v-47427cb2]{transform:translateY(0)}.badge[data-v-47427cb2]{border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;position:absolute;right:12px;top:12px;z-index:5}.badge-hot[data-v-47427cb2]{background:#ef4444}.badge-new[data-v-47427cb2]{background:#10b981}.card-info[data-v-47427cb2]{padding:20px}.card-header[data-v-47427cb2]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.card-header h4[data-v-47427cb2]{color:#111827;flex:1;font-size:16px;font-weight:700;line-height:1.4;margin:0}.category-tag[data-v-47427cb2]{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:11px;font-weight:500;margin-left:12px;padding:2px 8px}.card-desc[data-v-47427cb2]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;height:39px;line-height:1.5;margin-bottom:16px;overflow:hidden}.card-meta[data-v-47427cb2]{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:12px;justify-content:space-between;padding-top:16px}.card-meta .stat[data-v-47427cb2],.card-meta[data-v-47427cb2]{align-items:center;display:flex}.card-meta .stat[data-v-47427cb2]{color:#4f46e5;font-weight:600;gap:4px}@media(max-width:1024px){.category-grid[data-v-47427cb2]{grid-template-columns:repeat(3,1fr)}.template-grid[data-v-47427cb2]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-section[data-v-47427cb2]{margin-bottom:30px;padding:20px 0}.page-title[data-v-47427cb2]{font-size:24px}.search-box input[data-v-47427cb2]{padding-right:60px}.category-grid[data-v-47427cb2]{grid-template-columns:repeat(2,1fr)}.template-grid[data-v-47427cb2]{grid-template-columns:1fr}.section-header[data-v-47427cb2]{align-items:flex-start;flex-direction:column;gap:8px}}