/* 研发中心页面样式 */

/* 主容器 */
.research-main {
    background-color: var(--primary-color);
    background-image: url('../images/research-center/1.png');
    background-size: auto;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding-top: 85px;
}

/* 第一部分：纯粹·天然·精准 */
.pure-natural-section {
    padding: 100px 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.pure-natural-container {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 60px;
}

.pure-natural-left {
    width: 45%;
    position: relative;
    height: 600px;
}

.pure-natural-right {
    width: 55%;
    color: var(--text-white);
    text-align: right;
}

.pure-natural-title {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 30px;
    color: var(--text-white);
}

.pure-natural-subtitle-box {
    padding: 0px 20px;
    margin-bottom: 30px;
    display: inline-block;
}

.pure-natural-subtitle-box span {
    color: #000;
    font-size: 24px;
    font-weight: 400;
}

.pure-natural-description {
    font-size: 24px;
    line-height: 1.8;
    font-weight: 300;
    color: var(--text-white);
    opacity: 0.9;
}

/* 第二部分：研发理念 */
.research-philosophy-section {
    padding:  0;
}

.research-philosophy-container {
    width: 1400px;
    margin: 0 auto;
    text-align: center;
}

.research-philosophy-title {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 80px;
}

.research-philosophy-cards {
    display: flex;
    gap: 150px;
    justify-content: center;
}

.philosophy-card {
    width: 375px;
    overflow: hidden;
}

.philosophy-card-top {
    padding: 0;
    position: relative;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.philosophy-card-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.philosophy-card-title {
    display: none;
}

.philosophy-card-subtitle {
    display: none;
}

.philosophy-card-bottom {
    background: #E2C19E;
    padding: 30px;
    text-align: left;
}

.philosophy-card-content {
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    color: #000;
    font-weight: 400;
}

/* 第三部分：优选全球高端原料 */
.global-materials-section {
    padding-top: 100px;
    position: relative;
}

.global-materials-container {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

.global-materials-bg {
    width: 100%;
    height: 410px;  
    background-image: url('../images/research-center/3.png');
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.global-materials-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 60px;
}

.global-materials-title {
    font-size: 80px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.global-materials-subtitle {
    font-size: 50px;
    color: #fff;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* 第四部分：高标准实验室 */
.laboratory-section {
    padding-top: 100px;
}

.laboratory-container {
    width: 1400px;
    margin: 0 auto;
    text-align: center;
}

.laboratory-title {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 80px;
}

.laboratory-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 54px;
    margin: 0 auto;
}

.laboratory-panel {
    width: 100%;
    transition: transform 0.3s ease;
}

.laboratory-panel:hover {
    transform: translateY(-5px);
}

.laboratory-panel img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 第五部分：生产实验室认证 */
.certifications-section {
    padding-top: 100px;
    text-align: center;
}

.certifications-title {
    font-size: 45px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 80px;
    line-height: 1.4;
}

.certifications-container {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

.certifications-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
}

.certification-item {
    position: relative;
    margin-right: -30px; /* 让右边的图覆盖左边的图 */
    z-index: 1;
    transition: z-index 0.3s ease;
}

.certification-item:hover {
    z-index: 10;
}

.certification-item:last-child {
    margin-right: 0;
}

.certification-image {
    width: 315px;
    height: 440px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.9);
    display: flex;
    justify-content: center;
    align-items: center;
}

.certification-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #FFF;
    display: block;
}

.certification-label {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 2.5;
    margin-top: 30px;
    text-align: center;
}

/* 第六部分：安全信赖&品质认可 */
.trust-recognition-section {
    padding-top: 100px;
    text-align: center;
}

.trust-recognition-container {
    width: 1400px;
    margin: 0 auto;
    background: linear-gradient(90deg, #FFF2DF 0%, #FED0A1 100%);
    padding: 60px 40px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.trust-recognition-title {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin-bottom: 70px;
    line-height: 1.4;
}

.trust-recognition-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 20px;
}

.trust-recognition-item {
    position: relative;
    width: 200px;
    transition: z-index 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trust-recognition-item:hover {
    z-index: 10;
}

.trust-recognition-item:last-child {
    margin-right: 0;
}

.trust-recognition-logo {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.trust-recognition-logo img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.trust-recognition-label {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}


.about-section{
    width: 1400px;
    margin: 0 auto;
}

/* 遍布全球部分 */
.global-section {
    margin-top: 80px;
    text-align: center;
    width: 100%;
}

.global-title {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
}

.global-desc {
    font-size: 18px;
    line-height: 1.8;
    color: #FFF;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}

.global-map {
    margin-top: 60px;
    width: 100%;
    text-align: center;
}

.global-map img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* 第八部分：日本东京药局同款售卖 */
.tokyo-drug-section {
    padding: 100px 0;
    width: 1400px;
    margin: 0 auto;
    text-align: center;
}

.tokyo-drug-gallery {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 110px;
    margin-bottom: 100px;
}

.tokyo-drug-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tokyo-drug-img {
    width: 270px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tokyo-drug-img img {
    width: 100%;
    object-fit: cover;
}

.tokyo-drug-desc {
    font-size: 24px;
    color: #fff;
    margin-top: 30px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 2px;
}

/* ========== 手机端专用样式 ========== */
@media (max-width: 576px) {
    .research-main {
        padding-top: 70px;
        background-size: 182%;
    }
    .pure-natural-section {
        padding: 10px;
        min-height:auto;
    }
    .pure-natural-container {width: 100%;flex-direction: column;}
    .pure-natural-left {
        width: 100%;
        height: 150px;
    }
    .pure-natural-right {
        width: 100%;
        color: var(--text-white);
        text-align: center;
    }
    .pure-natural-title {
        font-size: 36px;
        margin-bottom: 20px;
        font-weight: 500;
    }
    .pure-natural-subtitle-box span {
        color: #000;
        font-size: 14px;
    }
    
    .pure-natural-subtitle-box {
        margin-bottom: 10px;
    }
    .pure-natural-description {
        font-size: 14px;padding: 0 10px;
        line-height: 1.5;
    }
     .pure-natural-description br{display: none;}
     .research-philosophy-section {
         padding: 10px;
     }
     .research-philosophy-container {
    width: 100%;}
    .research-philosophy-title {
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .research-philosophy-cards {
        gap: 10px;
        flex-direction: column;
    }
    .philosophy-card {width:100%;display: flex;}
    .philosophy-card-bottom {
        background: #E2C19E;
        padding: 20px 10px;
        text-align: center;
    }
    .philosophy-card-content {
        font-size: 10px;
        line-height: 2;
    }
    .philosophy-card-top {
        min-height:auto;
        width: 50%;
    }
    .philosophy-card-bottom{
        width: 50%;
    }
    .global-materials-section,.trust-recognition-section {
        padding: 10px;
    }
    .global-materials-container,.laboratory-container,.certifications-container,.trust-recognition-container  {
        width: 100%;
    }
    .global-materials-bg {height: 210px;}
    .global-materials-content {    padding: 20px;}
    .global-materials-title {
    font-size: 34px;}
    .global-materials-subtitle {
    font-size: 16px;}
    .laboratory-section ,.certifications-section {padding:10px;}
    .laboratory-title {
    font-size: 30px;
    padding: 0 80px;margin-bottom: 20px;}
    .laboratory-grid {gap: 10px 5px;}
    .certifications-title {
    font-size: 26px;margin-bottom: 20px;}
    .certification-image {box-shadow:none;
    height: 160px;width:110px;}
    
    .certification-label {
        font-size: 12px;
        line-height: 1.5;
    }
    /*.certification-item:last-child .certification-label br{*/
    /*    display: none;*/
    /*}*/
    .certification-item {
        margin-right:0;
    }
    .certifications-grid {    flex-wrap: wrap;gap: 10px;}
    .trust-recognition-container {padding: 30px 20px;}
    .trust-recognition-title {
    font-size: 24px;margin-bottom: 20px;}
    .trust-recognition-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;}
    .trust-recognition-item {
    position: relative;
    width: auto;}
    .trust-recognition-logo {
    height: 50px;}
    .trust-recognition-label {
    font-size: 12px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;}
    .about-section,.tokyo-drug-section {
        width: 100%;padding: 10px;
    }
    .global-title {
    font-size: 30px;
            margin-bottom: 10px;
    }
    .global-map {
    margin-top: 20px;}
    .tokyo-drug-gallery {gap: 10px;margin-bottom: 20px;}
    .tokyo-drug-img {
    width: 80px;}
    .tokyo-drug-desc {
    font-size: 14px;}
}