/* ==========================================================================
   p-news.css — 新闻列表页（公司动态）专属（几何数值取自 01_公司动态.psd）
   ========================================================================== */

.clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
}


/* 内容区：容器 16.04rem，内容 14.44rem（两侧各内缩 0.8rem） */
.n-wrap {
  width: 14.44rem;
  margin-inline: auto;
}

/* ---- 顶部三张图文卡 ---- */
.n-cards {
  display: grid;
  grid-template-columns: repeat(3, 4.53rem);
  justify-content: space-between;
  margin-top: 1.22rem;
}
.ncard {
  display: block;
}
.ncard__fig {
  display: block;
  height: 3.02rem;
  overflow: hidden;
}
.ncard__fig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}
.ncard:hover .ncard__fig img { transform: scale(1.04); }
.ncard__date {
  display: block;
  margin-top: 0.34rem;
  font-family: var(--ff-en);
  font-size: 0.32rem;
  line-height: 1;
  font-weight: 600;
  color: var(--c-primary);
}
.ncard__year {
  display: block;
  margin-top: 0.13rem;
  font-family: var(--ff-en);
  font-size: 0.18rem;
  line-height: 1;
  color: var(--c-primary);
}
.ncard__title {
  display: block;
  margin-top: 0.38rem;
  font-size: var(--fs-h5);
  line-height: 1;
  font-weight: 400;
  color: var(--c-ink);
}
.ncard__desc {
  margin-top: 0.24rem;
  font-size: var(--fs-sm);
  line-height: 0.28rem;
  color: var(--c-ink-2);
}

