.nav-search{display:flex;align-items:center;margin-left:8px}
.nav-search input{width:150px;border:1px solid var(--line);border-radius:999px;padding:8px 12px 8px 32px;font:inherit;font-size:.9rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5a50' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 10px center}
.nav-search input:focus{outline:2px solid var(--green-500);outline-offset:1px;width:190px}
@media (max-width:900px){.nav-search{margin:8px 0 4px}.nav-search input,.nav-search input:focus{width:100%;font-size:1rem;padding:12px 14px 12px 36px}}
.search-page{padding-top:32px;padding-bottom:56px;max-width:860px}
.search-page h1{margin:0 0 16px}
.search-big input{width:100%;box-sizing:border-box;font:inherit;font-size:1.15rem;padding:14px 16px;border:2px solid var(--green-700);border-radius:12px;background:#fff}
.search-big input:focus{outline:3px solid var(--green-100)}
.search-hint{margin:8px 0 4px;font-size:.9rem}
.sr-h{font-size:1.1rem;margin:28px 0 10px}
.sr-list{display:grid;gap:10px}
.sr-item{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.sr-item:hover,.sr-item:focus{border-color:var(--green-500);background:var(--green-50)}
.sr-item img{width:56px;height:auto;max-height:98px;object-fit:cover;border-radius:6px;flex:none}
.sr-noimg{width:56px;height:56px;border-radius:6px;background:var(--green-100);flex:none}
.sr-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.sr-name{font-weight:700;color:var(--green-900)}
.sr-code{display:inline-block;background:var(--green-700);color:#fff;border-radius:6px;padding:0 6px;font-size:.85em;margin-right:2px}
.sr-badge{align-self:flex-start;font-size:.75rem;font-weight:700;color:var(--green-700);background:var(--green-100);border-radius:999px;padding:1px 8px}
.sr-desc{font-size:.88rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr-none{padding:20px;background:var(--green-50);border-radius:12px}
.search-icon{display:none;margin-left:auto;padding:10px;color:var(--ink)}
.search-icon svg{display:block}
@media (max-width:900px){.search-icon{display:block}}
.nav-search{position:relative}
.suggest{position:absolute;top:calc(100% + 6px);left:0;width:340px;max-width:92vw;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14);z-index:50}
.suggest li a{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:.92rem;line-height:1.3}
.suggest li a:hover,.suggest li[aria-selected=true] a{background:var(--green-50)}
.suggest img{width:28px;height:auto;max-height:48px;object-fit:cover;border-radius:4px;flex:none}
.sg-dot{width:28px;height:28px;border-radius:6px;background:var(--green-100);flex:none}
.suggest b{background:var(--green-700);color:#fff;border-radius:5px;padding:0 5px;font-size:.82em}
@media (max-width:900px){.suggest{position:static;width:auto;max-width:none;box-shadow:none;margin-top:6px}}