/* Article detail article-content.html — 板块顺序与 HTML 一致；先基础样式，@media 集中在板块末尾 */
/* ===== .all-nav ===== */
.new-page .all-nav img{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.new-page .all-nav a.on{color:var(--c-accent)}

/* ===== .news-in-content ===== */
.new-page .news-in-content .title-24{margin-bottom:40px;padding:15px 20px 15px 30px;border-radius:12px;background:var(--c-accent);font-weight:500;color:#fff}
html,body{overflow-x:clip}
.news-in-content{padding:70px 0 20px;background:#fff}
.news-in-content .container{max-width:1180px}
.news-in-content .content{display:flex;align-items:stretch;justify-content:space-between;gap:48px}
.news-in-content .left{flex:1;min-width:0}
.news-in-content .right{width:320px;flex:0 0 320px}
.news-in-content h1{margin:0;font-size:30px;line-height:1.35;font-weight:500;color:var(--c-block)}
.news-in-content .meta{display:flex;align-items:center;gap:22px;margin-top:45px;padding-bottom:45px;border-bottom:1px dashed #d8d8d8;font-size:16px;line-height:1.4;color:#666}
.news-in-content .date,
.news-in-content .views{display:inline-flex;align-items:center;gap:6px}
.news-in-content .date svg{display:block;color:#e6373f}
.news-in-content .views svg{display:block;color:var(--c-accent)}
.news-in-content .text{margin-top:28px}
.news-in-content .text img{max-width:100%;height:auto}
.news-in-content .right:not(:has(.news-toc:not([hidden]))):not(:has(.list)){display:none}
.news-toc{position:static;margin:0 0 40px;padding-bottom:8px;background:#fff}
.news-toc[hidden]{display:none !important}
.news-toc ul{margin:0;padding:0;list-style:none}
.news-toc li + li{margin:0}
.news-toc a{display:block;padding:12px 0;border-bottom:1px dashed #e5e5e5;font-size:18px;line-height:1.4;color:#333}
.news-toc a.is-active{color:var(--c-accent)}
.news-in-content .text p{margin:0 0 18px}
.news-in-content .text h2{margin:32px 0 12px;font-size:24px;line-height:1.35;font-weight:600;color:var(--c-black)}
.news-in-content .text h3{margin:22px 0 8px;font-size:18px;line-height:1.4;font-weight:600;color:#222}
.news-in-content .text ul{margin:0;padding:0;list-style:none}
.news-in-content .text li{margin:0 0 6px}
.news-in-content .text li::before{content:"- "}
.news-in-content .right .list{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:22px}
.news-in-content .right .img{width:100%;flex-shrink:0;border-radius:8px;overflow:hidden}
.news-in-content .right .img img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;display:block}
.news-in-content .right .info{width:100%;min-width:0}
.news-in-content .right .t1{font-size:16px;line-height:1.4;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-in-content .right .summary{margin:0;font-size:16px;line-height:1.4;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1700px){
    .news-in-content{padding:60px 0 20px}
    .news-in-content .content{gap:40px}
    .news-in-content h1{font-size:28px}
    .news-in-content .meta{margin-top:40px;padding-bottom:40px}
    .news-in-content .title-24{margin-bottom:30px;font-size:22px}
}
@media(max-width:1600px){
    .news-in-content{padding:55px 0 20px}
    .news-in-content .content{gap:35px}
    .news-in-content h1{font-size:28px}
    .news-in-content .meta{margin-top:35px;padding-bottom:35px}
}
@media(max-width:1500px){
    .news-in-content{padding:50px 0 15px}
    .news-in-content .content{gap:30px}
    .news-in-content .left,
    .news-in-content .right{min-width:0}
    .news-in-content h1{font-size:26px}
    .news-in-content .meta{margin-top:30px;padding-bottom:30px}
    .news-in-content .text h2{font-size:22px}
    .news-in-content .text h3{font-size:17px}
    .news-toc a{font-size:16px}
    .news-in-content .title-24{font-size:20px}
    .news-in-content .right .t1{font-size:16px}
    .news-in-content .right .list{margin-top:25px}
}
@media(max-width:1330px){
    .news-in-content .content{gap:25px}
    .news-in-content h1{font-size:24px}
    .news-in-content .meta{gap:16px;margin-top:25px;padding-bottom:25px}
    .news-in-content .title-24{margin-bottom:25px;padding:15px 15px 15px 20px}
    .news-toc{margin-bottom:30px}
}
@media(max-width:1199px){
    .news-in-content .content{gap:20px}
    .news-in-content .right{width:280px;flex-basis:280px}
    .news-in-content .text{margin-top:20px}
}
@media(max-width:899px){
    .news-in-content{padding:40px 0 10px}
    .news-in-content .content{flex-direction:column;gap:30px}
    .news-in-content .left,
    .news-in-content .right{width:100%;flex:none}
    .news-toc{position:static;top:auto}
    .news-in-content h1{font-size:26px}
    .news-in-content .meta{margin-top:25px;padding-bottom:25px;flex-wrap:wrap}
    .news-in-content .title-24{font-size:22px}
}
@media(max-width:768px){
    .news-in-content{padding:40px 0 20px}
    .news-in-content h1{font-size:22px}
    .news-in-content .meta{gap:10px 16px;margin-top:20px;padding-bottom:20px;font-size:14px;line-height:22px}
    .news-in-content .text{font-size:14px;line-height:22px}
    .news-in-content .text h2{margin:22px 0 10px;font-size:20px}
    .news-in-content .text h3{margin:16px 0 8px;font-size:16px}
    .news-in-content .text p{margin-bottom:15px}
    .news-toc a{display:flex;align-items:center;min-height:44px;padding:10px 0;font-size:16px}
    .news-in-content .title-24{margin-bottom:20px;font-size:20px}
    .news-in-content .right .list{margin-top:20px}
    .news-in-content .right .t1{font-size:16px;-webkit-line-clamp:2}
    .news-in-content .right .summary{font-size:14px;line-height:22px}
}
@media (hover:hover) and (pointer:fine){
    .news-toc a:hover{color:var(--c-accent)}
}
@media (hover:none),(pointer:coarse){
    .news-in-content .card-thumb:hover img{transform:none}
}

/* ===== .news-in-products 与产品详情 .p-i-products 同结构 ===== */
.news-in-products{padding:65px 0 80px;background:#fff}
.news-in-products .title-24{margin-bottom:40px;padding:0;border-radius:0;background:transparent;font-weight:500;color:var(--c-black)}
.news-in-products .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0}
.news-in-products .list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;height:100%;min-width:0;padding:16px;border:1px solid #ededed;border-radius:12px;background:#fdfdfd}
.news-in-products .img{display:flex;align-items:center;justify-content:center;width:100%;height:240px;flex-shrink:0;text-decoration:none}
.news-in-products .img img{max-width:100%;max-height:100%;object-fit:contain}
.news-in-products .box{width:100%;min-width:0}
.news-in-products h4{margin:0;font-size:16px;line-height:1.35;font-weight:500}
.news-in-products h4 a{color:var(--c-black);text-decoration:none}
.news-in-products p{margin:6px 0 0;font-size:14px;line-height:1.45;color:#666}
.news-in-products .summary{margin:10px 0 0;font-size:16px;line-height:1.4;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1330px){
    .news-in-products{padding:48px 0 64px}
    .news-in-products .grid{grid-template-columns:repeat(2,1fr);gap:24px}
    .news-in-products .title-24{margin-bottom:28px}
    .news-in-products .img{height:220px}
}
@media(max-width:768px){
    .news-in-products{padding:36px 0 48px}
    .news-in-products h4{font-size:18px}
    .news-in-products .summary{font-size:15px}
    .news-in-products .img{height:200px}
}
@media(max-width:600px){
    .news-in-products .grid{grid-template-columns:1fr;gap:16px}
    .news-in-products .img{height:220px}
}
@media (hover:hover) and (pointer:fine){
    .news-in-products .list:hover{border-color:var(--c-accent)}
    .news-in-products h4 a:hover{color:var(--c-accent)}
}

@media (max-width: 899px) {
    .banner-all{height:220px}
    .banner-all .h1{font-size:32px}
}