.search-bar[data-v-4dd2cf0c]{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:12px;max-width:560px;padding:12px 20px;transition:all var(--transition-base);width:100%}.search-bar[data-v-4dd2cf0c]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #7c3aed1a}.search-icon[data-v-4dd2cf0c]{flex-shrink:0;font-size:18px}.search-input[data-v-4dd2cf0c]{background:transparent;border:none;color:var(--text-primary);flex:1;font-size:var(--font-size-base);outline:none}.search-input[data-v-4dd2cf0c]::-moz-placeholder{color:var(--text-light)}.search-input[data-v-4dd2cf0c]::placeholder{color:var(--text-light)}.clear-btn[data-v-4dd2cf0c]{align-items:center;background:var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.clear-btn[data-v-4dd2cf0c]:hover{background:var(--color-primary);color:#fff}.skill-card[data-v-c02f0ec3]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:24px;transition:all var(--transition-base)}.skill-card[data-v-c02f0ec3]:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card-header[data-v-c02f0ec3]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.card-icon[data-v-c02f0ec3]{font-size:32px;line-height:1}.card-title[data-v-c02f0ec3]{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:8px}.card-desc[data-v-c02f0ec3]{color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);-webkit-line-clamp:2;line-height:1.6;-webkit-box-orient:vertical;flex:1;overflow:hidden}.card-tags[data-v-c02f0ec3]{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag[data-v-c02f0ec3]{background:var(--bg-tag);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500;padding:2px 10px}.card-footer[data-v-c02f0ec3]{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.card-stats[data-v-c02f0ec3]{display:flex;gap:12px}.stat[data-v-c02f0ec3]{color:var(--text-light);font-size:var(--font-size-xs)}