.search-bar[data-v-c4bef675]{flex:1;max-width:360px;margin:0 16px}.search-input-wrapper[data-v-c4bef675]{position:relative;display:flex;align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;transition:border-color .2s,background .2s}.search-input-wrapper[data-v-c4bef675]:focus-within{border-color:#4a90d9;background:#fff}.search-icon[data-v-c4bef675]{margin-left:10px;flex-shrink:0}.search-input-wrapper input[data-v-c4bef675]{flex:1;border:none;outline:none;background:transparent;padding:8px 10px;font-size:13px;color:#333}.search-input-wrapper input[data-v-c4bef675]::placeholder{color:#bbb}.clear-btn[data-v-c4bef675]{margin-right:8px;cursor:pointer;font-size:14px;color:#999;line-height:1;padding:2px 6px;border-radius:50%;transition:color .15s,background .15s}.clear-btn[data-v-c4bef675]:hover{color:#333;background:#e0e0e0}@media (max-width: 768px){.search-bar[data-v-c4bef675]{max-width:none;margin:0}}