/* ============================ 移动端适配 ============================ */
@media (max-width: 768px) {
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        height: 100dvh;
        z-index: 100;
        transform: translateX(-100%);
        transition: transform var(--duration-base) var(--ease);
        box-shadow: var(--shadow-lg);
        width: min(86vw, 300px);
    }
    .sidebar.open { transform: translateX(0); }
    .sidebar-toggle { display: inline-flex; }
    /* 移动端不用桌面折叠工具栏与顶栏新建对话图标:抽屉里已有大按钮入口 */
    .sidebar-toolbar { display: none; }
    .header-newchat-btn { display: none; }
    /* 移动端始终用抽屉,不复用桌面 sidebar-collapsed 折叠态 */
    body.sidebar-collapsed .sidebar {
        width: min(86vw, 300px);
        border-right-color: var(--color-border);
        overflow: visible;
    }

    .chat-messages { padding: 16px 12px 8px; }
    .chat-input-area { padding: 6px 12px 14px; }
    .message { gap: 10px; margin-bottom: 22px; }
    .message > div:not(.message-avatar) { max-width: calc(100% - 42px); }

    .message-content table { font-size: 0.84rem; }
    .message-content th,
    .message-content td { padding: 0.55rem 0.65rem; }
    .message-content td { max-width: 220px; }

    .scroll-to-bottom-btn { bottom: 120px; }

    /* 抽屉内:站点入口/会话列表/底部用户卡片垂直排布。.sidebar 为 flex 列且 100dvh,
       会话列表 flex:1 占据中部并滚动,底部用户卡片自然固定在抽屉底部。 */
    .sidebar-nav-item { min-height: 44px; }       /* 触摸目标 ≥44px */
    .user-menu-item { min-height: 44px; }
    .sidebar-footer {
        /* 尊重 iOS 底部安全区,卡片不被 home indicator 遮挡 */
        padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    }
}