.search-wrap{position:relative}
.search{width:100%;height:64px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);outline:none;padding:0 88px 0 56px;color:var(--ink);font-size:17px;box-shadow:var(--shadow-sm),var(--shadow-md);transition:border-color .15s ease,box-shadow .15s ease}
.search::placeholder{color:var(--muted)}
.search:focus{border-color:#a5c8fa;box-shadow:0 0 0 4px var(--ring),var(--shadow-md)}
.icon-search{position:absolute;left:20px;top:50%;width:22px;height:22px;transform:translateY(-50%);color:#8fb2e3;pointer-events:none;transition:color .15s ease}
.search-wrap:focus-within .icon-search{color:var(--blue)}
.search-btn{position:absolute;top:1px;right:1px;bottom:1px;width:66px;border:0;background:var(--blue);border-radius:0 calc(var(--r-lg) - 1px) calc(var(--r-lg) - 1px) 0;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.search-btn svg{width:22px;height:22px;display:block}
.search-btn:hover{background:var(--blue-deep);box-shadow:0 6px 16px rgba(47,115,232,.35)}
.search-btn:active{background:var(--blue-deeper);box-shadow:none}
.search-btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.suggestions{display:none;position:absolute;z-index:5;left:0;right:0;top:calc(100% + 10px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;text-align:left;box-shadow:var(--shadow-lg);animation:drop .18s ease both;margin:0;padding:0;list-style:none}
.s-item{min-height:56px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eef2f8;cursor:pointer;transition:background .12s ease}
.s-item:last-child{border-bottom:0}
.s-item:hover,.s-item.is-active{background:var(--blue-soft)}
.s-word{flex:none;font-weight:600;color:var(--ink);font-size:16px}
.s-word .hl{color:var(--blue)}
.s-trans{flex:1 1 auto;min-width:0;text-align:right;font-size:13px;color:var(--ink-2);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-empty{padding:16px 20px;font-size:13px;color:var(--muted);text-align:center}