.as-live-search-wrapper{position:relative;max-width:680px;margin:8px auto;font-family:Arial,Helvetica,sans-serif}
.as-search-input-wrap{display:flex;align-items:center;border:1px solid #333;border-radius:6px;overflow:hidden;background:#1A1A1A}
.as-search-input{flex:1;padding:10px 36px 10px 12px;border:0;outline:none;font-size:15px;background:#1A1A1A;color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 24 24'%3E%3Cpath d='M21 20l-5.6-5.6a7 7 0 1 0-1.4 1.4L20 21zM5 10a5 5 0 1 1 10 0 5 5 0 0 1-10 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px}
.as-search-input::placeholder{color:#aaa}
.as-search-clear{background:transparent;border:0;padding:0 12px;font-size:20px;cursor:pointer;color:#fff}
.as-search-results{position:absolute;left:0;right:0;top:100%;z-index:999;background:#1A1A1A;border:1px solid #333;border-top:0;box-shadow:0 6px 18px rgba(0,0,0,0.3);max-height:420px;overflow:auto;display:none;color:#fff}
.as-live-search-wrapper.open .as-search-results{display:block}
.as-result-item{display:flex;gap:10px;padding:10px;border-bottom:1px solid #333;text-decoration:none;color:#fff;align-items:center}
.as-result-item:hover,.as-result-item.active{background:#333}
.as-thumb{width:64px;height:64px;flex:0 0 64px;overflow:hidden;border-radius:6px;background:#444;display:flex;align-items:center;justify-content:center}
.as-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.as-meta{flex:1;min-width:0}
.as-title{font-weight:600;margin-bottom:6px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.as-excerpt{font-size:13px;color:#bbb;line-height:1.2;max-height:38px;overflow:hidden;text-overflow:ellipsis}
.as-no-results{padding:12px;color:#bbb}
@media (max-width:600px){
  .as-live-search-wrapper{padding:0 12px}
  .as-thumb{width:56px;height:56px}
  .as-title{font-size:14px}
}