.flex-search-container{position:relative;width:100%;max-width:600px;margin:0 auto}.flex-search-form{position:relative;display:flex;gap:8px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1);overflow:hidden}.flex-search-input{flex:1;padding:14px 18px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px 0 0 8px;outline:none;transition:all 0.3s ease;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.flex-search-input:focus{border-color:#2271b1;box-shadow:0 0 0 3px rgb(34 113 177 / .1)}.flex-search-input::placeholder{color:#999}.flex-search-button{padding:14px 24px;background:linear-gradient(135deg,#2271b1 0%,#1a5a8a 100%);color:#fff;border:none;border-radius:0 8px 8px 0;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.flex-search-button:hover{background:linear-gradient(135deg,#1a5a8a 0%,#134466 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgb(34 113 177 / .3)}.flex-search-button:active{transform:translateY(0)}.flex-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgb(0 0 0 / .15);max-height:500px;overflow-y:auto;z-index:1000;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.flex-search-loading,.flex-search-loading-active{padding:20px;text-align:center;color:#666;font-style:italic}.flex-search-loading::after,.flex-search-loading-active::after{content:'...';animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}.flex-search-results-list{padding:8px 0}.flex-search-item{border-bottom:1px solid #f0f0f0;transition:background-color 0.2s ease}.flex-search-item:last-child{border-bottom:none}.flex-search-item:hover{background-color:#f8f9fa}.flex-search-item a{display:block;padding:12px 18px;color:inherit;text-decoration:none}.flex-search-item-title{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:4px;line-height:1.4}.flex-search-item:hover .flex-search-item-title{color:#2271b1}.flex-search-item-excerpt{font-size:14px;color:#666;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.flex-search-item mark{background-color:gold;color:#000;padding:2px 4px;border-radius:3px;font-weight:600}.flex-search-no-results{padding:30px 20px;text-align:center;color:#666}.flex-search-no-results p:first-child{font-size:16px;margin-bottom:12px}.flex-search-hint{font-size:14px;color:#999;font-style:italic}.flex-search-suggestion{font-size:15px;margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:4px solid #2271b1;border-radius:4px;color:#2c3e50}.flex-search-suggestion a.apply-suggestion{color:#2271b1;text-decoration:none;font-weight:600;transition:all 0.2s ease;padding:2px 6px;border-radius:3px;display:inline-block}.flex-search-suggestion a.apply-suggestion:hover{background-color:#2271b1;color:#fff;transform:translateX(2px)}.flex-search-suggestion a.apply-suggestion:active{transform:translateX(0) scale(.98)}.flex-search-error{padding:20px;text-align:center;color:#c0392b;background-color:#ffe6e6;border-radius:8px;margin:8px}.flex-search-footer{padding:12px 18px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;font-size:13px;color:#666}.flex-search-count{font-weight:600;color:#2271b1}.flex-search-results::-webkit-scrollbar{width:8px}.flex-search-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 8px 8px 0}.flex-search-results::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.flex-search-results::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.flex-search-container{max-width:100%}.flex-search-input{font-size:14px;padding:12px 14px}.flex-search-button{padding:12px 18px;font-size:14px}.flex-search-item-title{font-size:14px}.flex-search-item-excerpt{font-size:13px}}@media (max-width:480px){.flex-search-form{flex-direction:column;gap:0}.flex-search-input{border-radius:8px 8px 0 0;border-right:2px solid #e0e0e0}.flex-search-button{border-radius:0 0 8px 8px}}.flex-search-input:focus-visible,.flex-search-button:focus-visible{outline:3px solid #2271b1;outline-offset:2px}@media (prefers-color-scheme:dark){.flex-search-form,.flex-search-results{background:#2c3e50;color:#ecf0f1}.flex-search-input{background:#34495e;border-color:#4a5f7f;color:#ecf0f1}.flex-search-input::placeholder{color:#95a5a6}.flex-search-item{border-bottom-color:#34495e}.flex-search-item:hover{background-color:#34495e}.flex-search-item-title{color:#ecf0f1}.flex-search-item-excerpt{color:#bdc3c7}.flex-search-footer{background-color:#34495e;border-top-color:#4a5f7f}}