/* ============================================================
 * pullsearch.css
 * PullSearch 下拉搜索胶囊样式（从 app-shell.css 迁出，独立维护）
 * ------------------------------------------------------------
 * 视觉配方复用联机「打字」小窗（container.css .mg-chat-overlay-panel）：
 *   顶部毛玻璃胶囊 + 透明输入框。差异：
 *   - 无全屏遮罩：overlay pointer-events:none 穿透，列表始终可见可滚动，
 *     点胶囊外 = 页面正常交互 = input 失焦（query 为空即自动收起）
 *   - 底色改用深色半透明：三个视图都是浅色底，深底才能形成毛玻璃反差
 *   - 挂在 body 级，不在 .app-shell 内：app-shell.js 的键盘期横滑拦截
 *     只作用于 .app-shell 内部，胶囊输入天然不受影响
 * ============================================================ */
.ps-overlay {
    position: fixed;
    inset: 0;
    z-index: 4500;              /* 高于 PlainView(4000)，壳内弹层里也能弹出 */
    pointer-events: none;
}
/* 打开动画：从上方 8px 处滑入（150ms，只跑 transform/opacity） */
.ps-panel {
    display: flex;
    align-items: center;
    gap: 8px;
    width: min(560px, calc(100% - 24px));
    margin: calc(60px + env(safe-area-inset-top, 0px)) auto 0;
    padding: 1px 6px 1px 14px;
    background: rgba(20, 20, 28, 0.55);
    backdrop-filter: blur(20px) saturate(1.6);
    -webkit-backdrop-filter: blur(20px) saturate(1.6);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    pointer-events: auto;
    animation: ps-panel-in 0.15s ease-out;
}
@keyframes ps-panel-in {
    from { transform: translateY(-8px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}
/* 去掉 iOS 点按灰色高亮 */
.ps-overlay, .ps-overlay * { -webkit-tap-highlight-color: transparent; }
/* 输入框：透明底融进毛玻璃胶囊（同 container.css .mg-chat-input 配方） */
.ps-input {
    flex: 1;
    width: 100%;
    min-width: 0;
    height: 34px;
    box-sizing: border-box;
    padding: 0;
    font-size: 0.95rem;
    line-height: 34px;
    border: none;
    background: transparent;
    color: #fff;
    caret-color: #fff;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    font-family: inherit;
}
.ps-input::placeholder { color: rgba(255, 255, 255, 0.65); }
.ps-input:focus { outline: none; box-shadow: none; }
.ps-cancel {
    flex: none;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.88rem;
    padding: 6px 10px;
    cursor: pointer;
    font-family: inherit;
}
/* 按压 = 文字变深一档（原来是提亮成纯白，与全站「变深」范式相反） */
.ps-cancel:active { color: rgba(255, 255, 255, 0.6); }