/* ============================================================
 * 搜索页样式 (search.css) — 空态页 / 结果页共用
 * 顶部：返回 + 真·输入框 + 搜索按钮
 * 复用：global.css 主题变量；结果网格复用 home.css 的 .drama-grid / .drama-card
 * ============================================================ */

/* —— 顶部搜索头：返回箭头 + 表单（输入框 + 按钮） —— */
.search-header {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 16px;
}
.search-back {
    display: flex; align-items: center;
    color: var(--text);
    text-decoration: none;
}
.search-back i { width: 22px; height: 22px; }
.search-form {
    flex: 1; min-width: 0;
    display: flex; align-items: center; gap: 10px;
}
.search-input {
    flex: 1; min-width: 0;
    display: flex; align-items: center; gap: 8px;
    background: #1C1C1E;
    border-radius: var(--radius-full);
    padding: 8px 16px;
}
.search-input input {
    flex: 1; min-width: 0;
    background: transparent; border: none; outline: none;
    color: var(--text); font-size: 14px;
    font-family: var(--font-main);
}
.search-input input::placeholder { color: #8E8E93; }
.search-btn {
    flex: 0 0 auto;
    background: var(--primary-gradient);
    color: #fff; border: none;
    border-radius: var(--radius-full);
    padding: 8px 18px;
    font-size: 14px; font-weight: 600;
    font-family: var(--font-main);
    cursor: pointer; white-space: nowrap;
}

/* —— 空态：居中提示（无热搜 / 无历史 / 无猜你喜欢） ——
   需配合页面内联 .view { display:flex; flex-direction:column } 让本块 flex:1 撑满 */
.search-empty {
    flex: 1;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    color: var(--text-muted);
    gap: 16px;
}
.search-empty i { width: 56px; height: 56px; color: #3A3A3C; }
.search-empty p { font-size: 14px; }

/* —— 结果页：结果计数行 —— */
.search-meta {
    padding: 4px 20px 12px;
    font-size: 12px; color: var(--text-muted);
}
.search-meta strong { color: var(--text); font-weight: 600; }