.product_read_box {
    width: 100%;
    padding-top: calc(8px + 4rem);
    padding-bottom: calc(12px + 5rem);
    margin-top: 2rem;
}

.product_read {
    max-width: 1640px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FAF9F6;

}

.product_read_pic {
    width: 60.9756%;
    height: calc(200px + 40rem);
    border-radius: calc(10px + 1rem);
}

.product_read_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(10px + 1rem);
}

.product_read_text {
    width: 29.0244%;
    margin-right: calc(8px + 4rem);
}

.product_read_text .p1 {
    font-family: Source_Han_Regular;
    font-weight: 400;
    font-size: calc(4px + 1rem);
    color: #333333;
    line-height: calc(5px + 1.5rem);
}

.product_read_text .p2 {
    font-family: DM Sans, DM Sans;
font-weight: 600;
font-size: 36px;
color: #CF2734;
line-height: 47px;
text-align: left;
font-style: normal;
text-transform: none;
}

.product_read_text .line {
    width: calc(18px + 2rem);
    height: calc(2px + 0.1rem);
    background: #A22124;
    margin-top: calc(1px + 1rem);
    padding-left: 1px;

}
.product_read_text .p3{
    margin-top: calc(5px + 1.5rem);
}
.product_read_text .p3 p{
    font-family: Source_Han_normal;
    font-weight: 350;
    font-size: calc(8px + 0.5rem);
    color: #666666;
    line-height: calc(10px + 1.5rem);

}
.product_read_text .p4{
    font-family: Source_Han_normal;
    font-weight: 350;
    font-size: calc(8px + 0.5rem);
    color: #666666;
    line-height: calc(10px + 1.5rem);
    margin-top: calc(8px + 0.5rem);
}
.product_read_text .p5{
    font-family: Source_Han_normal;
    font-weight: 350;
    font-size: calc(8px + 0.5rem);
    color: #666666;
    line-height: calc(10px + 1.5rem);
    margin-top: calc(1px + 0.25rem);
}
.other_color{
    margin-top: calc(5px + 2rem);
}
.other_color p{
font-family: Source_Han_normal;
font-weight: 350;
font-size: calc(8px + 0.5rem);
color: #666666;
line-height: calc(10px + 1.5rem);
}
/* 色卡：横向排列 + 间距（一行 6 个，单个 50×50） */
.other_color .other_color_swiper{
    width: calc(60px + 20rem);
    margin-top: calc(1px + 1rem);
    display: flex;
    flex-wrap: wrap;
    gap: calc(0px + 1rem);
}
.other_color .color_pic{
    width: calc(2px + 3rem);
    height: calc(2px + 3rem);
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: calc(5px + 0.25rem);
}
.other_color .color_pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(5px + 0.25rem);
}
.product_btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(16px + 2rem);
    margin-top: calc(5px + 5rem);
}
.product_btn .back{
    width: calc(100px + 5rem);
height: calc(6px + 3rem);
background: #F0F1F3;
border-radius: calc(7px + 10rem);
}
.product_btn .back a{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: calc(9px + 1rem);
font-family: Source_Han_Light;
font-weight: 600;
font-size: calc(8px + 0.5rem);
color: #333333;
line-height: calc(6px + 1rem);
}
.product_btn .back a img{
    width: calc(5px + 0.5rem);
}
.product_btn .contact{
    width: calc(100px + 5rem);
height: calc(6px + 3rem);
background: #A22124;
border-radius: calc(7px + 10rem);
}
.product_btn .contact a{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: calc(9px + 1rem);
font-family: Source_Han_Light;
font-weight: 600;
font-size: calc(8px + 0.5rem);
color: #ffffff;
line-height: calc(6px + 1rem);
}
.product_btn .contact a img{
    width: calc(5px + 0.5rem);
}



