/* 移动端宽度优化 */

/* 确保页面在移动设备上全屏显示 */
html, body {
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* 重置容器宽度限制 */
.container, .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 调整导航栏 */
#navigation-bar {
    width: 100% !important;
}

/* 调整头部区域 */
.header {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 调整内容区域 */
.post-thankyou, .callout-outer, .home-teasers {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    /* 确保所有列在移动端全屏显示 */
    [class^="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* 调整视频弹窗 */
    .video-modal {
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}