/* 修复100%缩放时的布局问题 - 响应式修复 */

/* 全局容器修复 */
html, body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
}

.container-fluid {
    box-sizing: border-box;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

/* 确保row在所有情况下正确显示 */
.row {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

.row.justify-content-center {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 修复col类在所有屏幕尺寸下的显示 */
[class*="col-"] {
    box-sizing: border-box;
    max-width: 100%;
}

/* 修复中等屏幕（可能导致100%缩放时的问题） */
@media (min-width: 993px) and (max-width: 1399px) {
    .content-wrapper {
        padding: 1.5rem 2rem !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
    
    .row.justify-content-center > [class*="col-"] {
        max-width: 100%;
    }
    
    .form-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto;
        box-sizing: border-box;
    }
}

/* 修复100%缩放时的特定问题（1200px-1400px屏幕） */
@media (min-width: 1200px) and (max-width: 1399px) {
    .col-lg-8 {
        max-width: 66.666667%;
        flex: 0 0 66.666667%;
    }
    
    .col-md-10 {
        max-width: 83.333333%;
        flex: 0 0 83.333333%;
    }
    
    /* 确保表单卡片不会溢出 */
    .form-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* 确保主内容区在所有情况下都正确 */
.main-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* 修复表单卡片 */
.form-card {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* 修复content-wrapper在所有屏幕尺寸下 */
.content-wrapper {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}