/* 品牌详情页面手机端样式 - 只针对768px以下设备 */
@media (max-width: 768px) {
    /* 品牌详情页面主容器 */
    .brand-detail-page .brand_main .container {
        flex-direction: column;
        padding: 0 1.5rem;
    }

    /* 品牌头部信息 */
    .brand-detail-page .brand_header {
        background: white;
        border-radius: 1rem;
        padding: 2.5rem 2rem;
        margin-bottom: 2rem;
        box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);
        text-align: center;
    }

    .brand-detail-page .brand_logo {
        width: 12rem;
        height: 8rem;
        margin: 0 auto 2rem auto;
        background: #f8f9fa;
        border-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .brand-detail-page .brand_logo img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .brand-detail-page .brand_name {
        font-size: 2.4rem;
        font-weight: 700;
        color: #333;
        margin-bottom: 1rem;
    }

    .brand-detail-page .brand_subtitle {
        font-size: 1.6rem;
        color: #666;
        margin-bottom: 2rem;
        line-height: 1.4;
    }

    .brand-detail-page .brand_tags {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem;
        justify-content: center;
        margin-bottom: 2rem;
    }

    .brand-detail-page .tag_item {
        background: #e3f2fd;
        color: #1976d2;
        padding: 0.6rem 1.2rem;
        border-radius: 0.5rem;
        font-size: 1.3rem;
        font-weight: 500;
    }

    /* 品牌统计信息 */
    .brand-detail-page .brand_stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        margin-top: 2rem;
    }

    .brand-detail-page .stat_item {
        text-align: center;
        padding: 1.5rem;
        background: #f8f9fa;
        border-radius: 0.8rem;
    }

    .brand-detail-page .stat_number {
        font-size: 2rem;
        font-weight: 700;
        color: #036FBE;
        margin-bottom: 0.5rem;
    }

    .brand-detail-page .stat_label {
        font-size: 1.3rem;
        color: #666;
    }

    /* 品牌描述 */
    .brand-detail-page .brand_description {
        background: white;
        border-radius: 1rem;
        padding: 2.5rem 2rem;
        margin-bottom: 2rem;
        box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);
    }

    .brand-detail-page .description_title {
        font-size: 2rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 0.2rem solid #f0f0f0;
    }

    .brand-detail-page .description_content {
        color: #666;
        font-size: 1.5rem;
        line-height: 1.7;
    }

    .brand-detail-page .description_content p {
        margin-bottom: 1.5rem;
    }

    .brand-detail-page .description_content ul,
    .brand-detail-page .description_content ol {
        margin-bottom: 1.5rem;
        padding-left: 2rem;
    }

    .brand-detail-page .description_content li {
        margin-bottom: 0.8rem;
    }

    /* 品牌产品分类 */
    .brand-detail-page .brand_categories {
        background: white;
        border-radius: 1rem;
        padding: 2rem;
        margin-bottom: 2rem;
        box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);
    }

    .brand-detail-page .categories_title {
        font-size: 1.8rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 0.2rem solid #f0f0f0;
    }

    .brand-detail-page .categories_list {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem;
    }

    .brand-detail-page .category_item {
        display: block;
        padding: 1rem 1.5rem;
        background: #f8f9fa;
        color: #666;
        text-decoration: none;
        border-radius: 0.8rem;
        font-size: 1.4rem;
        transition: all 0.3s ease;
        text-align: center;
    }

    .brand-detail-page .category_item:hover {
        background: #036FBE;
        color: white;
    }

    /* 产品系列项目链接样式 */
    .brand-detail-page .series_item_link {
        display: block;
        text-decoration: none;
        color: inherit;
    }

    .brand-detail-page .series_item_link:hover {
        text-decoration: none;
        color: inherit;
    }

    .brand-detail-page .category_count {
        display: block;
        font-size: 1.2rem;
        margin-top: 0.5rem;
        opacity: 0.8;
    }

    /* 品牌产品列表 */
    .brand-detail-page .brand_products {
        margin-bottom: 3rem;
    }

    .brand-detail-page .products_title {
        font-size: 2.2rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 2rem;
        text-align: center;
    }

    .brand-detail-page .products_grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .brand-detail-page .product_item {
        background: white;
        border-radius: 1rem;
        overflow: hidden;
        box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .brand-detail-page .product_item:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.12);
    }

    .brand-detail-page .product_image {
        height: 20rem;
        background: #f8f9fa;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.5rem;
        overflow: hidden;
    }

    .brand-detail-page .product_image img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .brand-detail-page .product_info {
        padding: 2rem;
    }

    .brand-detail-page .product_title {
        font-size: 1.6rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 1rem;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .brand-detail-page .product_title a {
        color: inherit;
        text-decoration: none;
    }

    .brand-detail-page .product_title a:hover {
        color: #036FBE;
    }

    .brand-detail-page .product_desc {
        color: #666;
        font-size: 1.4rem;
        line-height: 1.5;
        margin-bottom: 1.5rem;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .brand-detail-page .product_params {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .brand-detail-page .param_item {
        background: #e3f2fd;
        color: #1976d2;
        padding: 0.3rem 0.8rem;
        border-radius: 0.3rem;
        font-size: 1.2rem;
        font-weight: 500;
    }

    .brand-detail-page .product_btn {
        display: inline-block;
        background: #036FBE;
        color: white;
        padding: 1rem 2rem;
        border-radius: 0.5rem;
        text-decoration: none;
        font-size: 1.4rem;
        font-weight: 500;
        transition: background 0.3s ease;
        width: 100%;
        text-align: center;
    }

    .brand-detail-page .product_btn:hover {
        background: #025a9e;
        color: white;
    }

    /* 品牌联系信息 */
    .brand-detail-page .brand_contact {
        background: white;
        border-radius: 1rem;
        padding: 2.5rem 2rem;
        margin-bottom: 2rem;
        box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);
    }

    .brand-detail-page .contact_title {
        font-size: 1.8rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 0.2rem solid #f0f0f0;
    }

    .brand-detail-page .contact_info {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .brand-detail-page .contact_item {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.2rem;
        background: #f8f9fa;
        border-radius: 0.8rem;
    }

    .brand-detail-page .contact_icon {
        flex: 0 0 4rem;
        height: 4rem;
        background: #036FBE;
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .brand-detail-page .contact_text {
        flex: 1;
    }

    .brand-detail-page .contact_label {
        font-size: 1.2rem;
        color: #999;
        margin-bottom: 0.3rem;
    }

    .brand-detail-page .contact_value {
        font-size: 1.4rem;
        color: #333;
        font-weight: 500;
    }

    .brand-detail-page .contact_value a {
        color: inherit;
        text-decoration: none;
    }

    .brand-detail-page .contact_value a:hover {
        color: #036FBE;
    }

    /* 分页 */
    .brand-detail-page .pagination {
        margin-top: 3rem;
        text-align: center;
    }

    .brand-detail-page .pagination_nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 1rem;
        flex-wrap: wrap;
    }

    .brand-detail-page .page_btn,
    .brand-detail-page .page_arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        border-radius: 0.5rem;
        text-decoration: none;
        font-size: 1.4rem;
        transition: all 0.3s ease;
        background: white;
        color: #666;
        border: 0.1rem solid #e0e0e0;
    }

    .brand-detail-page .page_btn:hover,
    .brand-detail-page .page_arrow:hover {
        background: #036FBE;
        color: white;
        border-color: #036FBE;
    }

    .brand-detail-page .page_btn.active {
        background: #036FBE;
        color: white;
        border-color: #036FBE;
    }

    .brand-detail-page .page_info {
        color: #666;
        font-size: 1.3rem;
    }

    /* 面包屑导航 */
    .brand-detail-page .site_breadcrumb {
        padding: 1.5rem 0;
        background: #f8f9fa;
    }

    .brand-detail-page .breadcrumb_nav {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        font-size: 1.3rem;
        flex-wrap: wrap;
    }

    .brand-detail-page .breadcrumb_nav a {
        color: #666;
        text-decoration: none;
    }

    .brand-detail-page .breadcrumb_nav a:hover {
        color: #036FBE;
    }

    .brand-detail-page .breadcrumb_nav span {
        color: #999;
    }

    /* 返回按钮 */
    .brand-detail-page .back_btn {
        display: inline-flex;
        align-items: center;
        gap: 0.8rem;
        padding: 1rem 2rem;
        background: #f8f9fa;
        color: #666;
        text-decoration: none;
        border-radius: 0.8rem;
        font-size: 1.4rem;
        margin-bottom: 2rem;
        transition: all 0.3s ease;
    }

    .brand-detail-page .back_btn:hover {
        background: #036FBE;
        color: white;
    }
}