/* 首页全宽样式覆盖 - 让内容区域延伸到整个页面 */

/* 英雄区域全宽样式 */
.hero-section {
    padding: 80px 0 60px 0 !important;
    margin: 0 0 40px 0 !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    max-width: none !important;
}

.hero-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    width: auto !important;
}

/* 分类区域全宽样式 */
.categories-section {
    padding: 60px 0 !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.section-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    width: auto !important;
}

/* 精品推荐区域全宽样式 */
.featured-section {
    padding: 60px 0 !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .hero-section {
        padding: 40px 0 !important;
    }
    
    .hero-container,
    .section-container {
        padding: 0 15px !important;
    }
    
    .categories-section,
    .featured-section {
        padding: 40px 0 !important;
    }
}

/* 确保主要内容区域不被限制 */
main.content {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}