.character-card-list{
    display: flex;
    gap: 24px;
    margin-top: 24px;
}
.character-card{
    padding: 24px;
    background: #fff;
    border-radius: 20px;
    flex: 1;
}
.card-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap:32px;
    margin-bottom:16px;
}
.card-tag-character{
    color:#24E2CC;
    font-size:20px;
    font-weight:700;
    line-height: 30px;
}

.card-name{
    font-size:24px;
    color:#003D5C;
    font-weight:700;
    line-height: 36px;
}
.card-position{
    font-size:16px;
    color:#003D5C;
    font-weight:600;
    line-height: 24px;
}
.card-avatar{
    width:80px;
    height:auto;
    flex-shrink:0;
}
.card-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.card-desc{
    font-size:18px;
    line-height:28px;
    color:#282A2A;
    font-family: 'Montserrat Regular';
}
.dialogue-list{
    margin-top: 64px;
}
.part-tag{
    background: linear-gradient(270deg, rgba(249, 207, 20, 0) 0%, #FBCA16 100%);
    color:#282A2A;
    padding:5px 20px 3px 24px;
    border-radius: 4px;
    font-family: "Montserrat Medium";
}
.dialogue-title{
    line-height: 36px;
    font-size: 24px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 24px;
}
.dialogue-items{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.dialogue-item{
    display:flex;
    gap:20px;
    padding:24px;
    background: #FFFFFF66;
    border-radius:16px;
    box-shadow: 2px 1px 4px 0px #24E2CC1A inset;
    font-family: 'Montserrat Regular';
}
.dialogue-item.left{
    justify-content:flex-start;
}
.dialogue-item.right{
    justify-content:flex-end;
}
.dialogue-emphasize{
    color: #003D5C;
    font-weight: 700;
}
.Q-A-img img{
    height: auto;
    width: 260px;
    margin-top: 10px;
}
/* 对话头像 要求 width:60px;height:auto */
.dialogue-avatar{
    width:60px;
    height:auto;
    flex-shrink:0;
}

.dialogue-avatar .dialogue-speaker {
    display: none;
}

.dialogue-avatar img{
    width:100%;
    border-radius:50%;
    object-fit:cover;
}
.dialogue-content{
    flex:1;
    display: grid;
    gap: 8px;
}
.dialogue-speaker{
    font-size:20px;
    line-height: 24px;
    font-weight:700;
    color:#003D5C;
    margin-bottom:16px;
}
.dialogue-content .right-talk{
    text-align: end;
}
.dialogue-item ul {
    list-style: disc;
}
.dialogue-content p{
    font-size:16px;
    line-height:24px;
    color:#282A2A;
    margin:0;
}
.dialogue-content ul{
    padding-left:20px;
    margin:8px 0;
}
.dialogue-content li{
    font-size:16px;
    line-height:26px;
    color:#282A2A;
}
.dialogue-quote{
    margin-top:16px;
    font-size:16px;
    color:#282A2A;
    line-height: 24px;
}
.talk-recommend-section {
    margin-top: 80px;
    position: relative;
}

/* 顶部悬浮标题卡片 */
.talk-header {
    position: relative;
    z-index: 2;
    margin: 0 60px -176px; /* 负下边距：和下方大容器叠加 */
    background: rgba(0, 61, 92, 0.25);
    padding: 40px; /* 左右内边距百分比，自适应 */
    border: 1px solid rgba(36, 226, 204, 0.3);
    border-radius: 20px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    text-align: center;
}

/* 下方大容器 */
.talk-recommend-wrap {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    background-image: url("/assets/imgs/news-details/talk-background.png");
    border-radius: 20px;
    padding: 212px 24px 40px; /* 顶部加高，给悬浮标题留空间；左右6%自适应 */
}

.talk-top-desc {
    max-width: 920px;
    margin: 0 auto 40px;
    text-align: center;
}

.talk-title {
    font-size: clamp(24px, 3vw, 32px); /* 字号随屏幕平滑变化 */
    color: #24E2CC;
    font-weight: 600;
    margin: 0 0 24px;
}

.talk-desc {
    color: #ffffff;
    font-size: clamp(16px, 1.5vw, 18px);
    line-height: 1.7;
    margin: 0;
}

.talk-sub-desc {
    color: #ffffff;
    font-size: clamp(16px, 1.5vw, 18px);
    line-height: 1.7;
    margin: 0;
}

.talk-card-list {
    display: flex;
    gap: 16px;
}

.talk-card-item {
    flex: 1;
    border-radius: 10px;
    overflow: hidden;
    /* background: #fff; */
}

.talk-card-item a {
    display: block;
    height: 100%;
}

.talk-card-img {
    width: 100%;
    font-size: 0;
}

.talk-card-img img {
    width: 100%;
}

.talk-card-text {
    padding:12px 16px 16px;
    background:#fff
}

.talk-card-text h4 {
    font-size: 16px;
    color: #003D5C;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.talk-card-more {
    display: block;
    color: #003D5C;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    position: relative;
}
.talk-card-more::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    width: 0;
    height: 2px;
    background: #003D5C;
    transition: width 0.3s ease;
}
.talk-card-more:hover::after {
    width: 70%;
}
.talk-swiper-pagination {
    display: none;
}
.contact-block {
    text-align: center;
    padding: 60px 24px;
}
.contact-block h4 {
    font-size: 24px;
    color: #003D5C;
    font-weight: 700;
    margin: 0 0 24px;
}
.contact-desc {
    font-size: 18px;
    color: #003D5C;
    font-weight: 400;
    line-height: 28px;
}
.contact-email a {
    font-size: 18px;
    color: #02948c;
    font-weight: 700;
    text-decoration: none;
    line-height: 28px;
}
.contact-email a:hover {
    text-decoration: underline;
}
.mob-none{
    display: block;
}
.pc-none{
    display: none;
}
@media (max-width: 768px) {
    .mob-none{
        display: none !important;
    }
    .pc-none{
        display: block;
    }
    .share-box-mob{
        padding: 0 24px;
    }
    .details-tag{
        padding: 0 24px;
    }
    .article-content{
        padding: 0 24px;
    }
    .news-main{
        padding: 0;
    }
    .talk-title{
        font-size: 22px;
        margin-bottom: 16px;
    }
    .talk-header{
        margin: 0 24px -180px;
        padding: 32px 16px;
    }
    .part-tag{
        padding: 4px 12px 4px 16px;
        font-size: 14px;
        line-height: 22px;
    }
    .dialogue-avatar .dialogue-speaker {
        display: block;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
    }

    .dialogue-avatar {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 12px;
        width: 100%;
    }
    .right-talk{
        align-items: center;
        gap: 12px;
        justify-content: flex-end !important;
    }

    .dialogue-avatar img {
        width: 60px;
    }

    .dialogue-content .dialogue-speaker {
        display: none;
    }


    .dialogue-content{
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .dialogue-item{
        padding: 12px;
        flex-direction: column;
    }
    .dialogue-title{
        margin-top: 16px;
        line-height: 32px;
    }
    .card-header{
        margin-bottom: 12px;
        gap: 16px;
    }
    .character-card{
        padding: 12px;
    }
    .character-card-list{
        flex-direction: column;
    }
    .card-tag-character{
        font-size: 14px;
        line-height: 22px;
    }
    .card-name{
        font-size: 20px;
        line-height: 30px;
    }
    .card-position{
        font-size: 14px;
        line-height: 22px;
    }
    .card-desc{
        font-size:16px ;
        line-height: 24px;
    }
    .talk-card-swiper {
        width: 100%;
    }

    .talk-card-swiper .swiper-slide {
        flex-shrink: 0;
        height: auto;
        
        
    }

    .talk-card-swiper .swiper-slide a {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .talk-card-text {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 0 0 10px 10px;
    }

    .talk-card-item {
        flex: unset;
        width: auto;
    }

    .talk-card-list {
        gap: 0;
    }

    .talk-recommend-wrap {
        width: 100%;
        border-radius: 0;
        background-image: url("/assets/imgs/news-details/talk-background-mob.png");
    }

    .talk-top-desc {
        max-width: 100%;
    }
    .talk-swiper-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 24px;
    }
    .article-nav{
        padding-left: 24px;
        padding-right: 24px;
    }
    .talk-card-text h4{
        font-size: 18px;
    }
    .talk-card-more{
        text-align: center;
        color: #003D5C;
        font-size: 14px;
    }
    /* 未激活进度条：半透明白色圆角条 */
    .talk-swiper-pagination .swiper-pagination-bullet {
        width: 40px;
        height: 6px;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.3);
        opacity: 1;
        margin: 0 !important;
        transition: background 0.3s;
    }
    /* 激活进度条：纯白色 */
    .talk-swiper-pagination .swiper-pagination-bullet-active {
        background: #ffffff;
    }
    .contact-block{
        padding-bottom: 0;
    }
}