/* 平板适配 (768px - 1024px) */

@media (min-width: 768px) {
    :root {
        --font-size-base: 14px;
        --avatar-size: 44px;
    }

    .main-content {
        padding: var(--space-xl);
    }

    .messages-container {
        max-width: 720px;
        margin: 0 auto;
    }

    .message-bubble {
        max-width: 70%;
    }

    .sidebar {
        width: 320px;
    }
}

/* 针对平板模式（768px-1023px）的特定设置 */
@media (min-width: 768px) and (max-width: 1023px) {
    /* 只在平板范围内显示返回按钮（侧边栏隐藏，底部导航栏未显示） */
    .navbar-back {
        display: flex !important;
    }
}