/**
 * @file product.css
 * @description 哆鑫宝详情页定制样式，包含渐变背景与交错布局
 */

/* 顶部 Banner 背景 */
.product-banner {
    text-align: center;
    color: #fff;
    padding: 60px 88px 0;

    position: relative;

    background: #EEF5FD;
}

.product-banner img {
    width: 100%;
    height: auto;
    display: block;
}

.top-content {
    position: absolute;
    top: 150px;
    left: 198px;
    padding-right: 109px;
}

.banner-content {
    color: #FFFFFF;
    text-align: left;
}

.banner-content h2 {
    font-size: 50px;
    font-weight: bold;
}

.banner-content p {
    font-size: 20px;
    font-weight: 350;
    margin-top: 15px;
    /* margin-bottom: 54px; */
}

/* 核心价值卡片 */
.value-cards {
    background: #EEF5FD;
    margin-top: -40px;

    padding: 0 196px 54px;

    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.v-card {
    flex: 1;
    padding: 30px;
    border-radius: 18px;
    opacity: 1;
    background: linear-gradient(0deg, #FFFFFF 79%, rgba(255, 255, 255, 0.8) 99%);
    backdrop-filter: blur(10px);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.sequence {
    font-size: 26px;
    font-weight: normal;
    line-height: 26px;
    width: 52px;
    height: 52px;
    color: #3B404E;
    background-image: url(../../img/value_sequence_bg.png);
    display: flex;
    justify-content: center;
    align-items: center;
}

.v-card-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 26px;
    color: #070E17;

    margin-top: 22px;
    margin-bottom: 11px;
}

.v-card-detail {
    font-size: 20px;
    font-weight: 350;
    line-height: 34px;
    color: #404453;
}

/* 智能系列标题 */
.series-title {
    text-align: center;
    margin-top: 115px;
    margin-bottom: 100px;
    color: #222222;
}
.series-title h3 {
    margin-bottom: 27px;
    font-size: 48px;
    font-weight: bold;
}
.series-title p {
    font-size: 22px;
    font-weight: 500;
}



/* 智能系列交错布局 */
.series-item {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 60px 0;
    gap: 50px;
}

.series-item.reverse {
    flex-direction: row-reverse;
    background: #F1F7FF;
}

.series-text {
    max-width: 556px;
}

/* 系列 标题 */
.series-title-container {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
 }
 /* 序号 */
 .series-sequence {
    position: relative;
    margin-right: 28px;
 }
 .series-sequence p{
    position: absolute;
    left: 10px;
    bottom: 12px;
    font-size: 22px;
    font-weight: 350;
    color: #FFFFFF;
 }
 .series-title-container h4 {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
 }

 .series-item ul li {
    list-style: none;
    display: block;
    display: flex;
    align-items: center;
    margin-top: 31px;
 }

 .series-item ul li img{
    display: block;
    height: 14px;
    width: 18px;
    margin-right: 11px;
 }


 /* 系列图片 */
.series-img img{ 
    display: block;
    width: 556px;
    height: 347px;
}

/* 响应式适配 */
@media (max-width: 1525px) {
    .top-content {
        top: 98px;
    }
}

/* 响应式适配 */
@media (max-width: 960px) {
    .product-banner {
        padding: 30px 44px 0;
    }
    .top-content {
        top: 22px;
    }
    .banner-content h2 {
        font-size: 30px;
    }
    .banner-content p {
        font-size: 20px;
    }
    .value-cards { flex-direction: column; margin-top: 20px; }
    .series-item, .series-item.reverse { 
        flex-direction: column-reverse; 
        text-align: center;
    }
    .value-cards {
        padding: 0 42px 23px;
    }
}