.search-container{position:fixed;top:10px;left:20px;z-index:1001;display:flex;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.85) 100%);padding:5px 15px;border-radius:5px;box-shadow:0 4px 20px rgba(0,0,0,0.12),0 1px 5px rgba(0,0,0,0.05);backdrop-filter:blur(5px);border:2px solid #8B4513;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none" stroke="%238B4513" stroke-width="1" stroke-dasharray="5,3"/></svg>');background-size:20px 20px}.search-input{border:none;outline:none;background:transparent;padding:8px 15px;font-size:14px;width:200px;color:#333;font-family:"SimSun",serif}.search-button{background:#8B4513;border:1px solid #6D3510;outline:none;color:white;padding:8px 15px;border-radius:3px;cursor:pointer;font-size:14px;transition:background-color 0.3s;font-family:"SimSun",serif}.search-button:hover{background:#6D3510}.search-note{position:fixed;top:55px;left:20px;z-index:1001;background:rgba(255,255,255,0.8);padding:5px 10px;border-radius:8px;font-size:12px;color:#666;white-space:nowrap}.search-results{position:fixed;top:60px;left:20px;z-index:1002;background:white;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.15);max-height:200px;overflow-y:auto;width:300px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),visibility 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1)}.search-results.show{opacity:1;visibility:visible;transform:translateY(0)}.result-item{padding:10px 15px;cursor:pointer;transition:background-color 0.2s;border-bottom:1px solid #f0f0f0}.result-item:hover{background-color:#f8f8f8}.result-item:last-child{border-bottom:none}@media (max-width:768px){.search-container{left:50%;transform:translateX(-50%);top:120px;width:90%;max-width:300px;z-index:1001}.search-input{width:100%}.search-note{top:175px;left:50%;transform:translateX(-50%);z-index:1001}.search-results{top:180px;left:50%;transform:translateX(-50%);width:90%;max-width:300px;z-index:1002}}