/* Article detail page (from ui-css.css, only articles-content.html) */
.content-news-content{padding:70px 0 100px;background:#fff}
.content-news-layout{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:60px;align-items:start;margin-top:60px}
.content-news-main{min-width:0;max-width:100%}
.content-news-title{font-size:var(--font-title);font-weight:600;color:#000;margin:0 0 24px;line-height:1.25;overflow-wrap:break-word;word-break:break-word}
.content-news-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px 24px;margin-bottom:20px}
.content-news-meta-left{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:var(--font-body);color:#888}
.content-news-date{display:inline-flex;align-items:center;gap:8px;color:#888}
.content-news-date-icon{display:inline-flex;color:var(--public-color);flex-shrink:0;line-height:0}
.content-news-date-icon svg{display:block}
.content-news-author{color:#888}
.content-news-share{display:flex;align-items:center;gap:10px;flex-shrink:0}
.content-news-social-item{width:36px;height:36px;border-radius:50%;background:var(--public-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none;transition:opacity .25s}
.content-news-social-item:hover{opacity:.9;color:#fff}
.content-news-divider{height:0;border:none;margin:0 0 28px;border-top:1px dotted #9ec5e8}
.content-news-body{font-size:var(--font-body);color:#333;line-height:1.65;max-width:100%;overflow-x:clip;overflow-wrap:break-word;word-break:break-word}
.content-news-body p{margin:0 0 24px}
.content-news-body img,.content-news-body video,.content-news-body iframe,.content-news-body embed,.content-news-body object{max-width:100%!important;height:auto}
.content-news-body table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse}
.content-news-body table thead,.content-news-body table tbody,.content-news-body table tr{display:table;width:100%;min-width:480px}
.content-news-body pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre-wrap;word-break:break-word}
.content-news-figure{margin:0}
.content-news-feature-img{position:relative;line-height:0;margin-top:8px;overflow:hidden;border-radius:4px;background:#f0f0f0}
.content-news-feature-img img{display:block;width:100%;height:auto}
.content-news-aside{min-width:0}
.content-news-aside-head{margin:0 0 20px;padding:14px 20px;font-size:var(--font-h4);font-weight:600;color:#fff;background:var(--public-color);border-radius:8px;text-align:center;line-height:1.3}
.content-news-recommend-list{display:flex;flex-direction:column;gap:20px}
.content-news-recommend-item{display:flex;gap:14px;align-items:flex-start;min-width:0}
.content-news-recommend-img-link{flex-shrink:0;display:block;width:100px;line-height:0;overflow:hidden;border-radius:4px;background:#eee}
.content-news-recommend-img-link img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}
.content-news-recommend-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.content-news-recommend-title-link{text-decoration:none;color:inherit}
.content-news-recommend-title-link:hover .content-news-recommend-title{color:var(--public-color)}
.content-news-recommend-title{font-size:var(--font-body);font-weight:600;color:#000;margin:0;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.content-news-recommend-excerpt{font-size:var(--font-sm);color:#666;line-height:1.55;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.content-news-recommend-date{font-size:var(--font-sm);color:var(--public-color);margin-top:auto}
.content-news-related{margin-top:80px}
.content-news-related-head{margin:0 0 60px;padding:16px 24px;font-size:var(--font-h4);font-weight:600;color:#fff;background:var(--public-color);border-radius:0;text-align:left;line-height:1.35}
.content-news-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0 auto;max-width:1300px}
.content-news-related-card{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid #eee;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:box-shadow .25s}
.content-news-related-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1)}
.content-news-related-card-img-link{display:block;background:#fff;line-height:0;padding:20px 16px;text-align:center;aspect-ratio:1}
.content-news-related-card-img-link img{display:inline-block;max-width:100%;height:auto;vertical-align:middle;object-fit:contain}
.content-news-related-card-info{background:#f2f2f2;padding:18px 16px 20px;flex:1;display:flex;flex-direction:column;gap:6px}
.content-news-related-card-title-link{text-decoration:none;color:#000}
.content-news-related-card-title-link:hover .content-news-related-card-title{color:var(--public-color)}
.content-news-related-card-title{margin:0;font-size:var(--font-h4);font-weight:600;color:#000;line-height:1.35}
.content-news-related-card-model{margin:0;font-size:var(--font-body);font-weight:400;color:#000;line-height:1.45}
.content-news-related-card-refs{margin:0;font-size:var(--font-sm);font-weight:400;color:#333;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.content-news-related-card-refs .product-content-oe-oem-field{word-break:break-word}
@media(max-width:992px){
.content-news-layout{grid-template-columns:1fr;gap:40px}
.content-news-aside-head{text-align:left}
.content-news-related-grid{grid-template-columns:repeat(2,1fr);gap:20px 22px}
}
@media(max-width:768px){
.page-article-detail .page-banner{height:auto;min-height:140px}
.page-article-detail .page-banner picture,.page-article-detail .page-banner picture img{width:auto;height:140px;object-fit:cover}
.page-article-detail .page-banner-inner{padding:28px 15px 14px}
.page-article-detail .page-banner-title{font-size:var(--font-h2);margin-bottom:8px;padding:0;line-height:1.25}
.page-article-detail .page-banner-breadcrumb{font-size:12px;line-height:1.35}
.content-news-content{padding:20px 0 40px;overflow-x:clip;max-width:100%}
.content-news-layout{margin-top:20px;gap:28px}
.content-news-title{font-size:var(--font-h2);line-height:1.3}
.content-news-meta{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px}
.content-news-meta-left{font-size:var(--font-sm);gap:8px 16px}
.content-news-divider{margin-bottom:20px}
.content-news-body{font-size:var(--font-sm);line-height:1.6}
.content-news-body p{margin-bottom:16px}
.content-news-body table{scrollbar-width:thin}
.content-news-aside-head{padding:12px 16px;font-size:var(--font-body);margin-bottom:16px}
.content-news-recommend-list{gap:14px}
.content-news-recommend-item{gap:12px}
.content-news-recommend-img-link{width:88px}
.content-news-recommend-title{font-size:var(--font-sm)}
.content-news-recommend-excerpt{font-size:12px}
.content-news-share{align-self:flex-start}
.content-news-related{margin-top:32px}
.content-news-related-head{padding:12px 16px;font-size:var(--font-body);margin-bottom:20px}
.content-news-related-grid{grid-template-columns:1fr;gap:14px}
.content-news-related-card-img-link{padding:14px 12px}
.content-news-related-card-info{padding:14px 12px 16px}
.content-news-related-card-title{font-size:var(--font-body)}
}