@media (max-width: 1100px){
    .product_read_pic{
        width: 100%;
        height: calc(166px + 40rem);
        margin-bottom: calc(10px + 1rem);
    }
    .product_read_text{
        width: 100%;
    }
    .product_read_text .p1{
        font-size: calc(12px + 1rem);
        line-height: 1.5;
    }
    .product_read_text .p2{
        font-size: calc(16px + 1rem);
        line-height: 1.5;
    }
    .product_read_text .p3 p{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .product_read_text .p4{
        font-size: calc(10px + 1rem);
        line-height: 1.5; 
    }
    .product_read_text .p5{
        font-size: calc(10px + 1rem);
        line-height: 1.5; 
    }
    .other_color p{
        font-size: calc(10px + 1rem);
        line-height: 1.5; 
    }
    .other_color .other_color_swiper{
        width: 100%;
    }
    .other_color .color_pic {
        width: calc(20px + 2rem);
        height: calc(20px + 2rem);
    }
    .product_btn .back a{
        font-size: calc(10px + 1rem);
    }
    .product_btn .back a img {
        width: calc(11px + 0.5rem);
    }
    .product_btn .back {
        width: calc(100px + 5rem);
        height: calc(20px + 3rem);
        background: #F0F1F3;
        border-radius: calc(7px + 10rem);
    }
    .product_btn .contact a{
        font-size: calc(10px + 1rem);
    }
    .product_btn .contact a img {
        width: calc(11px + 0.5rem);
    }
    .product_btn .contact {
        width: calc(100px + 5rem);
        height: calc(20px + 3rem);
     
       
    }
}

/* =========================================
   Download Center（图一布局 + 图二~图五标注）
   两张卡片即上一个/下一个产品，数据 $prev_page/$next_page
   ========================================= */
.download_box {
    width: 100%;
    padding-bottom: calc(12px + 6rem);
}

.download {
    max-width: 1640px;
    width: 85%;
    margin: auto;
}

/* 图二：标题 DM Sans 600 / 48px / 行高62 / #333333 */
.download_title {
    margin: 0;
    font-family: "DM Sans", "DM_Sans_regular", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 62px;
    color: #333333;
    text-align: left;
}

/* 标题下红色通栏线 */
.download_line {
    width: 100%;
    height: 2px;
    margin-top: 24px;
    background: #CF2734;
}

/* 两张等宽卡片 */
.download_cards {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 40px;
}

.download_card {
    flex: 1;
    min-height: 310px;
    background: #FAF9F6;
}

/* 卡片内容体：可点链接 / 禁用态共用同一套盒模型，保证两种状态布局一致 */
.download_card_linkbox {
    width: 100%;
    height: 100%;
    min-height: 310px;
    box-sizing: border-box;
    padding: 48px 55px 48px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.download_card_info {
    width: 342px;
    max-width: 60%;
}

/* 图三：卡片标题 DM Sans 600 / 24px / 行高31 / #333333（内容为上/下产品名称） */
.download_card_title {
    margin: 0;
    font-family: "DM Sans", "DM_Sans_regular", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    color: #333333;
    text-align: left;
}

/* 图四：描述 DM Sans 300 / 16px / 行高21 / #666666 / 宽342 */
.download_card_desc {
    margin: 40px 0 0;
    font-family: "DM Sans", "DM_Sans_regular", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    color: #666666;
    text-align: left;
}

/* 图五：Download Source Han Sans 350 / 16px / 行高23 / #CF2734 */
.download_card_link {
    margin-top: 56px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: Source_Han_normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 23px;
    color: #CF2734;
}

.download_card_link .download_icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* 右侧产品图：约 180 × 250 */
.download_card_pic {
    width: 180px;
    height: 250px;
    flex-shrink: 0;
    margin-left: 30px;
}

.download_card_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 可点卡片 hover 反馈（对应 qw.html 的 nav_link） */
.download_card a.download_card_linkbox:hover .download_card_title {
    color: #A22124;
}

/* 无上一/下一条时的禁用态（对应 qw.html 的 nav_disabled） */
.download_card_linkbox.is-disabled {
    cursor: default;
}

.download_card_linkbox.is-disabled .download_card_pic,
.download_card_linkbox.is-disabled .download_card_info {
    opacity: 0.55;
}

@media (max-width: 1100px) {
    .download_box {
        padding-bottom: calc(10px + 4rem);
    }

    .download_title {
        font-size: 36px;
        line-height: 48px;
    }

    .download_cards {
        flex-direction: column;
        gap: 30px;
        margin-top: 40px;
    }

    .download_card,
    .download_card_linkbox {
        min-height: 0;
    }

    .download_card_linkbox {
        padding: 36px 30px;
    }

    .download_card_info {
        width: auto;
        max-width: 100%;
        flex: 1;
    }

    .download_card_desc {
        margin-top: 28px;
    }

    .download_card_link {
        margin-top: 36px;
    }

    .download_card_pic {
        width: 140px;
        height: 196px;
        margin-left: 24px;
    }
}

/* =========================================
   手机端适配：产品详情页
   （覆盖修正旧 1100px 断点规则）
   ========================================= */
@media (max-width: 1100px) {
    .product_read_box {
        margin-top: 0;
        padding-top: 24px;
        padding-bottom: 40px;
    }

    /* 关键修复：主区域由横向改为上下堆叠 */
    .product_read {
        width: 92%;
        flex-direction: column;
    }

    /* 覆盖旧断点下过高的图片高度 */
    .product_read_pic {
        width: 100%;
        height: 360px;
        margin-bottom: 0;
        border-radius: 12px;
    }

    .product_read_pic img {
        border-radius: 12px;
    }

    .product_read_text {
        width: 100%;
        margin-right: 0;
        padding: 24px 20px 32px;
        box-sizing: border-box;
    }

    .product_read_text .p1 {
        font-size: 20px;
        line-height: 1.4;
    }

    .product_read_text .p2 {
        font-size: 22px;
        line-height: 1.4;
        margin-top: 12px;
    }

    .product_read_text .p4,
    .product_read_text .p5,
    .other_color p {
        font-size: 15px;
        line-height: 1.6;
    }

    .other_color {
        margin-top: 24px;
    }

    .other_color .other_color_swiper {
        width: 100%;
        gap: 12px;
    }

    .other_color .color_pic {
        width: 44px;
        height: 44px;
    }

    /* 按钮恢复合适尺寸 */
    .product_btn {
        gap: 16px;
        margin-top: 32px;
    }

    .product_btn .back,
    .product_btn .contact {
        width: 160px;
        height: 46px;
    }

    .product_btn .back a,
    .product_btn .contact a {
        font-size: 15px;
    }

    .product_btn .back a img,
    .product_btn .contact a img {
        width: 12px;
    }

    /* Download Center */
    .download {
        width: 92%;
    }

    .download_title {
        font-size: 26px;
        line-height: 1.3;
    }

    .download_cards {
        margin-top: 30px;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    /* 按钮独占整行 */
    .product_btn {
        flex-direction: column;
        align-items: stretch;
    }

    .product_btn .back,
    .product_btn .contact {
        width: 100%;
    }

    /* 下载卡片缩小留白与图片 */
    .download_card_linkbox {
        padding: 24px 20px;
    }

    .download_card_title {
        font-size: 18px;
        line-height: 1.4;
    }

    .download_card_desc {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.6;
    }

    .download_card_link {
        margin-top: 20px;
        font-size: 14px;
    }

    .download_card_pic {
        width: 110px;
        height: 154px;
        margin-left: 16px;
    }
}

@media (max-width: 480px) {
    .product_read_pic {
        height: 280px;
    }

    .product_read_text .p1 {
        font-size: 18px;
    }

    .product_read_text .p2 {
        font-size: 20px;
    }

    .download_title {
        font-size: 22px;
    }

    .download_card_pic {
        width: 90px;
        height: 126px;
    }
}