/* ===== 电脑端特定样式 ===== */

/* 中等屏幕 */
@media (max-width: 1024px) {
    :root {
        --user-list-width: 200px;
        --sidebar-width: 250px;
    }
}

/* 桌面设备 */
@media (min-width: 769px) {
    .sidebar {
        transform: translateX(0);
    }

    .sidebar.closed {
        transform: translateX(-100%);
        position: absolute;
    }

    #chat-functions {
        transform: translateX(100%);
        right: 0;
        height: calc(100vh - var(--header-height));
    }

    #chat-functions.closed {
        transform: translateX(100%);
        position: absolute;
    }

    #chat-functions:not(.closed) {
        transform: translateX(0);
    }
}