@charset "utf-8";
/* news-detail.css 新闻详情页私有样式 */
.news-detail-main{
    background-color:#fafafa;
}

/* banner 和新闻列表页统一高度690px */
.news-detail-banner{
    width:100%;
    height:690px;
    background:url("../img/xwbanner.jpg") center center no-repeat;
    background-size:cover;
    position:relative;
}
.news-detail-banner .banner-inner{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
}
.news-detail-banner .banner-title{
    color:#ffffff;
    font-size:40px;
    font-weight:bold;
    padding-left:calc((100% - 1200px)/2);
}

/*面包屑导航*/
.bread-wrap{
    margin-top:20px;
    position:relative;
    z-index:3;
}
.bread-box{
    font-size:14px;
    color:#777;
}
.bread-box a{
    color:#777;
    text-decoration:none;
}
.bread-box span{
    margin:0 8px;
}
.bread-box .bread-cur{
    color:#333;
}

/*详情卡片容器*/
.detail-container{
    margin-top:30px;
    padding-bottom:80px;
}
.detail-card{
    background:#ffffff;
    border-radius:12px;
    padding:50px 60px;
}
/*头部标题*/
.detail-head .detail-title{
    font-size:28px;
    color:#222;
    font-weight:bold;
    line-height:1.4;
    margin:0 0 24px;
}
.detail-meta{
    display:flex;
    gap:32px;
    font-size:14px;
    color:#888;
}
.divider-line{
    width:100%;
    height:1px;
    background:#e6e6e6;
    margin:30px 0 40px;
}

/*正文内容*/
.detail-content p{
    font-size:16px;
    color:#444;
    line-height:1.8;
    margin-bottom:22px;
    text-indent:2em;
}
.detail-content .detail-img{
    margin:28px 0;
    text-align:center;
}
.detail-content .detail-img img{
    max-width:100%;
    border-radius:8px;
    object-fit:cover;
}

/*上一篇下一篇*/
.detail-pre-next{
    margin-top:60px;
    padding-top:30px;
    border-top:1px solid #e6e6e6;
}
.pre-next-item{
    font-size:15px;
    margin-bottom:16px;
}
.pre-next-item span{
    color:#666;
}
.pre-next-item a{
    color:#3486ec;
    text-decoration:none;
}
.pre-next-item a:hover{
    text-decoration:underline;
}

/*移动端适配*/
@media(max-width:768px){
    .news-detail-banner .banner-title{
        padding-left:20px;
        font-size:28px;
    }
    .detail-card{
        padding:24px 18px;
    }
    .detail-head .detail-title{
        font-size:22px;
    }
    .detail-meta{
        flex-direction:column;
        gap:8px;
    }
    .detail-content p{
        font-size:15px;
    }
    .bread-wrap{
        margin-top:-80px;
    }
}