.new-product-index{--npi-font-title:"Roboto","Outfit",Arial,Helvetica,sans-serif;--npi-bg-muted:#f5f5f5;--npi-text:#1a1a1a;--npi-placeholder:#f2f2f2;font-family:var(--npi-font-title)}
.new-product-index .ui-container{max-width:1430px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}

/* —— 技术特点（参考 p-l-structure .list：灰底方块、字号） —— */
.new-product-index-tech{background:var(--npi-bg-muted);padding:72px 0 80px}
.new-product-index-tech .npi-tech-title{font-family:var(--npi-font-title);font-size:36px;line-height:48px;font-weight:700;color:var(--npi-text);text-align:center;margin:0 0 48px}
.new-product-index-tech .npi-tech-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 25px;align-items:stretch}
.new-product-index-tech .npi-tech-card{min-width:0;width:auto;max-width:none}
.new-product-index-tech .npi-tech-card-inner{position:relative;box-sizing:border-box;width:100%;height:100%;min-height:0;margin:0;border-radius:0;background-color:#efefef;padding:30px;box-shadow:none;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;transition:background-color .2s ease,box-shadow .2s ease}
.new-product-index-tech .npi-tech-icon{width:56px;height:56px;flex-shrink:0;color:var(--public-color,#d1121b);margin-bottom:25px;transition:color .2s ease;display:inline-flex;align-items:center;justify-content:center}
.new-product-index-tech .npi-tech-icon svg{display:block;width:100%;height:100%}
.new-product-index-tech .npi-tech-label{font-size:20px;line-height:28px;font-weight:700;color:#333333;text-align:center;margin:0;max-width:100%}
.new-product-index-tech .npi-tech-desc{font-size:16px;line-height:24px;color:#666666;margin:10px 0 0;flex:1;min-height:90px}
.new-product-index-tech .npi-tech-triangle{display:none}
.new-product-index-tech .npi-tech-card:hover .npi-tech-card-inner{background-color:#e5e5e5}
.new-product-index-tech .npi-tech-card:hover .npi-tech-icon{color:var(--public-color,#d1121b)}
.new-product-index-tech .npi-tech-card:hover .npi-tech-label{color:#333333}
@media (max-width:1199px){
    .new-product-index-tech .npi-tech-title{font-size:30px;line-height:40px;margin-bottom:40px}
    .new-product-index-tech .npi-tech-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}
    .new-product-index-tech .npi-tech-icon{width:48px;height:48px;margin-bottom:20px}
    .new-product-index-tech .npi-tech-label{font-size:20px;line-height:28px}
    .new-product-index-tech .npi-tech-desc{font-size:17px;line-height:24px}
}
@media (max-width:767px){
    .new-product-index .ui-container{padding-left:15px;padding-right:15px}
    .new-product-index-tech{padding:48px 0 56px}
    .new-product-index-tech .npi-tech-title{font-size:24px;line-height:32px;margin-bottom:32px}
    .new-product-index-tech .npi-tech-list{grid-template-columns:1fr;gap:20px}
    .new-product-index-tech .npi-tech-label{font-size:18px;line-height:26px}
    .new-product-index-tech .npi-tech-desc{font-size:16px;line-height:24px}
}

/* —— 应用领域 —— */
.new-product-index-apps{background:#fff;padding:64px 0 88px}
.new-product-index-apps .npi-apps-title{font-family:var(--npi-font-title);font-size:36px;line-height:48px;font-weight:700;color:var(--npi-text);text-align:left;margin:0 0 40px}
.new-product-index-apps .npi-apps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.new-product-index-apps .npi-apps-item{min-width:0}
.new-product-index-apps .npi-apps-img-link{display:block;position:relative;overflow:hidden;background:var(--npi-placeholder)}
.new-product-index-apps .npi-apps-img-link::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.04);pointer-events:none;z-index:1}
.new-product-index-apps .npi-apps-img-link img{display:block;width:100%;height:auto;aspect-ratio:320/200;object-fit:cover}
.new-product-index-apps .npi-apps-title-link{display:block;margin-top:16px;text-align:center;text-decoration:none;color:inherit}
.new-product-index-apps .npi-apps-title-link h3{font-family:var(--npi-font-title);font-size:16px;line-height:24px;font-weight:700;color:var(--npi-text);margin:0}
.new-product-index-apps .npi-apps-title-link:hover h3{color:var(--public-color,#d1121b)}
@media (max-width:1199px){.new-product-index-apps .npi-apps-title{font-size:30px;line-height:40px;margin-bottom:32px}
.new-product-index-apps .npi-apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width:767px){.new-product-index-apps{padding-bottom:56px}
.new-product-index-apps .npi-apps-title{font-size:24px;line-height:32px;margin-bottom:24px}
.new-product-index-apps .npi-apps-grid{grid-template-columns:1fr;gap:20px}}
