/* Blog list and article (Views/Blog) - adapted from the newHomelayout news list (list_2025) and article page (article) styles.
   Only the page rules are ported; the design's Bootstrap bundles are not loaded. Generic names are scoped under .blog-page. */
.blog-page{background:#fff;color:#232222}
.blog-page a{text-decoration:none}
.blog-container{box-sizing:border-box;width:100%;max-width:1200rem;margin-inline:auto}

/* ---- List ---- */
/* The desktop header is fixed and 80px tall (the design's trading pages offset it the same way). */
.blog-hero{background:#f7f7f7;padding-block:calc(80px + 56rem) 80rem}
.blog-hero h1{margin:0;color:#232222}
.blog-hero p{margin:16rem 0 0;color:#6a6967}
.blog-list-section{padding-block:56rem 120rem}

.blog-page .ebc-tabs-box{display:flex;margin-bottom:48rem}
.blog-page .ebc-tabs{display:flex;flex-wrap:wrap;gap:20rem 40rem}
.blog-page .ebc-tab-item{padding-bottom:6rem;border-bottom:2px solid transparent;color:#6a6967;font-size:16rem;line-height:normal;transition:color .2s}
.blog-page .ebc-tab-item-selected,.blog-page .ebc-tab-item:hover{color:#a52933}
.blog-page .ebc-tab-item-selected{border-bottom-color:#a52933;font-weight:500}

.blog-empty{padding:80rem 0;color:rgba(0,0,0,.48);font-size:16rem;text-align:center}

.knowledge-list{display:flex;flex-direction:column;gap:40rem}
.knowledge-item{display:flex;align-items:stretch;gap:32rem;padding-bottom:40rem;border-bottom:1px solid #eee}
.knowledge-item:last-child{padding-bottom:0;border-bottom:0}
.knowledge-item>a{display:block;flex-shrink:0;overflow:hidden;border-radius:12rem}
.knowledge-item-img{display:block;width:320rem;height:200rem;object-fit:cover;background:#dadada;transition:transform .4s}
.knowledge-item:hover .knowledge-item-img{transform:scale(1.04)}
.knowledge-item-content{position:relative;display:flex;flex-direction:column;justify-content:center;flex-grow:1;min-width:0;overflow:hidden}
.blog-item-category{align-self:flex-start;margin-bottom:10rem;color:#a52933;font-size:14rem;font-weight:500;line-height:20rem}
.blog-item-heading{margin:0;font-size:inherit;font-weight:inherit}
.knowledge-item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#232222;font-size:24rem;font-weight:600;line-height:34rem;transition:color .2s}
.knowledge-item-title:hover{color:#a52933}
.knowledge-item-publish-time{display:block;margin-top:8rem;color:#b2afad;font-size:14rem;line-height:20rem}
.knowledge-item-intro{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:14rem 0 0;color:#6a6967;font-size:16rem;line-height:26rem}

.ebc-page-pagination{display:flex;justify-content:center;margin-top:64rem}
.ebc-page-pagination .pagination{display:flex;align-items:center;gap:18rem;margin:0;padding:0;list-style:none}
.ebc-page-pagination .page-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:32rem;height:32rem;padding:0 4rem;border-radius:16rem;color:#333;font-size:14rem}
.ebc-page-pagination a.page-link:hover{color:#a52933}
.ebc-page-pagination .active .page-link{background:#a52933;color:#fff}
.ebc-page-pagination .disabled .page-link{color:#c8c6c4;cursor:not-allowed}

/* ---- Article ---- */
.blog-page .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;margin:24rem 0 40rem;padding:18rem 0;border-bottom:1px solid #e6e6e6;list-style:none;color:#777;font-size:14rem;line-height:22rem}
.blog-page .breadcrumb>li{display:inline-block;min-width:0}
.blog-page .breadcrumb>li+li:before{content:"/";padding:0 8rem;color:#ccc}
.blog-page .breadcrumb a{color:#777}
.blog-page .breadcrumb a:hover{color:#a52933}
.blog-page .breadcrumb>.active{max-width:640rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#232222}
.blog-page.learning-center{padding-top:80px}
.blog-breadcrumb-wrap{max-width:880rem}

.news-content{max-width:880rem;padding-bottom:80rem}
.news-content h1{margin:12rem 0 16rem;color:#232222;font-size:44rem;font-weight:700;line-height:58rem}
.news-content .time{display:flex;flex-wrap:wrap;align-items:center;gap:8rem;color:#847d7d;font-size:16rem;line-height:24rem}

.abstract{position:relative;margin:48rem 0 0;padding:28rem 32rem 24rem;border:1px dashed #979797;border-radius:4rem}
.abstract .abstract_name{position:absolute;left:22rem;top:-13rem;padding:0 12rem 0 10rem;background:#fff;color:#888795;font-size:18rem;line-height:26rem}
.abstract_text{margin:0;color:#232222;font-size:18rem;line-height:28rem}

.blog-article-cover{display:block;width:100%;height:auto;max-height:560rem;margin-top:40rem;border-radius:16rem;object-fit:cover}

.news-content .info{padding-top:36rem;color:#000;font-size:18rem;line-height:32rem;overflow-wrap:break-word}
.news-content .info p{margin:0 0 20rem;font-size:18rem;line-height:32rem}
.news-content .info h1,.news-content .info h2,.news-content .info h3,.news-content .info h4,.news-content .info h5,.news-content .info h6{font-weight:600;line-height:1.4;color:#000}
.news-content .info h1{margin:44rem 0 14rem;font-size:30rem}
.news-content .info h2{margin:40rem 0 14rem;font-size:28rem}
.news-content .info h3{margin:32rem 0 12rem;font-size:22rem;color:#333}
.news-content .info h4{margin:28rem 0 10rem;font-size:19rem;color:#333}
.news-content .info h5,.news-content .info h6{margin:24rem 0 8rem;font-size:17rem;color:#444}
.news-content .info ul,.news-content .info ol{margin:0 0 20rem;padding-left:28rem}
.news-content .info ul li{list-style:disc}
.news-content .info ol li{list-style:decimal}
.news-content .info li{margin-bottom:8rem}
.news-content .info a{color:#a52933;text-decoration:underline}
.news-content .info strong,.news-content .info b{font-weight:700}
.news-content .info em,.news-content .info i{font-style:italic}
.news-content .info img{max-width:100%;height:auto;margin:20rem 0 12rem;border-radius:8rem}
.news-content .info blockquote{margin:24rem 0;padding:4rem 0 4rem 20rem;border-left:3px solid #a52933;color:#555}
.news-content .info table{width:100%;margin:20rem 0;border-collapse:collapse}
.news-content .info th,.news-content .info td{padding:10rem 14rem;border:1px solid #e1e6ed;text-align:left}
.news-content .info iframe{max-width:100%}

.blog-article-tags{display:flex;flex-wrap:wrap;gap:10rem;margin-top:36rem;padding-top:24rem;border-top:1px solid #eee}
.blog-article-tags span{padding:6rem 14rem;border-radius:999rem;background:#f5f5f5;color:#6a6967;font-size:14rem;line-height:20rem}

.previous-next{margin-top:36rem;font-size:18rem;line-height:26rem}
.previous-next div{margin:16rem 0}
.previous-next span{color:#640005}
.previous-next a{color:#727272}
.previous-next a:hover{color:#000}

.blog-page .tab-content{padding-block:80rem;background:#f7f7f7}
.blog-page .nav-tabs{display:flex;margin:0 auto 40rem;padding-block:0;list-style:none}
.blog-page .nav-tabs li{flex:1;border-bottom:1px solid #dcdcdc}
.blog-page .nav-tabs h2{display:inline-block}
.blog-page .nav-tabs h2{margin:0 0 -1px;padding:0 0 18rem;border-bottom:2px solid #9f565c;color:#750d0d;font-size:24rem;font-weight:600;line-height:32rem}
.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32rem}
.news-li .thumbnail{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:12rem;background:#fff;box-shadow:0 10rem 30rem rgba(0,0,0,.08)}
.news-li .thumbnail>a{display:block;overflow:hidden}
.news-li img{display:block;width:100%;height:226rem;object-fit:cover;transition:transform .4s}
.news-li:hover img{transform:scale(1.04)}
.news-li .caption{display:flex;flex-direction:column;flex:1;padding:20rem 22rem 22rem}
.news-li h3{margin:0 0 10rem;font-size:20rem;font-weight:600;line-height:30rem}
.news-li h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#333}
.news-li h3 a:hover{color:#a52933}
.news-li p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 14rem;color:#666;font-size:16rem;line-height:24rem}
.news-li time{margin-top:auto;color:#999;font-size:14rem}

.blog-cta{padding-block:100rem;background:#fff;text-align:center}
.blog-cta h2{margin:0;color:#232222}
.blog-cta p{margin:12rem 0 32rem;color:#6a6967}
.blog-cta .primary-default_large{display:inline-flex;margin:0 auto}

@media(max-width:996px){
.blog-container{padding-inline:32rem}
.blog-hero{padding-block:72rem 64rem}
.blog-hero p{margin-top:12rem}
.blog-list-section{padding-block:48rem 120rem}
.blog-page .ebc-tabs-box{margin:0 -32rem 56rem;padding-inline:32rem;overflow-x:auto;scrollbar-width:none}
.blog-page .ebc-tabs-box::-webkit-scrollbar{display:none}
.blog-page .ebc-tabs{flex-wrap:nowrap;gap:48rem}
.blog-page .ebc-tab-item{padding-bottom:10rem;font-size:28rem;white-space:nowrap}
.knowledge-list{gap:48rem}
.knowledge-item{gap:24rem;padding-bottom:48rem}
.knowledge-item-img{width:264rem;height:169rem}
.blog-item-category{margin-bottom:6rem;font-size:22rem;line-height:30rem}
.knowledge-item-title{font-size:30rem;line-height:42rem}
.knowledge-item-publish-time{font-size:24rem;line-height:32rem}
.knowledge-item-intro{display:none}
.ebc-page-pagination{margin-top:80rem}
.ebc-page-pagination .pagination{gap:16rem}
.ebc-page-pagination .page-link{min-width:56rem;height:56rem;border-radius:28rem;font-size:28rem}

.blog-page .breadcrumb{display:none}
.blog-page.learning-center{padding-top:0}
.blog-article{padding-top:56rem}
.news-content h1{font-size:44rem;line-height:60rem}
.news-content .time{font-size:24rem;line-height:34rem}
.abstract{margin-top:56rem;padding:36rem 28rem 28rem;border-radius:8rem}
.abstract .abstract_name{left:20rem;top:-19rem;font-size:26rem;line-height:36rem}
.abstract_text{font-size:28rem;line-height:44rem}
.blog-article-cover{margin-top:48rem}
.news-content .info{padding-top:40rem}
.news-content .info,.news-content .info p,.news-content .info li{font-size:30rem;line-height:50rem}
.news-content .info p{margin-bottom:28rem}
.news-content .info h1{margin:56rem 0 20rem;font-size:42rem}
.news-content .info h2{margin:56rem 0 20rem;font-size:40rem}
.news-content .info h3{margin:44rem 0 16rem;font-size:34rem}
.news-content .info h4{margin:36rem 0 14rem;font-size:30rem}
.news-content .info h5,.news-content .info h6{font-size:28rem}
.news-content .info ul,.news-content .info ol{padding-left:44rem}
.blog-article-tags{gap:14rem}
.blog-article-tags span{padding:8rem 20rem;font-size:24rem;line-height:34rem}
.previous-next{font-size:28rem;line-height:42rem}
.previous-next div{margin:24rem 0}
.blog-page .tab-content{padding-block:96rem}
.blog-page .nav-tabs h2{padding-bottom:20rem;font-size:36rem;line-height:48rem}
.blog-related-grid{grid-template-columns:1fr;gap:40rem}
.news-li img{height:360rem}
.news-li .caption{padding:28rem 32rem 32rem}
.news-li h3{font-size:32rem;line-height:46rem}
.news-li p{font-size:26rem;line-height:40rem}
.news-li time{font-size:24rem}
.blog-cta{padding-block:120rem}
.blog-cta p{margin:16rem 0 48rem}
}