.news-detail-clean{
    background:#f5f9fc;
    padding:52px 0 80px;
}

.news-detail-clean .article-wrap{
    max-width:920px;
    margin:0 auto;
}

.news-detail-clean .article{
    background:#fff;
    border:1px solid #e4eaf0;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(15,23,42,.07);
}

.news-detail-clean .cover{
    width:100%;
    max-height:600px;
    display:block;
    object-fit:contain;
    background:#edf3f7;
}

.news-detail-clean .article-head{
    padding:32px 42px 18px;
}

.news-detail-clean .meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:10px;
}

.news-detail-clean .date{
    color:#0089E4;
    font-size:.88rem;
    font-weight:600;
}

.news-detail-clean .category{
    padding:4px 9px;
    border:1px solid #d8ebf7;
    background:#eef7fd;
    color:#006bb3;
    border-radius:999px;
    font-size:.75rem;
    font-weight:600;
}

.news-detail-clean h1{
    margin:0;
    color:#172033;
    font-size:clamp(1.8rem,4vw,2.6rem);
    line-height:1.42;
    font-weight:700;
}

.news-detail-clean .featured{
    display:inline-flex;
    margin-top:12px;
    padding:5px 10px;
    border-radius:999px;
    background:#0089E4;
    color:#fff;
    font-size:.76rem;
    font-weight:700;
}

.news-detail-clean .content{
    padding:0 42px 40px;
}

.news-detail-clean .detail{
    color:#3f4b5d;
    font-size:1.05rem;
    line-height:2;
    white-space:pre-line;
}

.news-detail-clean .external-box{
    margin-top:30px;
    padding:20px;
    border:1px solid #dcebf5;
    background:#f7fbfe;
    border-radius:16px;
}

.news-detail-clean .external-title{
    margin-bottom:10px;
    font-weight:700;
    color:#172033;
}

.news-detail-clean .external-btn{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:10px 15px;
    border-radius:10px;
    background:#0089E4;
    color:#fff;
    text-decoration:none;
    font-size:.92rem;
    font-weight:600;
    transition:.2s ease;
}

.news-detail-clean .external-btn:hover{
    background:#006bb3;
    color:#fff;
    transform:translateY(-1px);
}

.news-detail-clean .share-box{
    margin-top:30px;
    padding-top:24px;
    border-top:1px solid #e8edf2;
}

.news-detail-clean .share-title{
    margin-bottom:11px;
    color:#172033;
    font-weight:700;
}

.news-detail-clean .share-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.news-detail-clean .share-btn1{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border:1px solid #dbe5ed;
    border-radius:10px;
    background:#fff;
    color:#4d5a6e;
    text-decoration:none;
    font-size:.86rem;
    font-weight:600;
    cursor:pointer;
    transition:.2s ease;
}

.news-detail-clean .share-btn2{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border:1px solid #dbe5ed;
    border-radius:10px;
    background:#fff;
    color:#4d5a6e;
    text-decoration:none;
    font-size:.86rem;
    font-weight:600;
    cursor:pointer;
    transition:.2s ease;
}

.news-detail-clean .share-btn3{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border:1px solid #dbe5ed;
    border-radius:10px;
    background:#fff;
    color:#4d5a6e;
    text-decoration:none;
    font-size:.86rem;
    font-weight:600;
    cursor:pointer;
    transition:.2s ease;
}

.news-detail-clean .share-btn1:hover{
    color:#fff;
    border-color:#0089E4;
    background:#0089E4;
}

.news-detail-clean .share-btn2:hover{
    color:#fff;
    border-color:#00cc30;
    background:#00cc30;
}

.news-detail-clean .share-btn3:hover{
    color:#fff;
    border-color:#ffc800;
    background:#ffc800;
}

.news-detail-clean .bottom-actions{
    margin-top:28px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.news-detail-clean .back-btn{
    text-decoration:none;
}

@media(max-width:767.98px){
    .news-detail-clean{
        padding:38px 0 58px;
    }

    .news-detail-clean .article-head{
        padding:24px 20px 14px;
    }

    .news-detail-clean .content{
        padding:0 20px 28px;
    }

    .news-detail-clean .detail{
        font-size:.98rem;
        line-height:1.9;
    }
}