.tool-card[data-v-291ef5b4]{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:inherit;flex-direction:column;gap:10px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.tool-card[data-v-291ef5b4]:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.card-top[data-v-291ef5b4]{align-items:center;gap:10px;min-width:0;display:flex}.tool-logo[data-v-291ef5b4]{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.tool-name[data-v-291ef5b4]{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.card-badge[data-v-291ef5b4]{letter-spacing:.5px;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.badge-hot[data-v-291ef5b4]{color:#f87171;background:#ef444426}.badge-new[data-v-291ef5b4]{color:#4ade80;background:#22c55e26}.spacer[data-v-291ef5b4]{flex:1;min-width:8px}.card-rating[data-v-291ef5b4]{color:#fbbf24;flex-shrink:0;font-size:13px;font-weight:600}.card-price[data-v-291ef5b4]{color:var(--text-primary);flex-shrink:0;font-size:14px;font-weight:700}.card-price small[data-v-291ef5b4]{color:var(--text-tertiary);font-size:11px;font-weight:400}.tool-desc[data-v-291ef5b4]{color:var(--text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-bottom[data-v-291ef5b4]{justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-tags[data-v-291ef5b4]{flex-wrap:wrap;align-items:center;gap:6px;min-height:26px;display:flex}.tag[data-v-291ef5b4]{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-tertiary);white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px}.tag-more[data-v-291ef5b4]{background:0 0;border-style:dashed}.compare-btn[data-v-291ef5b4]{background:var(--bg-secondary);border:1px solid var(--border-subtle);min-height:44px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:6px;flex-shrink:0;align-items:center;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.compare-btn[data-v-291ef5b4]:hover{border-color:var(--accent-primary);color:#818cf8}.compare-btn.active[data-v-291ef5b4]{border-color:var(--accent-primary);color:#818cf8;background:#6366f11f}.card-transparency[data-v-291ef5b4]{flex-wrap:wrap;gap:8px;margin-top:-4px;display:flex}.trans-item[data-v-291ef5b4]{color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;padding:2px 8px;font-size:11px}.trans-item.cred-high[data-v-291ef5b4]{color:#22c55e;background:#22c55e1a;border-color:#22c55e40}.trans-item.cred-medium[data-v-291ef5b4]{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2440}.trans-item.cred-low[data-v-291ef5b4]{color:#ef4444;background:#ef44441a;border-color:#ef444440}.trans-item.affiliate-tag[data-v-291ef5b4]{color:#818cf8;background:#6366f114;border-color:#6366f133}.expired-badge[data-v-291ef5b4]{color:#ef4444;margin-left:4px;font-weight:600}@media (width<=1024px){.card-top[data-v-291ef5b4]{flex-wrap:wrap}.spacer[data-v-291ef5b4]{display:none}}@media (width<=768px){.tool-card[data-v-291ef5b4]{gap:8px;padding:14px}.tool-logo[data-v-291ef5b4]{width:36px;height:36px;font-size:15px}.tool-name[data-v-291ef5b4]{font-size:14px}}@media (width<=480px){.tool-card[data-v-291ef5b4]{border-radius:10px;padding:12px}.card-top[data-v-291ef5b4]{gap:8px}.tool-logo[data-v-291ef5b4]{border-radius:6px;width:32px;height:32px;font-size:13px}.tool-name[data-v-291ef5b4]{font-size:13px}.card-rating[data-v-291ef5b4]{font-size:12px}.card-price[data-v-291ef5b4]{font-size:13px}.tool-desc[data-v-291ef5b4]{font-size:12px}.compare-btn[data-v-291ef5b4]{min-height:40px;padding:6px 10px;font-size:11px}.tag[data-v-291ef5b4]{padding:2px 8px;font-size:10px}}.comparison-bar[data-v-2334ccae]{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:20px 24px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:99;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0006}.comparison-info[data-v-2334ccae]{align-items:center;gap:20px;display:flex}.comparison-count[data-v-2334ccae]{font-size:15px;font-weight:600}.comparison-tools[data-v-2334ccae]{gap:10px;display:flex}.comparison-tool-item[data-v-2334ccae]{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.mini-logo[data-v-2334ccae]{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.comparison-tool-item .remove[data-v-2334ccae]{cursor:pointer;color:var(--text-tertiary);transition:color .2s}.comparison-tool-item .remove[data-v-2334ccae]:hover{color:var(--danger)}.comparison-actions[data-v-2334ccae]{gap:12px;display:flex}.btn[data-v-2334ccae]{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;height:40px;padding:0 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary[data-v-2334ccae]{background:var(--accent-gradient);color:#fff;box-shadow:0 0 20px #6366f14d}.btn-secondary[data-v-2334ccae]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-disabled[data-v-2334ccae]{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.slide-up-enter-active[data-v-2334ccae],.slide-up-leave-active[data-v-2334ccae]{transition:transform .3s}.slide-up-enter-from[data-v-2334ccae],.slide-up-leave-to[data-v-2334ccae]{transform:translateY(100%)}@media (width<=768px){.comparison-bar[data-v-2334ccae]{flex-direction:column;gap:12px;padding:16px}.comparison-info[data-v-2334ccae]{flex-direction:column;gap:10px;width:100%}.comparison-tools[data-v-2334ccae]{flex-wrap:wrap}.comparison-actions[data-v-2334ccae]{justify-content:space-between;width:100%}.comparison-actions .btn[data-v-2334ccae]{flex:1;min-height:44px}}@media (width<=480px){.comparison-bar[data-v-2334ccae]{padding:12px}.comparison-tool-item[data-v-2334ccae]{padding:6px 10px;font-size:12px}.comparison-count[data-v-2334ccae]{font-size:14px}}.main-content[data-v-96406107]{max-width:1400px;margin-top:72px;margin-left:auto;margin-right:auto;padding:24px 24px 32px}.filter-bar[data-v-96406107]{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:20px;padding:16px 20px}.category-pills[data-v-96406107]{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:6px;margin-bottom:14px;padding-bottom:14px;display:flex}.cat-pill[data-v-96406107]{background:var(--bg-tertiary);min-height:44px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;touch-action:manipulation;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.cat-pill[data-v-96406107]:hover{color:var(--text-primary);background:var(--bg-primary);border-color:var(--border-default)}.cat-pill.active[data-v-96406107]{background:var(--accent-gradient);color:#fff;border-color:#0000}.pill-icon[data-v-96406107]{font-size:15px;line-height:1}.pill-more[data-v-96406107]{letter-spacing:.5px;font-weight:600}.filter-controls[data-v-96406107]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-left[data-v-96406107]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select[data-v-96406107]{background:var(--bg-tertiary);border:1px solid var(--border-subtle);height:44px;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:0 32px 0 12px;font-size:13px}.filter-select[data-v-96406107]:focus{border-color:var(--accent-primary)}.filter-check-label[data-v-96406107]{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.filter-check-label input[type=checkbox][data-v-96406107]{accent-color:#6366f1;cursor:pointer;flex-shrink:0;width:20px;height:20px}.filter-check-label[data-v-96406107]{min-height:44px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.filter-clear-btn[data-v-96406107]{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:5px 14px;font-size:12px;transition:all .2s}.filter-clear-btn[data-v-96406107]:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-right[data-v-96406107]{align-items:center;display:flex}.result-count[data-v-96406107]{color:var(--text-tertiary);font-size:13px}.result-count strong[data-v-96406107]{color:var(--text-primary);font-weight:600}.active-filters[data-v-96406107]{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;display:flex}.active-filter-tag[data-v-96406107]{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.active-filter-tag .remove[data-v-96406107]{cursor:pointer;opacity:.7;transition:opacity .2s}.active-filter-tag .remove[data-v-96406107]:hover{opacity:1}.active-filter-tag.tag-category[data-v-96406107]{color:#ec4899;background:#ec489926;border-color:#ec48994d}.tool-grid[data-v-96406107]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tool-grid[data-v-96406107] .tool-card{margin-bottom:0}.empty-state[data-v-96406107]{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);grid-column:1/-1;padding:60px 20px;font-size:15px}.pagination[data-v-96406107]{justify-content:center;align-items:center;gap:8px;padding:32px 0 8px;display:flex}.page-btn[data-v-96406107]{background:var(--bg-secondary);border:1px solid var(--border-subtle);min-width:44px;height:44px;color:var(--text-primary);cursor:pointer;touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.page-btn[data-v-96406107]:hover{border-color:var(--accent-primary);color:#818cf8}.page-btn.is-active[data-v-96406107]{background:var(--accent-gradient);color:#fff;border-color:#0000}.page-btn.is-disabled[data-v-96406107]{color:var(--text-tertiary);cursor:not-allowed}@media (width<=1024px){.tool-grid[data-v-96406107]{grid-template-columns:repeat(2,1fr)}.filter-bar[data-v-96406107]{padding:14px 16px}}@media (width<=768px){.main-content[data-v-96406107]{padding:16px 12px}.tool-grid[data-v-96406107]{grid-template-columns:1fr}.filter-bar[data-v-96406107]{padding:12px 14px}.category-pills[data-v-96406107]{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:10px;padding-bottom:10px;overflow-x:auto}.category-pills[data-v-96406107]::-webkit-scrollbar{display:none}.filter-controls[data-v-96406107]{flex-direction:column;align-items:flex-start}.filter-left[data-v-96406107]{flex-wrap:wrap;width:100%}.filter-select[data-v-96406107]{flex:1;min-width:120px}.cat-pill[data-v-96406107]{flex-shrink:0;padding:6px 12px;font-size:12px}.filter-right[data-v-96406107]{width:100%}}@media (width<=480px){.main-content[data-v-96406107]{padding:12px 8px;padding-bottom:calc(12px + 80px + env(safe-area-inset-bottom,0px))}.filter-bar[data-v-96406107]{border-radius:10px;margin-bottom:12px;padding:10px 12px}.cat-pill[data-v-96406107]{padding:5px 10px;font-size:11px}.filter-select[data-v-96406107]{height:40px;font-size:12px}.tool-grid[data-v-96406107]{gap:10px}.pagination[data-v-96406107]{gap:4px;padding:24px 0 8px}.page-btn[data-v-96406107]{border-radius:8px;min-width:36px;height:40px;font-size:13px}}@media (width<=375px){.filter-left[data-v-96406107]{flex-direction:column;gap:8px}.filter-select[data-v-96406107]{width:100%}}
