/* ===== 主题变量 ===== */
:root{
    --bg:#f7f8fa;
    --card:#fff;
    --text:#1f2937;
    --text2:#6b7280;
    --border:#e5e7eb;
    --pri:#667eea;
    --pri-h:#5a6fd6;
    --pri-l:rgba(102,126,234,0.08);
    --ok:#10b981;
    --err:#ef4444;
    --sb-w:260px;
    --hdr:50px;
    --code-bg:#f6f8fa;
}

/* ===== 暗黑模式 ===== */
[data-theme="dark"]{
    --bg:#0f1117;
    --card:#1a1d2e;
    --text:#e2e8f0;
    --text2:#94a3b8;
    --border:#2d3348;
    --pri:#818cf8;
    --pri-h:#6366f1;
    --pri-l:rgba(129,140,248,0.1);
    --ok:#34d399;
    --err:#f87171;
    --code-bg:#1e2235;
}

[data-theme="dark"] .msg.assistant .av{background:#1b3329}
[data-theme="dark"] .msg.user .av{background:#1b2733}
[data-theme="dark"] .msg.user .bub{background:#1e3a5f}
[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#4b5563}

/* ===== 移动端适配增强 ===== */
@media(max-width:768px){
    :root{
        --sb-w:280px;
        --hdr:48px;
    }
    .md{max-width:96vw;max-height:88vh;border-radius:12px}
    .md-h{padding:14px 16px 0}
    .md-b{padding:12px 16px 16px}

    /* ✅ 修复：附件面板贴输入框上方、左右留 8px、不超出屏幕 */
    .att-pan{
        position:fixed;
        left:8px;
        right:8px;
        bottom:70px;
        top:auto;
        width:auto;
        max-height:60vh;
        overflow-y:auto;
        z-index:200;
        box-shadow:0 -4px 24px rgba(0,0,0,.15);
    }

    .hdr-acts button{font-size:14px;padding:6px}
    .hdr-acts{gap:0}
}

/* ===== 触屏优化 ===== */
@media(hover:none){
    .ci .ia{display:flex}
    .att-btn,.send,.btn{min-height:38px}
}