/* 全局响应式修复 */

/* 移动端基础样式 */
@media all and (max-width: 767px) {
    /* 修复固定宽度问题 */
    .content-wrapper,
    #block-oval-breadcrumbs,
    .region-front-news,
    .region-front-v-events,
    .region-front-vip,
    .region-front-links,
    #block-oval-main-menu ul.menu {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 8px;
        box-sizing: border-box;
    }
    
    /* 修复浮动布局 */
    .sidebar-first .section-sidebar,
    .sidebar-first .section-content,
    .section-news .block-views,
    .section-v-events .block-views,
    .region-front-vip .vip-home-left,
    .region-front-vip .vip-home-right,
    .vip-home-left .vip-link-item {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 16px;
    }
    
    /* 修复图片响应式 */
    img {
        max-width: 100%;
        height: auto;
    }
    
    .page-header #block-views-block-slider-block-bigslider .views-field-field-slider-image img,
    .section-banner .banner-image img {
        width: 100%;
        height: auto;
        margin-left: 0 !important;
        object-fit: cover;
    }
    
    /* 修复间距 */
    .path-frontpage .section-news,
    .path-frontpage .section-v-events,
    .path-frontpage .section-vip,
    .path-frontpage .section-links {
        padding: 24px 0;
    }
    
    .region-footer {
        padding: 24px 16px;
    }
    
    /* 修复字体大小 */
    .section-news .block-title,
    .section-v-events .block-title,
    .region-front-vip .block-title,
    .region-front-links .block-title,
    #block-oval-page-title .page-title {
        font-size: 20px;
        padding-left: 28px;
        background-size: 18px;
    }
    
    /* 修复VIP链接 */
    .vip-home-left .vip-link-item a {
        padding: 20px 10px;
        font-size: 16px;
    }
}

/* 平板横屏 */
@media all and (min-width: 768px) and (max-width: 1024px) {
    .content-wrapper,
    .region-front-news,
    .region-front-v-events,
    .region-front-vip,
    .region-front-links {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 16px;
        box-sizing: border-box;
    }
    
    .section-news .block-views,
    .section-v-events .block-views {
        width: 48% !important;
    }
    
    .section-news #block-views-block-news-block-4,
    .section-v-events #block-views-block-news-block-3-2 {
        padding-right: 10px;
    }
    
    .vip-home-left .vip-link-item {
        width: 48% !important;
        margin-right: 4% !important;
    }
    
    .vip-home-left .vip-link-item:nth-child(2n) {
        margin-right: 0 !important;
    }
}

/* 通用响应式规则 */
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* 修复视口 */
@viewport {
    width: device-width;
    initial-scale: 1;
}