/*
响应式CSS - Bellwood Rewinds Theme
用于提供额外的移动端和平板端样式优化
Author: AI Assistant
Version: 1.0
*/

/* ===== 超小屏幕设备 (手机横屏, 480px 以下) ===== */
@media (max-width: 480px) {
    /* 容器优化 */
    .container {
        width: 100%;
        padding: 0 10px;
    }
    
    .container-l {
        padding:0;
    }
    
    /* 文字大小调整 */
    .section-title {
        font-size: 24px !important;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    
    .section-subtitle {
        font-size: 16px;
        margin-bottom: 30px;
    }
    
    .tophead {
        display:inherit;
    }
    /* 头部优化 */
    .site-logo {
        font-size: 24px !important;
        text-align: center;
    }
    
    .mobile-logo img{
        width:100%;
    }
    
    .site-logo img {
        width:100%;
    }
    
    .header-contact {
        overflow: hidden;
    }
    .header-contact a {
        font-size: 12px;
        margin-right: 8px;
        width: 31%;
        display: block;
        float: left;
        text-align: center;
        
    }
    
    .sell-generator-btn {
        font-size: 11px;
        padding: 4px 12px;
    }
    
    /* 导航菜单优化 */
    .nav-menu a {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    /* 品牌滚动横幅优化 */
    .brand-item {
        min-width: 100px !important;
        width: 100px !important;
        height: 60px !important;
        padding: 8px 5px;
    }
    
    .brand-item img {
        width: 70px !important;
        height: 35px !important;
    }
    
    .brand-item span {
        font-size: 8px !important;
        line-height: 1;
    }
    
    /* 产品卡片优化 */
    .product-showcase-card,
    .product-card {
        margin-bottom: 20px;
    }
    
    .product-showcase-content,
    .product-info {
        padding: 15px;
    }
    
    .product-showcase-title,
    .product-title {
        font-size: 16px;
        line-height: 1.4;
    }
    
    .product-showcase-price,
    .product-price {
        font-size: 20px;
    }
    
    /* 按钮优化 */
    .btn {
        padding: 10px 20px;
        font-size: 14px;
        margin: 8px 0;
        width: 100%;
        text-align: center;
    }
    
    /* 返回顶部按钮 */
    #back-to-top {
        width: 40px !important;
        height: 40px !important;
        font-size: 14px !important;
        bottom: 15px !important;
        right: 15px !important;
    }
    
    
    .finance-notice {
        font-size: 13px;
    }
    
    .noticel {
        display:inherit !important;
    }
    /* 客户评价移动端优化 */
    .reviews-swiper-container {
        padding: 0 30px !important;
    }
    
    .reviews-swiper-button-prev,
    .reviews-swiper-button-next {
        width: 35px !important;
        height: 35px !important;
    }
    
    .review-card {
        padding: 20px !important;
    }
    
    .review-title {
        font-size: 16px !important;
        margin-bottom: 12px !important;
        line-height: 1.3 !important;
    }
    
    .review-text {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-bottom: 15px !important;
    }
    
    .review-author {
        font-size: 13px !important;
    }
    
    .review-stars {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }
    
    /* 新闻版块移动端适配 */
    .latest-news {
        padding: 40px 0;
    }
    
    .news-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 30px;
    }
    
    .news-image {
        height: 180px;
    }
    
    .news-content {
        padding: 20px;
    }
    
    .news-title a {
        font-size: 16px;
    }
    
    .news-section-footer {
        margin-top: 40px;
    }
}

