.article-item{background:#fff;border:1px solid #33302a38;border-radius:18px;padding:10px}.article-item h2{text-wrap:balance;font-size:1.3em}.article-item .article-cover{border-radius:15px;flex-shrink:0;width:236px;height:150px;display:block;position:relative;overflow:hidden}.article-item .article-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.article-item .article-cover:hover img{transform:scale(1.04)}.article-content h1{color:#1b1d2d;margin-bottom:20px;font-family:Merriweather;font-size:28px;font-style:normal;font-weight:700;line-height:42px}.article-content{background:#fff;border:1px solid #33302a38;border-radius:18px;padding:30px}.detail-container .detail-scroll{width:50px}.detail-container .detail-scroll .detail-social{position:sticky;top:40px}.detail-container .detail-scroll .detail-social a .icon{box-sizing:border-box;background:#fff;border:1px solid #dfe0e3;border-radius:84.351px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;padding:13px;display:flex}.detail-container .detail-scroll .detail-social a .count{color:#2a2d40;text-align:center;border-bottom:1px solid #dfe0e3;margin-bottom:10px;padding-bottom:10px;font-family:Inter;font-size:11px;font-style:normal;font-weight:600;line-height:13px;display:block}.detail-container .detail-scroll .detail-social .btn-font{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #dfe0e3;border-radius:100px;padding:14px;display:block}.detail-container .detail-scroll .detail-social .btn-font span{display:flex}@media (max-width:768px){.detail-container .detail-scroll{display:none}}