.container[data-v-2dca148d]{min-height:100vh;display:flex;flex-direction:column}.notification-banner[data-v-2dca148d]{padding:1rem 2rem;text-align:center;font-size:.95rem;animation:slideDown-2dca148d .5s ease}.notification-info[data-v-2dca148d]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.notification-success[data-v-2dca148d]{background:linear-gradient(135deg,#56ab2f 0%,#a8e063 100%);color:#fff}.notification-warning[data-v-2dca148d]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.notification-icon[data-v-2dca148d]{margin-right:.5rem}@keyframes slideDown-2dca148d{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.filter-section[data-v-2dca148d]{margin-bottom:2rem;padding:1.5rem;background:white;border-radius:12px;box-shadow:0 2px 8px #0000000d}.search-box[data-v-2dca148d]{margin-bottom:1rem}.search-input[data-v-2dca148d]{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .3s}.search-input[data-v-2dca148d]:focus{outline:none;border-color:#667eea}.filter-controls[data-v-2dca148d]{display:flex;gap:1rem;flex-wrap:wrap}.filter-select[data-v-2dca148d]{flex:1;min-width:150px;padding:.75rem;font-size:.95rem;border:2px solid #e2e8f0;border-radius:8px;background:white;cursor:pointer;transition:border-color .3s}.filter-select[data-v-2dca148d]:focus{outline:none;border-color:#667eea}.loading-spinner[data-v-2dca148d]{text-align:center;padding:3rem}.spinner[data-v-2dca148d]{width:50px;height:50px;margin:0 auto 1rem;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-2dca148d 1s linear infinite}@keyframes spin-2dca148d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-2dca148d]{padding:1rem;margin-bottom:2rem;background:#fee;color:#c33;border-radius:8px;text-align:center}.hot-tools-section[data-v-2dca148d]{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);border-radius:12px}.hot-tools-section h3[data-v-2dca148d]{margin:0 0 1rem;color:#2d3748;font-size:1.5rem}.hot-tools-list[data-v-2dca148d]{display:flex;gap:1rem;flex-wrap:wrap}.hot-tool-item[data-v-2dca148d]{flex:1;min-width:200px;padding:1rem;background:white;border-radius:8px;cursor:pointer;transition:transform .3s;display:flex;align-items:center;gap:.5rem}.hot-tool-item[data-v-2dca148d]:hover{transform:scale(1.05)}.hot-tool-icon[data-v-2dca148d]{font-size:2rem}.hot-tool-name[data-v-2dca148d]{flex:1;font-weight:600;color:#2d3748}.hot-tool-likes[data-v-2dca148d]{color:#667eea;font-weight:600}.tool-stats[data-v-2dca148d]{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f7fafc;border-radius:8px;font-size:.9rem}.stat-item[data-v-2dca148d]{color:#4a5568}.tool-actions[data-v-2dca148d]{display:flex;gap:.5rem;margin-top:1rem}.action-btn[data-v-2dca148d]{flex:1;padding:.75rem;border:2px solid #e2e8f0;background:white;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.action-btn[data-v-2dca148d]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.like-btn[data-v-2dca148d]:hover{border-color:#f56565;color:#f56565}.comment-btn[data-v-2dca148d]:hover{border-color:#667eea;color:#667eea}.comments-section[data-v-2dca148d]{margin-top:1rem;padding:1rem;background:#f7fafc;border-radius:8px;border-top:2px solid #e2e8f0}.comment-form[data-v-2dca148d]{margin-bottom:1rem}.comment-input[data-v-2dca148d]{width:100%;padding:.75rem;margin-bottom:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem}.comment-textarea[data-v-2dca148d]{width:100%;padding:.75rem;margin-bottom:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;resize:vertical;min-height:80px}.submit-comment-btn[data-v-2dca148d]{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .3s}.submit-comment-btn[data-v-2dca148d]:hover{background:#5568d3}.comments-list[data-v-2dca148d]{max-height:300px;overflow-y:auto}.comment-item[data-v-2dca148d]{padding:.75rem;margin-bottom:.5rem;background:white;border-radius:6px}.comment-author[data-v-2dca148d]{font-weight:600;color:#667eea;margin-bottom:.25rem;font-size:.9rem}.comment-content[data-v-2dca148d]{color:#2d3748;margin-bottom:.25rem;font-size:.9rem}.comment-time[data-v-2dca148d]{color:#a0aec0;font-size:.8rem}.no-comments[data-v-2dca148d]{text-align:center;color:#a0aec0;padding:1rem;font-style:italic}.header[data-v-2dca148d]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:3rem 2rem;text-align:center;box-shadow:0 4px 6px #0000001a}.title[data-v-2dca148d]{font-size:2.5rem;margin:0 0 1rem;font-weight:700}.subtitle[data-v-2dca148d]{font-size:1.2rem;margin:0;opacity:.9}.main-content[data-v-2dca148d]{flex:1;max-width:1200px;margin:2rem auto;padding:0 2rem;width:100%}.intro-section[data-v-2dca148d]{text-align:center;margin-bottom:3rem;padding:2rem 0}.intro-section h2[data-v-2dca148d]{font-size:2.5rem;color:#2d3748;margin:0 0 1rem;font-weight:700}.intro-text[data-v-2dca148d]{font-size:1.2rem;color:#718096;max-width:700px;margin:0 auto;line-height:1.8}.tools-grid[data-v-2dca148d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.tool-card[data-v-2dca148d]{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border:1px solid #e2e8f0;display:flex;flex-direction:column}.tool-card[data-v-2dca148d]:hover{transform:translateY(-8px);box-shadow:0 12px 24px #667eea26;border-color:#667eea}.tool-icon[data-v-2dca148d]{font-size:3.5rem;margin-bottom:1rem}.tool-card h3[data-v-2dca148d]{font-size:1.5rem;color:#2d3748;margin:0 0 1rem;font-weight:600}.tool-description[data-v-2dca148d]{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.tool-features[data-v-2dca148d]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-badge[data-v-2dca148d]{background:#edf2f7;color:#667eea;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.tool-btn[data-v-2dca148d]{width:100%;padding:.875rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tool-btn[data-v-2dca148d]:hover{transform:scale(1.02);box-shadow:0 4px 12px #667eea66}.stats-section[data-v-2dca148d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:4rem 0;padding:3rem 2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px}.stat-item[data-v-2dca148d]{text-align:center;color:#fff}.stat-number[data-v-2dca148d]{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label[data-v-2dca148d]{font-size:1.1rem;opacity:.9}.cta-section[data-v-2dca148d]{background:#f7fafc;border-radius:16px;padding:3rem;text-align:center;margin:3rem 0;border:2px solid #667eea}.cta-content h3[data-v-2dca148d]{font-size:2rem;color:#2d3748;margin:0 0 1rem}.cta-content p[data-v-2dca148d]{font-size:1.1rem;color:#718096;margin-bottom:2rem}.cta-btn[data-v-2dca148d]{padding:1rem 2.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-btn[data-v-2dca148d]:hover{background:#5568d3;transform:scale(1.05)}.footer[data-v-2dca148d]{background:#2d3748;color:#e2e8f0;padding:3rem 2rem 1rem;border-top:1px solid #4a5568}.footer-content[data-v-2dca148d]{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;gap:3rem;margin-bottom:2rem}.footer-brand h3[data-v-2dca148d]{margin:0 0 .5rem;font-size:1.8rem;color:#667eea;font-weight:700}.footer-brand p[data-v-2dca148d]{margin:0;color:#cbd5e0;font-size:.95rem}.footer-links[data-v-2dca148d]{display:flex;gap:3rem;flex:1;justify-content:flex-end}.footer-column[data-v-2dca148d]{display:flex;flex-direction:column;gap:.5rem}.footer-column h4[data-v-2dca148d]{margin:0 0 .75rem;font-size:1rem;color:#fff;font-weight:600}.footer-column a[data-v-2dca148d]{color:#cbd5e0;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-column a[data-v-2dca148d]:hover{color:#667eea}.footer-bottom[data-v-2dca148d]{text-align:center;padding-top:2rem;border-top:1px solid #4a5568;max-width:1000px;margin:0 auto}.footer-bottom p[data-v-2dca148d]{margin:0;color:#a0aec0;font-size:.9rem}@media (max-width: 768px){.title[data-v-2dca148d]{font-size:2rem}.subtitle[data-v-2dca148d]{font-size:1rem}.intro-section h2[data-v-2dca148d]{font-size:2rem}.intro-text[data-v-2dca148d]{font-size:1rem}.tools-grid[data-v-2dca148d]{grid-template-columns:1fr;gap:1.5rem}.stats-section[data-v-2dca148d]{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem 1rem}.stat-number[data-v-2dca148d]{font-size:2rem}.stat-label[data-v-2dca148d]{font-size:.9rem}.cta-section[data-v-2dca148d]{padding:2rem 1.5rem}.cta-content h3[data-v-2dca148d]{font-size:1.5rem}.footer-content[data-v-2dca148d],.footer-links[data-v-2dca148d]{flex-direction:column;gap:2rem}.footer-brand h3[data-v-2dca148d]{font-size:1.5rem}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}#app{width:100%}