/* ===== 小屏幕设备 (手机竖屏, 481px - 767px) ===== */
@media (min-width: 481px) and (max-width: 767px) {
    /* 导航优化 */
    .nav-menu {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .nav-menu li {
        flex: 0 0 auto;
    }
    
    /* 产品网格 */
    .product-showcase-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .product-showcase-card {
        margin-bottom: 15px;
    }
    
    .product-showcase-image {
        height: 180px;
    }
    
    /* 品牌网格 */
    .brand-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    /* 特色横幅 */
    .banner-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    /* 客户评价优化 */
    .reviews-swiper-container {
        padding: 0 35px;
    }
    
    .reviews-swiper-button-prev,
    .reviews-swiper-button-next {
        width: 38px;
        height: 38px;
    }
    
    .review-card {
        padding: 25px;
    }
    
    .review-title {
        font-size: 17px;
    }
    
    .review-text {
        font-size: 14px;
    }
    
    /* 新闻版块小屏幕适配 */
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .news-image {
        height: 200px;
    }
}

/* ===== 中等屏幕设备 (平板, 768px - 1023px) ===== */
@media (min-width: 768px) and (max-width: 1023px) {
    /* 导航菜单平板优化 */
    .nav-menu a {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    /* 产品展示网格 */
    .product-showcase-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    /* 品牌网格 */
    .brand-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    
    /* 客户评价滑动优化 */
    .reviews-swiper-container {
        padding: 0 40px;
    }
    
    .reviews-swiper-button-prev,
    .reviews-swiper-button-next {
        width: 40px;
        height: 40px;
    }
    
    /* Hero区域 */
    .hero-content h1 {
        font-size: 42px;
    }
    
    .hero-content p {
        font-size: 18px;
    }
    
    /* 新闻版块平板适配 */
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .news-image {
        height: 200px;
    }
}

/* ===== 大屏幕设备 (桌面, 1024px - 1199px) ===== */
@media (min-width: 1024px) and (max-width: 1199px) {
    .container {
        max-width: 1000px;
    }
    
    /* 产品展示网格 */
    .product-showcase-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
    
    /* 品牌网格 */
    .brand-grid {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* ===== 超大屏幕设备 (大桌面, 1200px 以上) ===== */
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
    
    /* 产品展示网格 */
    .product-showcase-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    
    /* 品牌网格 */
    .brand-grid {
        grid-template-columns: repeat(8, 1fr);
    }
    
    /* 客户评价滑动优化 */
    .reviews-swiper-container {
        padding: 0 45px;
    }
}

/* ===== 超宽屏幕优化 (1400px 以上) ===== */
@media (min-width: 1400px) {
    .container {
        max-width: 1360px;
    }
    
    /* 产品展示网格 - 保持3列布局 */
    .product-showcase-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    
    /* 特色横幅 */
    .banner-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ===== 打印样式优化 ===== */
@media print {
    /* 隐藏不必要的元素 */
    .site-header,
    .main-navigation,
    .site-footer,
    #back-to-top,
    .sell-generator-btn {
        display: none !important;
    }
    
    /* 优化文字颜色 */
    body {
        color: black !important;
        background: white !important;
    }
    
    /* 优化链接显示 */
    a {
        color: black !important;
        text-decoration: underline !important;
    }
    
    /* 优化产品卡片 */
    .product-showcase-card,
    .product-card {
        break-inside: avoid;
        page-break-inside: avoid;
        margin-bottom: 20px;
        border: 1px solid #ccc;
    }
}

/* ===== 无障碍访问优化 ===== */
@media (prefers-reduced-motion: reduce) {
    /* 减少动画效果 */
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    /* 品牌横幅停止滚动 */
    .brand-swiper .swiper-wrapper {
        transform: none !important;
    }
}

/* ===== 高对比度模式优化 ===== */
@media (prefers-contrast: high) {
    /* 增强对比度 */
    .nav-menu a:hover,
    .product-showcase-link:hover {
        background-color: #000 !important;
        color: #fff !important;
    }
    
    .btn {
        border: 2px solid #000 !important;
    }
    
    .product-showcase-card,
    .product-card {
        border: 2px solid #000 !important;
    }
}

/* ===== 横屏模式优化 ===== */
@media (orientation: landscape) and (max-height: 600px) {
    /* 减少垂直间距 */
    .hero-section {
        padding: 40px 0;
    }
    
    .company-introduction,
    .generator-info-section,
    .product-showcase {
        padding: 30px 0;
    }
    
    .brand-scrolling-banner {
        padding: 20px 0;
    }
}

/* ===== 触摸设备优化 ===== */
@media (hover: none) and (pointer: coarse) {
    /* 增大可点击区域 */
    .nav-menu a,
    .btn,
    .product-showcase-link {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* 移除悬停效果 */
    .nav-menu a:hover,
    .btn:hover,
    .product-showcase-card:hover {
        transform: none;
    }
    
    /* 优化点击反馈 */
    .nav-menu a:active,
    .btn:active {
        background-color: rgba(29, 90, 133, 0.1);
    }
}

/* ===== Product Archive Page Responsive - 产品归档页面响应式 ===== */
@media (max-width: 1024px) and (min-width: 769px) {
    /* 平板端产品归档适配 */
    .archive-content {
        grid-template-columns: 250px 1fr;
        gap: 20px;
    }
    
    .product-filters {
        padding: 20px;
    }
    
    .brand-filters {
        grid-template-columns: 1fr;
    }
    
    .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        padding: 20px;
    }
}

@media (max-width: 768px) {
    /* 移动端产品归档适配 */
    .product-archive-container {
        padding: 20px 0;
    }
    
    .archive-header {
        padding: 25px 20px;
        margin-bottom: 20px;
    }
    
    .archive-title {
        font-size: 28px;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    
    .archive-description {
        font-size: 15px;
        line-height: 1.5;
    }
    
    .archive-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .product-filters {
        position: static;
        max-height: none;
        padding: 20px;
        order: 2;
    }
    
    .products-main {
        order: 1;
    }
    
    .filters-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .filter-title {
        font-size: 15px;
        margin-bottom: 12px;
    }
    
    .filter-group {
        margin-bottom: 20px;
    }
    
    .brand-filters {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }
    
    .brand-option {
        padding: 8px 4px;
        min-height: 50px;
    }
    
    .brand-logo {
        max-height: 30px;
    }
    
    .brand-text {
        font-size: 10px;
    }
    
    .products-toolbar {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
        padding: 15px 20px;
    }
    
    .results-count {
        text-align: center;
    }
    
    .products-sorting {
        text-align: center;
    }
    
    .products-sorting select {
        width: 100%;
    }
    
    .products-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
    }
    
    .product-item {
        max-width: none;
    }
    
    .product-image {
        height: 200px;
    }
    
    .product-info {
        padding: 15px;
    }
    
    .product-brand {
        margin-bottom: 10px;
    }
    
    .brand-logo-small {
        max-height: 20px;
        max-width: 60px;
    }
    
    .product-title a {
        font-size: 15px;
    }
    
    .product-price {
        font-size: 16px;
    }
    
    .products-pagination {
        padding: 20px 15px;
    }
    
    .products-pagination .page-numbers {
        padding: 6px 10px;
        margin: 0 2px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    /* 超小屏幕产品归档优化 */
    .archive-header {
        padding: 20px 15px;
    }
    
    .archive-title {
        font-size: 24px;
    }
    
    .product-filters {
        padding: 15px;
    }
    
    .brand-filters {
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
    }
    
    .brand-option {
        padding: 6px 4px;
        min-height: 40px;
    }
    
    .brand-logo {
        max-height: 25px;
    }
    
    .products-grid {
        padding: 15px;
        gap: 15px;
    }
    
    .product-info {
        padding: 12px;
    }
    
    .product-title a {
        font-size: 14px;
    }
    
    .products-pagination .page-numbers {
        padding: 5px 8px;
        font-size: 13px;
    }
}