boxShadow = '0 0 0 3px rgba(74, 107, 223, 0.3)'; }); document.querySelector('.search-input').addEventListener('blur', function() { this.parentElement.style.boxShadow = 'none'; }); // 列表项悬停效果 document.querySelectorAll('.list-item').forEach(item => { item.addEventListener('mouseenter', function() { this.querySelector('.item-title').style.color = '#3a5bd9'; }); item.addEventListener('mouseleave', function() { this.querySelector('.item-title').style.color = 'var(--primary-color)'; }); }); // 城市分类点击效果 document.querySelectorAll('.city-item').forEach(item => { item.addEventListener('click', function() { document.querySelectorAll('.city-item').forEach(i => i.classList.remove('active')); this.classList.add('active'); }); });