.tool-layout[data-v-04982bb0]{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh;--header-height:64px}.tool-content[data-v-04982bb0]{flex:1;min-height:calc(100vh - 64px);padding-top:64px;transition:margin-left .3s ease}.tool-layout:has(.app-sidebar.is-open) .tool-content[data-v-04982bb0]{margin-left:0}@media (min-width:1024px){.tool-layout:has(.app-sidebar.is-open) .tool-content[data-v-04982bb0]{margin-left:200px}}.tag[data-v-04982bb0]{background:#edf2f7;border-radius:6px;flex-shrink:0;font-size:10px;padding:2px 6px}.action-btn[data-v-04982bb0],.tag[data-v-04982bb0]{border:1px solid #e2e8f0;color:#4a5568;font-weight:500;white-space:nowrap}.action-btn[data-v-04982bb0]{align-items:center;background:#f7fafc;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .2s ease}.action-btn[data-v-04982bb0]:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a;color:#2d3748;transform:translateY(-1px)}.action-text[data-v-04982bb0]{display:inline}.icon-shoucang[data-v-04982bb0]{font-size:20px}@media (max-width:480px){.action-btn[data-v-04982bb0]{font-size:10px;padding:4px 6px}.action-text[data-v-04982bb0]{display:none}.action-btn svg[data-v-04982bb0]{height:16px;width:16px}.bookmark-btn[data-v-04982bb0]{background:none;border:none}}@media (prefers-color-scheme:dark){.tool-layout[data-v-04982bb0]{background:#1a202c}.tag[data-v-04982bb0]{background:#4a5568;border-color:#718096;color:#e2e8f0}.action-btn[data-v-04982bb0]{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.action-btn[data-v-04982bb0]:hover{background:#4a5568;border-color:#718096;color:#f7fafc}}.dark .tool-layout[data-v-04982bb0]{background:#1a202c}.dark .tag[data-v-04982bb0]{background:#4a5568;border-color:#718096;color:#e2e8f0}.dark .action-btn[data-v-04982bb0]{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark .action-btn[data-v-04982bb0]:hover{background:#4a5568;border-color:#718096;color:#f7fafc}.tool-icon-image[data-v-04982bb0]{-o-object-fit:cover;object-fit:cover}.tool-icon-image[data-v-04982bb0],.tool-placeholder[data-v-04982bb0]{border-radius:6px;height:28px;width:28px}.tool-placeholder[data-v-04982bb0]{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.action-btn.bookmark-btn.active[data-v-04982bb0]{background:#f59e0b1a;color:#f59e0b}.action-btn.bookmark-btn.active .icon-shoucang[data-v-04982bb0]{color:#f59e0b}.tool-metrics[data-v-04982bb0]{background-color:var(--bg-primary);display:flex;gap:32px;justify-content:center;padding:24px 0 12px}.metric[data-v-04982bb0]{align-items:center;background:var(--bg-secondary,#f7f7fa);border-radius:8px;display:flex;font-size:20px;font-weight:500;gap:6px;padding:8px 16px}.tool-metric-icon[data-v-04982bb0]{font-size:24px}.metric-usage[data-v-04982bb0]{background:#e0e7ff;color:#2563eb}.metric-favorite[data-v-04982bb0]{background:#fef9c3;color:#eab308}.metric-like[data-v-04982bb0]{background:#dcfce7;color:#22c55e;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.metric-like[data-v-04982bb0]:hover:not(.disabled){background:#bbf7d0;transform:scale(1.05)}.metric-like.voted[data-v-04982bb0]{background:#22c55e;box-shadow:0 0 0 2px #22c55e4d;color:#fff}.metric-like.disabled[data-v-04982bb0]{cursor:not-allowed;opacity:.6}.metric-like.voting[data-v-04982bb0]{pointer-events:none}.metric-like .tool-metric-icon.animate[data-v-04982bb0]{animation:pulse-04982bb0 .6s ease-in-out}.metric-dislike[data-v-04982bb0]{background:#fee2e2;color:#ef4444;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.metric-dislike[data-v-04982bb0]:hover:not(.disabled){background:#fecaca;transform:scale(1.05)}.metric-dislike.voted[data-v-04982bb0]{background:#ef4444;box-shadow:0 0 0 2px #ef44444d;color:#fff}.metric-dislike.disabled[data-v-04982bb0]{cursor:not-allowed;opacity:.6}.metric-dislike.voting[data-v-04982bb0]{pointer-events:none}.metric-dislike .tool-metric-icon.animate[data-v-04982bb0]{animation:pulse-04982bb0 .6s ease-in-out}@keyframes pulse-04982bb0{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.recommendations-section[data-v-04982bb0]{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:20px}.recommendations-header[data-v-04982bb0]{margin-bottom:10px}.recommendations-header h3[data-v-04982bb0]{color:var(--text-primary);font-weight:600;margin-bottom:8px}.recommendations-header p[data-v-04982bb0]{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width:768px){.recommendations-section[data-v-04982bb0]{padding:12px}}@media (max-width:480px){.tool-metrics[data-v-04982bb0]{gap:8px}.tool-metric-icon[data-v-04982bb0]{font-size:18px}.metric[data-v-04982bb0]{font-size:16px;padding:5px 10px}}