/* 响应式布局
 * 定义网站在不同屏幕尺寸下的显示规则
 */

/* 移动设备布局调整 */
@media (max-width: 640px) {
    /* 水平滚动容器宽度限制 */
    .key-scroll-container {
        max-width: calc(100vw - 3rem);
    }
    
    /* 可以在这里添加其他移动端特定的样式调整 */
}

/* 平板设备布局调整可以在此添加 */
/* @media (min-width: 641px) and (max-width: 1024px) {
} */

/* 大屏幕设备布局调整可以在此添加 */
/* @media (min-width: 1025px) {
} */