/* ---- 文字列表行 ---- */
.n-list { margin-top: 1.13rem; }
.nrow {
  position: relative;
  margin-bottom: 0.62rem;
  padding-bottom: 0.53rem;
  border-bottom: 1px solid var(--c-line);
}
.nrow__date {
  position: absolute;
  left: 0;
  top: -0.04rem;
  font-family: var(--ff-en);
  font-size: 0.32rem;
  line-height: 1;
  font-weight: 600;
  color: var(--c-primary);
}
.nrow__year {
  position: absolute;
  left: 0;
  top: 0.42rem;
  font-family: var(--ff-en);
  font-size: var(--fs-sm);
  line-height: 1;
  color: var(--c-primary);
}
.nrow__bar {
  position: absolute;
  left: 1.52rem;
  top: 0;
  width: 0.02rem;
  height: 1rem;
  background: #eaeaea;
}
.nrow__body {
  margin-left: 2.2rem;
  padding-right: 1.3rem;
}
.nrow__title {
  font-size: var(--fs-h5);
  line-height: 1;
  font-weight: 400;
  color: var(--c-ink);
}
.nrow__desc {
  margin-top: 0.23rem;
  font-size: var(--fs-sm);
  line-height: 0.28rem;
  color: var(--c-ink-2);
}
.nrow__more {
  position: absolute;
  right: 0;
  top: 0.4rem;
  display: flex;
  align-items: center;
  gap: 0.19rem;
  font-size: var(--fs-sm);
  line-height: 1;
  color: var(--c-primary);
  transition: color 0.2s ease;
}
.nrow__more::after {
  content: "";
  width: 0.08rem;
  height: 0.11rem;
  background: var(--c-primary);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: background-color 0.2s ease;
}
.nrow__more:hover { color: #0a6ecb; }
.nrow__more:hover::after { background: #0a6ecb; }

/* ---- 分页（PSD：0.58rem 圆，白底灰边，选中红边红字，下一页红底） ---- */
.pager {margin-top: 0.79rem;gap: 0.15rem;}
.pager button,
.pager a {width: 0.58rem;height: 0.58rem;border: 0;background: var(--c-card);font-size: 0.16rem;color: var(--c-ink-2);position: relative;}
/* .pager .pager-prev:before{position: absolute;width: 100%;height: 100%;content: '';background: url(../images/ico-chevron-left.svg) no-repeat center;background-size: 15px auto;left: 50%;top: 50%;transform: translate(-50%, -50%); filter:brightness(0);opacity:.28;}
.pager .pager-prev {background-color: var(--c-white); border: 1px solid var(--c-line);}
.pager .pager-prev:hover { background-color: var(--c-primary);}
.pager .pager-prev:hover:before{filter:none;opacity:1; }
.pager .pager-dots {display: grid;place-items: center;width: 0.58rem;height: 0.58rem;border-radius: 50%;background: var(--c-card);font-size: 0.16rem;color: var(--c-ink-2);}
.pager .pager-dots:hover { background-color: var(--c-card); color: var(--c-ink-2); }
.pager .a_cur {background: var(--c-white);box-shadow: inset 0 0 0 2px var(--c-accent);color: var(--c-accent);}
.pager .a_cur:hover { background-color: var(--c-white); color: var(--c-accent); }
.pager .pager-next { background-color: var(--c-accent); background-image: url(../images/ico-chevron-right.svg);background-position: center;background-repeat: no-repeat;background-size: 15px auto;}
.pager .pager-next:hover { background-color: #b8080e; } */

/* ---- 分类切换：整行 hover 反馈 + 切分类时的错位入场 ---- */
.nrow[hidden] { display: none; }
/* .pager 有 display:flex，[hidden] 需要显式盖掉 */
.pager[hidden] { display: none; }
.nrow__title { transition: color 0.2s ease; }
.nrow::before {content: "";position: absolute;left: -0.22rem;top: -0.08rem;bottom: 0.43rem;width: 0.03rem;background: var(--c-accent);transform: scaleY(0);transform-origin: 50% 0;transition: transform 0.32s cubic-bezier(0.22, 0.8, 0.28, 1);}
.nrow:hover::before { transform: scaleY(1); }
.nrow:hover .nrow__title { color: var(--c-primary); }
.nrow:hover .nrow__more::after { transform: translateX(0.05rem); }
.nrow__more::after { transition: background-color 0.2s ease, transform 0.3s ease; }

.n-list.is-switching .nrow:not([hidden]) {animation: nrowIn 0.4s cubic-bezier(0.22, 0.8, 0.28, 1) both;animation-delay: calc(var(--i, 0) * 55ms);}
@keyframes nrowIn {
  from { opacity: 0; transform: translateY(0.1rem); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .n-list.is-switching .nrow:not([hidden]) { animation: none; }
  .nrow::before { transition: none; }
}

/* ---- 内容区底部留白（最后一行边线 2721 → 页脚 2973） ---- */
.n-wrap { padding-bottom: 1.08rem; }
.s-cards{display: grid;grid-template-columns: repeat(4, 1fr);gap: 0.2rem;}
.scard{height: 4rem;border-radius: var(--radius-card);background: var(--c-card);overflow: hidden;transition: transform 0.28s ease, box-shadow 0.28s ease;padding-inline: 0.4rem;}
.scard__title{display: block;margin-top: 0.3rem;padding-inline: 0.2rem;font-size: 0.2rem;line-height: 1.5;text-align: center;color: var(--c-ink);}

/* ---- 响应式 ---- */
@media (max-width: 1024px) {
  .n-wrap { width: calc(100% - 0.6rem); }
  .n-cards { grid-template-columns: repeat(3, 1fr); gap: 0.24rem; margin-top: 0.8rem; }
  .nrow__body { margin-left: 1.7rem; padding-right: 0; }
  .nrow__bar { left: 1.2rem; }
}
@media (max-width: 768px) {
  .n-wrap { width: calc(100% - 0.48rem); padding-bottom: 0.7rem; }
  .n-cards { grid-template-columns: 1fr; gap: 0.4rem; margin-top: 0.5rem; }
  .ncard__fig { height: 4.2rem; }
  .ncard__title { font-size: 0.32rem; }
  .ncard__desc { font-size: 0.22rem; line-height: 1.6; }
  .n-list { margin-top: 0.7rem; }
  .nrow { padding-bottom: 0.4rem; margin-bottom: 0.4rem; }
  .nrow__date { font-size: 0.3rem; }
  .nrow__year { top: 0.56rem; }
  .nrow__bar { left: 1.1rem; height: 0.8rem; }
  .nrow__body { margin-left: 1.5rem; }
  .nrow__title { font-size: 0.3rem; line-height: 1.4; }
  .nrow__desc { font-size: 0.24rem; line-height: 1.6; margin-top: 0.2rem; }
  .nrow__more { position: static; margin-top: 0.24rem; }
  
  .s-cards{display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.2rem;}
  .scard__fig{height: 2.4rem;}
}