.page-container[data-v-1a10ab21]{margin:0 auto;max-width:1200px;padding:40px 20px}.hero-section[data-v-1a10ab21]{border-bottom:1px solid #e5e7eb;margin-bottom:60px;padding:40px 0;text-align:center}.page-title[data-v-1a10ab21]{color:#111827;font-size:32px;font-weight:800;margin-bottom:12px}.page-subtitle[data-v-1a10ab21]{color:#6b7280;font-size:16px;margin-bottom:32px}.search-box[data-v-1a10ab21]{display:flex;margin:0 auto 24px;max-width:600px;position:relative}.search-box input[data-v-1a10ab21]{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-1a10ab21]:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.search-box .search-btn[data-v-1a10ab21]{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-1a10ab21]:hover{background:#4338ca}.popular-tags[data-v-1a10ab21]{color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:center}.popular-tags .tag[data-v-1a10ab21]{color:#4f46e5;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.popular-tags .tag[data-v-1a10ab21]:hover{color:#4338ca}.section[data-v-1a10ab21]{margin-bottom:60px}.section-header[data-v-1a10ab21]{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title[data-v-1a10ab21]{color:#111827;font-size:20px;font-weight:700}.view-more[data-v-1a10ab21]{color:#4f46e5;cursor:pointer;font-size:14px;font-weight:600}.category-grid[data-v-1a10ab21]{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr)}.cat-card[data-v-1a10ab21]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.cat-card[data-v-1a10ab21]:hover{border-color:#4f46e5;box-shadow:0 10px 15px -3px rgba(0,0,0,.05);transform:translateY(-2px)}.cat-card .cat-icon[data-v-1a10ab21]{font-size:32px;margin-bottom:12px}.cat-card .cat-info h3[data-v-1a10ab21]{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.cat-card .cat-info p[data-v-1a10ab21]{color:#9ca3af;font-size:12px}.template-grid[data-v-1a10ab21]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.email-card[data-v-1a10ab21]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.email-card[data-v-1a10ab21]:hover{border-color:#4f46e5;box-shadow:0 10px 20px rgba(0,0,0,.05);transform:translateY(-4px)}.preview-wrapper[data-v-1a10ab21]{align-items:center;aspect-ratio:4/5;display:flex;justify-content:center;padding:20px;position:relative}.mockup-content[data-v-1a10ab21]{background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);height:100%;padding:16px;width:100%}.mockup-content.center[data-v-1a10ab21]{align-items:center;text-align:center}.mockup-content.center[data-v-1a10ab21],.mockup-content.left[data-v-1a10ab21]{display:flex;flex-direction:column;justify-content:center}.mockup-content.left[data-v-1a10ab21]{align-items:flex-start}.badge-hot[data-v-1a10ab21],.badge-new[data-v-1a10ab21]{border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;position:absolute;right:12px;top:12px}.badge-hot[data-v-1a10ab21]{background:#ef4444}.badge-new[data-v-1a10ab21]{background:#10b981}.card-info[data-v-1a10ab21]{padding:16px}.card-info h4[data-v-1a10ab21]{color:#111827;font-size:14px;font-weight:600;margin-bottom:8px}.card-meta[data-v-1a10ab21]{color:#6b7280;display:flex;font-size:12px;justify-content:space-between}@media(max-width:1024px){.category-grid[data-v-1a10ab21]{grid-template-columns:repeat(3,1fr)}.template-grid[data-v-1a10ab21]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-section[data-v-1a10ab21]{margin-bottom:30px;padding:20px 0}.page-title[data-v-1a10ab21]{font-size:24px}.search-box input[data-v-1a10ab21]{padding-right:60px}.category-grid[data-v-1a10ab21]{grid-template-columns:repeat(2,1fr)}.template-grid[data-v-1a10ab21]{grid-template-columns:1fr}.section-header[data-v-1a10ab21]{align-items:flex-start;flex-direction:column;gap:8px}}