:root{--control-h: 40px;--icon: 18px;--pad-x: 16px}@media (max-width: 768px){:root{--control-h: 38px;--icon: 18px;--pad-x: 14px}}@media (max-width: 480px){:root{--control-h: 36px;--icon: 16px;--pad-x: 12px}}.search-body{display:flex;align-items:center;justify-content:center;padding:20px}.search-container{position:relative;width:100%;max-width:600px}.search-wrapper{position:relative;display:flex;align-items:center;background:#f6f4f2;border-radius:50px;padding:3px;transition:all .3s ease;border:2px solid transparent}.search-wrapper:hover{box-shadow:0 8px 25px #f9d2ad33;transform:translateY(-2px)}.search-wrapper:focus-within{border-color:#ff7a00;box-shadow:0 8px 25px #ff7a004d;transform:translateY(-2px);background-color:#fdf7f1}.search-input{flex:1;border:none;outline:none;height:var(--control-h);padding:0 var(--pad-x);font-size:15px;background:transparent;color:#333;border-radius:50px}.search-input::placeholder{color:#999;font-weight:400}.search-button{background:#ff7a00;border:none;border-radius:50%;width:var(--control-h);height:var(--control-h);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-right:4px}.search-button:hover{background:#e6690a;transform:scale(1.05)}.search-button:active{transform:scale(.95)}.search-icon{width:var(--icon);height:var(--icon);stroke:#fff;stroke-width:2.5;fill:none}@media (max-width: 768px){.search-container{max-width:100%}.search-input{padding:14px 18px;font-size:16px}.search-button{width:44px;height:44px}.search-icon{width:18px;height:18px}}@media (max-width: 480px){.search-input{padding:12px 16px;font-size:16px}.search-button{width:40px;height:40px}.search-icon{width:16px;height:16px}}.search-button.loading{pointer-events:none}.search-button.loading .search-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-area{margin-top:20px;background:#ffffffe6;border-radius:16px;padding:20px;min-height:60px;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-area.show{display:block;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-item{padding:12px 0;border-bottom:1px solid #eee;color:#333}.result-item:last-child{border-bottom:none}.result-title{font-weight:600;color:#ff7a00;margin-bottom:4px}.result-description{color:#666;font-size:14px}