.ArticleBox.article-box{border-radius:10px}.ArticleBox .widget-title span{border-bottom:2px solid #c15f3cd9;padding-bottom:6px;font-size:16px;font-weight:600}.ArticleBox .quick-news-item{margin-left:6px;padding:12px 0 12px 24px;position:relative}.ArticleBox .quick-news-item:before{content:"";background:#33302a17;width:1.5px;position:absolute;top:0;bottom:0;left:6px}.ArticleBox .quick-news-item .quick-news-dot{box-sizing:content-box;z-index:1;background:#1414132e;border:2px solid #fff;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s;position:absolute;top:16px;left:.5px}.ArticleBox .quick-news-item:first-child .quick-news-dot,.ArticleBox .quick-news-item:hover .quick-news-dot{background:#c15f3c;width:9px;height:9px;left:.25px}.ArticleBox .quick-news-item:hover .quick-news-title,.ArticleBox .quick-news-item .quick-news-title:hover{color:#c15f3c}
.article-item{background:#fff;border:1px solid #33302a38;border-radius:18px;padding:10px}.article-item:hover{transform:translateY(-2px);box-shadow:0 2px 4px -1px #1414130d,0 6px 16px -2px #14141312,0 16px 32px -12px #14141317}.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}@media (max-width:768px){.article-item .article-cover{width:100%;height:200px}}.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:"Source Serif 4",Merriweather,Georgia,serif;font-size:28px;font-style:normal;font-weight:700;line-height:42px}.article-content{padding:30px}@media (max-width:768px){.article-content{padding:15px}}.article-box{background:#fff;border:1px solid #33302a38;border-radius:18px}.detail-container .detail-scroll{width:50px;margin-left:-60px}.detail-container .detail-scroll .detail-social{position:sticky;top:40px}.detail-container .detail-scroll .detail-social .social-box{width:40px;height:40px}.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}}.article--author-role{color:#524e46;background:#f0eee6;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:11px;display:inline-block}.article--follow-btn{color:#c15f3c;cursor:pointer;background:0 0;border:1px solid #c15f3c;border-radius:999px;padding:2px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-block}.article--follow-btn:hover{color:#fff;background:#c15f3c}