/* ============================================================
   3-components / search-box.css
   搜索框组件（topbar 内嵌版 + large 变体）
   来源：styles.css L336–362, L4090–4092
   ============================================================ */

.search-box { position: relative; width: 240px; margin-left: 16px; }

.search-box input {
    width: 100%;
    height: 36px;
    padding: 0 16px 0 38px;
    background: var(--bg-input);
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    font-size: 13px;
    transition: var(--transition);
}

.search-box input::placeholder { color: var(--text-placeholder); }
.search-box input:focus { outline: none; background: var(--bg-card); border-color: var(--border-default); }

.search-box svg {
    position: absolute;
    left: 12px; top: 50%;
    transform: translateY(-50%);
    width: 16px; height: 16px;
    color: var(--text-tertiary);
    pointer-events: none;
}

/* Large 变体（搜索结果页） */
.search-box.large { width: 100%; max-width: 600px; }
.search-box.large input { height: 44px; font-size: 15px; }