:root{--ai-primary:#6366f1;--ai-secondary:#8b5cf6;--ai-gradient:linear-gradient(135deg, #6366f1 0, #8b5cf6 50%, #d946ef 100%)}.hero-section{text-align:center;padding:48px 0 32px;background:linear-gradient(135deg, #f8fafc 0, #eef2ff 100%);border-radius:32px;margin-bottom:32px}.hero-badge{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.badge-glow{background:linear-gradient(135deg, #6366f1, #8b5cf6);color:white;padding:6px 16px;border-radius:40px;font-size:0.8rem;font-weight:500;box-shadow:0 4px 12px rgba(99,102,241,0.3)}.hero-title{font-size:3rem;font-weight:800;margin-bottom:16px}.gradient-text{background:linear-gradient(135deg, #6366f1, #8b5cf6, #d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{font-size:1.1rem;color:#64748b;margin-bottom:32px}.hero-stats{display:flex;justify-content:center;gap:48px}.stat-item{text-align:center}.stat-num{display:block;font-size:1.8rem;font-weight:700;color:var(--ai-primary)}.stat-label{font-size:0.8rem;color:#64748b}.search-sort-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:16px 20px;background:white;border-radius:60px;border:1px solid #e2e8f0}.search-wrapper{flex:1;position:relative;max-width:400px}.search-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e2e8f0;border-radius:40px;font-size:0.9rem;background:#f8fafc}.search-input:focus{outline:none;border-color:#6366f1;background:white}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;display:none}.sort-buttons{display:flex;gap:12px;flex-wrap:wrap}.sort-btn{background:#f1f5f9;border:none;padding:8px 20px;border-radius:40px;font-size:0.85rem;cursor:pointer;transition:all 0.2s}.sort-btn.active{background:#6366f1;color:white;box-shadow:0 2px 8px rgba(99,102,241,0.3)}.sort-btn:hover:not(.active){background:#e2e8f0}.category-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.cat-inner-tab{background:#f1f5f9;border:none;padding:8px 20px;border-radius:40px;font-size:0.85rem;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:8px}.cat-inner-tab .count{background:#cbd5e1;color:#475569;padding:0 6px;border-radius:20px;font-size:0.7rem}.cat-inner-tab.active{background:#6366f1;color:white}.cat-inner-tab.active .count{background:rgba(255,255,255,0.3);color:white}.cat-inner-tab:hover:not(.active){background:#e2e8f0;transform:translateY(-2px)}.tools-stats{text-align:right;font-size:0.8rem;color:#64748b;margin-bottom:16px}.tools-grid-ai{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:24px;margin-bottom:32px}.tool-card-ai{background:white;border-radius:20px;padding:20px;border:1px solid #e2e8f0;transition:all 0.3s;cursor:pointer;position:relative;overflow:hidden}.tool-card-ai::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ai-gradient);transform:scaleX(0);transition:transform 0.3s}.tool-card-ai:hover{transform:translateY(-4px);box-shadow:0 20px 30px -12px rgba(0,0,0,0.1);border-color:transparent}.tool-card-ai:hover::before{transform:scaleX(1)}.tool-badge{position:absolute;top:12px;right:12px}.hot-badge{background:#fef3c7;color:#d97706;padding:2px 10px;border-radius:20px;font-size:0.7rem;font-weight:500}.tool-header-ai{display:flex;align-items:center;gap:16px;margin-bottom:16px}.tool-icon-ai{width:56px;height:56px;background:linear-gradient(135deg, #e0e7ff, #f0f4ff);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#6366f1}.tool-title-ai h3{font-size:1.1rem;margin-bottom:4px}.tool-rating{display:flex;align-items:center;gap:6px;font-size:0.7rem;color:#f59e0b}.tool-desc-ai{color:#64748b;font-size:0.85rem;line-height:1.5;margin-bottom:16px}.tool-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{background:#f1f5f9;padding:4px 10px;border-radius:20px;font-size:0.7rem;color:#475569}.tool-footer-ai{display:flex;justify-content:space-between;align-items:center}.price{font-weight:600;color:#6366f1}.price.free{color:#10b981}.visit-btn{background:#f1f5f9;border:none;padding:6px 16px;border-radius:30px;cursor:pointer;transition:all 0.2s}.visit-btn:hover{background:#6366f1;color:white}.pagination{display:flex;justify-content:center;gap:8px;margin:32px 0;flex-wrap:wrap}.page-btn{min-width:40px;height:40px;background:#f1f5f9;border:none;border-radius:12px;cursor:pointer;transition:all 0.2s}.page-btn.active{background:#6366f1;color:white}.page-btn:hover:not(.active):not([disabled]){background:#e2e8f0}.page-btn[disabled]{opacity:0.5;cursor:not-allowed}.featured-section{margin-bottom:48px}.section-header{text-align:center;margin-bottom:32px}.section-header h2{font-size:1.8rem;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.section-header p{color:#64748b}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:24px}.featured-card{background:linear-gradient(135deg, #1e293b, #0f172a);border-radius:24px;padding:24px;color:white;cursor:pointer;transition:transform 0.3s}.featured-card:hover{transform:translateY(-4px)}.featured-card .featured-icon{font-size:40px;margin-bottom:16px}.featured-card h3{font-size:1.2rem;margin-bottom:8px}.featured-card p{opacity:0.8;font-size:0.85rem;margin-bottom:16px}.featured-stats{display:flex;gap:16px;font-size:0.75rem;opacity:0.7}.comparison-section{margin-bottom:48px}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}.comparison-table th,.comparison-table td{padding:14px 16px;text-align:center;border-bottom:1px solid #e2e8f0}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:600;background:#f8fafc}.comparison-table .fa-check-circle{color:#10b981;font-size:1.2rem}.comparison-table .fa-times-circle{color:#ef4444;font-size:1.2rem}.stats-section{margin-bottom:48px}.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}.stats-card{text-align:center;padding:24px;background:white;border-radius:20px;border:1px solid #e2e8f0;cursor:pointer;transition:all 0.3s}.stats-card:hover{transform:translateY(-4px);border-color:#6366f1}.stats-card i{font-size:40px;color:#6366f1;margin-bottom:12px}.stats-number{font-size:1.5rem;font-weight:700;color:#1e293b}.stats-label{color:#64748b;font-size:0.85rem}.empty-state{text-align:center;padding:60px;background:#f8fafc;border-radius:24px}.empty-state i{font-size:48px;color:#cbd5e1;margin-bottom:16px}.empty-state h3{font-size:1.2rem;margin-bottom:8px}.empty-state p{color:#64748b}.back-to-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background:#6366f1;color:white;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s;z-index:100}.back-to-top.show{opacity:1;visibility:visible}@media (max-width:900px){.hero-title{font-size:2rem}.featured-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2, 1fr)}.search-sort-bar{flex-direction:column;align-items:stretch;border-radius:20px}.search-wrapper{max-width:100%}}@media (max-width:600px){.tools-grid-ai{grid-template-columns:1fr}.hero-stats{gap:24px}.stat-num{font-size:1.2rem}.category-tabs{gap:8px}.cat-inner-tab{padding:6px 14px;font-size:0.75rem}.stats-grid{grid-template-columns:1fr}}