/**
 * Terminal page specific styles
 * These styles are specifically for the terminal.html page to ensure proper scrolling
 */

html, body {
    height: auto !important;
    min-height: 100%;
    overflow-y: auto !important;
    overflow-x: hidden;
    position: relative !important;
}

body {
    display: block !important;
}

main {
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

#server-container {
    overflow: visible;
    position: relative;
    z-index: 2;
}

.server-card {
    height: auto !important;
    min-height: 280px;
}

/* 防止滚动条显示/隐藏时的布局跳动 */
html {
    scrollbar-gutter: stable;
}

/* Fix for mobile scrolling */
@media (max-width: 768px) {
    html, body {
        -webkit-overflow-scrolling: touch;
    }
    
    main {
        min-height: 100vh;
    }
}