.news-detail-warp{
    padding:60px 0;
    background:#ffffff;
}

.news-detail-box{
    max-width:1360px;
    margin:0 auto;
}

.news-detail-top{
    text-align:center;
    margin-bottom:30px;
}

.news-detail-cate{
    display:inline-block;
    color:#fc0000;
    background:rgba(252,0,0,0.08);
    padding:6px 14px;
    border-radius:20px;
    font-size:13px;
    line-height:20px;
    margin-bottom:18px;
}

.news-detail-top h1{
    margin:0 0 18px 0;
    color:#222222;
    font-size:2.6rem;
    line-height:1.3;
    font-weight:700;
}

.news-detail-meta{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
}

.news-detail-meta span{
    color:#999999;
    font-size:14px;
    line-height:22px;
}

.news-detail-meta span i{
    color:#fc0000;
    margin-right:6px;
}

.news-detail-cover{
    width:100%;
    margin-bottom:34px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.news-detail-cover img{
    display:block;
    width:100%;
    height:auto;
}

.news-detail-content{
    color:#444444;
    font-size:16px;
    line-height:32px;
}

.news-detail-content p{
    margin:0 0 20px 0;
}

.news-detail-content h2{
    margin:34px 0 16px 0;
    color:#222222;
    font-size:2rem;
    line-height:1.35;
    font-weight:700;
}

.news-detail-content h3{
    margin:28px 0 14px 0;
    color:#222222;
    font-size:1.45rem;
    line-height:1.4;
    font-weight:700;
}

.news-detail-content img{
    max-width:100%;
    height:auto;
}

.news-detail-img{
    margin:26px 0;
    border-radius:16px;
    overflow:hidden;
}

.news-detail-img img{
    display:block;
    width:100%;
    height:auto;
}

.news-detail-content ul,
.news-detail-content ol{
    margin:0 0 20px 22px;
    padding:0;
}

.news-detail-content li{
    margin-bottom:10px;
}

.news-detail-content blockquote{
    margin:26px 0;
    padding:20px 24px;
    border-left:4px solid #fc0000;
    background:#fafafa;
    color:#555555;
    font-size:17px;
    line-height:30px;
    font-style:italic;
    border-radius:0 10px 10px 0;
}

.news-detail-page{
    margin-top:40px;
    padding-top:28px;
    border-top:1px solid #eeeeee;
}

.news-detail-page-item{
    font-size:15px;
    line-height:28px;
    color:#666666;
    margin-bottom:10px;
}

.news-detail-page-item:last-child{
    margin-bottom:0;
}

.news-detail-page-item strong{
    color:#222222;
    margin-right:6px;
}

.news-detail-page-item a{
    color:#666666;
    text-decoration:none;
    transition:all .3s ease;
}

.news-detail-page-item a:hover{
    color:#fc0000;
}

@media screen and (max-width:991px){
    .news-detail-warp{
        padding:45px 0;
    }

    .news-detail-top h1{
        font-size:2rem;
    }

    .news-detail-content{
        font-size:15px;
        line-height:30px;
    }

    .news-detail-content h2{
        font-size:1.6rem;
    }

    .news-detail-content h3{
        font-size:1.3rem;
    }
}

@media screen and (max-width:767px){
    .news-detail-warp{
        padding:35px 0;
    }

    .news-detail-top{
        margin-bottom:22px;
    }

    .news-detail-top h1{
        font-size:1.5rem;
        line-height:1.4;
    }

    .news-detail-meta{
        gap:12px;
    }

    .news-detail-meta span{
        font-size:13px;
    }

    .news-detail-cover{
        margin-bottom:24px;
        border-radius:12px;
    }

    .news-detail-content{
        font-size:14px;
        line-height:26px;
    }

    .news-detail-content p{
        margin-bottom:16px;
    }

    .news-detail-content h2{
        margin:26px 0 12px 0;
        font-size:1.25rem;
        line-height:1.4;
    }

    .news-detail-content h3{
        font-size:1.05rem;
        line-height:1.4;
    }

    .news-detail-content blockquote{
        padding:16px 16px;
        font-size:14px;
        line-height:24px;
    }

    .news-detail-page{
        margin-top:30px;
        padding-top:22px;
    }

    .news-detail-page-item{
        font-size:14px;
        line-height:24px;
    }
}