.search-container{flex:1;max-width:100%;position:relative}.search-box{width:100%;padding:8px 56px 8px 50px;border:1px solid transparent;border-radius:99px;font-size:14px;transition:border-color .2s,background .2s;outline:none;background-color:var(--bg-gradient)}.search-box:focus{border-color:#3b7cf4;background:#fff}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#999;font-size:16px;z-index:2}.custom-placeholder .placeholder-number{font-weight:700;color:var(--primary-color)}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;width:24px;height:24px;border-radius:50%;background:#f3f4f6;border:none;color:#666;cursor:pointer;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.search-clear-btn.visible{opacity:1;visibility:visible;pointer-events:auto}.search-clear-btn:hover{background:#e5e7eb;color:#333;transform:translateY(-50%) rotate(90deg)}.search-clear-btn i{font-size:12px;pointer-events:none}.search-suggestions{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001f;z-index:999;padding:8px 0 12px;min-width:unset;max-height:600px;overflow-y:auto;scrollbar-width:none}.search-suggestions::-webkit-scrollbar{display:none}.search-suggestions::-webkit-scrollbar-track{background:transparent}.search-suggestions::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.search-suggestions::-webkit-scrollbar-thumb:hover{background:#bbb}.search-suggestions:after{content:"";position:sticky;bottom:0;left:0;right:0;height:30px;background:linear-gradient(180deg,transparent,#fff);pointer-events:none;opacity:0;transition:opacity .3s}.search-suggestions.has-more:after{opacity:1}.suggestion-title{padding:8px 16px 4px;color:#a8a8a2;font-size:11px;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.clear-history{color:#999;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:4px}.clear-history:hover{color:#f44;background:#fff5f5}.clear-history i{font-size:12px}.search-suggestion{padding:8px 16px;cursor:pointer;transition:background .12s;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:0;-webkit-tap-highlight-color:transparent}.search-suggestion:hover{background:#f7f7f5}.search-suggestion--ad{text-decoration:none;color:inherit}.suggestion-badge{flex-shrink:0;font-size:11px;font-weight:500;border-radius:4px;padding:2px 6px}.suggestion-badge--ad{background:#f0fdf4;color:#16a34a}.search-suggestion.top-result{background:unset;border-left:none;padding-left:16px;font-weight:unset}.search-suggestion.top-result:hover{background:#f7f7f5}.suggestion-tool-icon{flex-shrink:0;display:flex;align-items:center}.suggestion-tool-icon .tool-icon-block{width:36px;height:36px;font-size:17px;border-radius:10px}.suggestion-tool-name{font-size:14px;font-weight:500;color:#111110}.suggestion-arrow{color:#a8a8a2;font-size:20px;font-weight:300;flex-shrink:0;line-height:1}.suggestion-rank{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:12px;font-weight:600;margin-right:8px;flex-shrink:0}.search-highlight{background:#ffeb3b26;color:inherit;padding:0 2px;border-radius:2px;font-weight:500}.search-history-section{padding:0}.history-tags{display:flex;flex-wrap:wrap;gap:8px;padding:6px 20px 0;max-height:70px;overflow:hidden;transition:max-height .3s ease}.history-tags.expanded{max-height:106px}.history-tag{position:relative;display:inline-flex;align-items:center;height:28px;padding:0 24px 0 12px;background:#f5f5f5;border-radius:12px;transition:all .2s;color:#666;font-size:13px;line-height:28px;cursor:pointer}.history-tag .tag-text{pointer-events:none}.history-tag .tag-remove{position:absolute;right:0;top:10%;transform:translateY(-50%);width:16px;height:16px;display:none;align-items:center;justify-content:center;font-size:9px;color:#fff;cursor:pointer;border-radius:50%;background-color:#d3d3d3;transition:all .2s;z-index:777}.history-tag .tag-remove:hover{background:#f44}.history-tag:hover{color:var(--primary-color)}.history-tag:hover .tag-remove{display:flex}.history-expand-btn{text-align:center;padding:8px 20px;color:#999;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.history-expand-btn:hover{color:var(--primary-color)}.history-expand-btn i{font-size:10px}.suggestion-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:500;font-size:14px;margin-right:18px;flex-shrink:0}.suggestion-number-1{background:linear-gradient(135deg,var(--primary-dark),var(--accent-color));box-shadow:0 2px 8px #1976d24d}.suggestion-number-2{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:0 2px 8px #42a5f54d}.suggestion-number-3{background:linear-gradient(135deg,var(--primary-light),#90caf9);box-shadow:0 2px 8px #64b5f64d}.suggestion-number-4,.suggestion-number-5,.suggestion-number-6,.suggestion-number-7,.suggestion-number-8{background-color:#f1f1f1;color:#999}.suggestion-info{display:flex;align-items:center;flex:1;gap:10px;min-width:0}.suggestion-stats{color:#aaa;font-size:14px;white-space:nowrap;display:flex;align-items:center;gap:4px}.trend-icon{display:inline-block;width:18px;text-align:center}.trend-hot{color:#ff6b6b}.trend-up{color:#5cb85c}.trend-star{color:#f59e0b}.search-tip{padding:15px 20px;background:#f8f9ff;border-top:1px solid #e8f4fd;display:flex;gap:12px;align-items:flex-start;margin-top:5px}.search-tip i{color:#ffa726;font-size:16px;margin-top:2px;flex-shrink:0}.tip-content{flex:1}.tip-text{color:#666;font-size:14px;margin-bottom:8px;line-height:1.5}.tip-text strong{color:var(--primary-color);font-weight:600}.tip-suggestions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tip-action{color:var(--primary-color);font-size:13px;cursor:pointer;padding:4px 12px;background:#fff;border-radius:12px;border:1px solid var(--primary-color);transition:all .2s;white-space:nowrap}.tip-action:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #42a5f54d}.tip-divider{color:#999;font-size:12px}.tip-hint{color:#999;font-size:13px}.no-results{padding:24px 16px 16px;text-align:center;color:#a8a8a2}.no-results-icon{font-size:28px;margin-bottom:8px}.no-results-text{font-size:14px;color:#6b6b66;margin-bottom:16px}.no-results-suggestions{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-size:12px;color:#a8a8a2;margin-top:8px}.suggestion-tag{padding:5px 12px;background:transparent;border:1px solid #e8e8e4;border-radius:100px;cursor:pointer;transition:background .12s,border-color .12s;color:#6b6b66;font-size:12px;font-weight:500}.suggestion-tag:hover{background:#f7f7f5;border-color:#d0d0cc}@media(max-width:768px){.search-box{padding:10px 15px 10px 40px;font-size:14px;border:2px solid var(--primary-light-3)}.search-icon{left:15px;font-size:16px}.search-tip{padding:12px 15px}.tip-suggestions{gap:6px}.no-results{padding:20px 15px}.no-results i{font-size:36px}}