/* 全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 禁止移动端双指缩放 */
html, body {
    touch-action: pan-x pan-y; /* 只允许单指平移，禁止双指缩放 */
    -ms-touch-action: pan-x pan-y; /* IE10+ */
    -webkit-touch-callout: none; /* 禁止长按弹出菜单 */
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    padding: 0;
    margin: 0;
    overflow-x: hidden; /* 防止水平滚动 */
}

/* PC端窄屏设置 - 统一管理 */
/* Laravel社区推荐：PC端最大宽度800px，居中显示，移动端100%宽度 */
.page-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 768px) {
    .page-wrapper {
        max-width: 800px; /* PC端最大宽度，统一管理 */
    }
}

.main-container {
    width: 100%;
    margin: 0;
    background: white;
    border-radius: 0;
    padding: 20px;
    padding-bottom: 100px; /* 为底部固定栏留出空间 */
    box-shadow: none;
    min-height: 100vh;
}

@media (min-width: 768px) {
    .main-container {
        padding: 40px;
        padding-bottom: 100px;
    }
}

/* PC端导航栏窄屏设置 */
@media (min-width: 768px) {
    .navbar.fixed-top {
        max-width: 800px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    
    .navbar.fixed-top .container-fluid {
        max-width: 800px;
        margin: 0 auto;
    }
}

/* 底部固定栏窄屏设置 */
@media (min-width: 768px) {
    .fixed-bottom {
        max-width: 800px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    
    .fixed-bottom .page-wrapper {
        max-width: 100%;
        margin: 0;
    }
}