/* nianshen.html · 证书年审专属样式 */

/* 题头左右分栏 */
.ns-hero{
  background:var(--blue-50);padding:calc(var(--header-h) + 48px) 0 56px;
}
.ns-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ns-hero-text h1{margin:16px 0 14px}
.ns-lead{color:var(--gray-600);font-size:16px;margin-bottom:26px}.ns-hero-media img {border-radius:var(--radius-l);box-shadow:var(--shadow-m);height:auto;aspect-ratio:2508/1672;object-fit:cover;width:100%}

/* 条件材料双栏 */
.ns-material{padding:64px 0;background:var(--white)}
.ns-mat-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ns-mat-card{
  background:var(--gray-50);border-radius:var(--radius-l);padding:30px 28px;
  border-top:4px solid var(--blue-400);
}
.ns-mat-card h3{margin-bottom:16px;color:var(--blue-800)}
.ns-mat-card ul{display:grid;gap:10px}
.ns-mat-card li{padding-left:22px;position:relative;color:var(--gray-700);font-size:14.5px}
.ns-mat-card li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--blue-400)}
.ns-mat-note{margin-top:22px;color:var(--gray-600);font-size:14.5px;max-width:820px}

/* 流程步骤流 */
.ns-process{padding:64px 0;background:var(--gray-50)}
.ns-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ns-steps li{background:var(--white);border-radius:var(--radius-m);padding:26px 22px;text-align:center;box-shadow:var(--shadow-s)}
.ns-steps span{
  display:flex;width:42px;height:42px;border-radius:50%;background:var(--blue-500);color:#fff;
  align-items:center;justify-content:center;font-weight:700;margin:0 auto 14px;
}
.ns-steps h3{font-size:16px;margin-bottom:6px}
.ns-steps p{font-size:13.5px;color:var(--gray-500)}

/* 时间口径提示条 */
.ns-time{padding:0 0 0 0;background:var(--white)}
.ns-time-inner{
  display:flex;gap:22px;background:#fff8e6;border:1px solid #f0e0b0;border-radius:var(--radius-l);
  padding:26px 28px;align-items:flex-start;
}
.ns-time-icon{
  flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#e8b93c;color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;
}
.ns-time-inner h3{margin-bottom:8px;color:#8a6d1a}
.ns-time-inner p{color:#6b5a2a;font-size:14.5px}
.ns-time-extra{margin-top:10px;max-width:820px}

/* 代办 */
.ns-agent{padding:64px 0;background:var(--white)}
.ns-agent-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.ns-agent-text h2{margin:10px 0 14px}
.ns-agent-text p{color:var(--gray-600)}
.ns-agent-list{display:grid;gap:12px}
.ns-agent-list li{
  background:var(--blue-50);padding:14px 18px;border-radius:var(--radius-m);
  font-size:14px;color:var(--gray-700);padding-left:44px;position:relative;
}
.ns-agent-list li::before{
  content:"✓";position:absolute;left:16px;top:14px;width:20px;height:20px;border-radius:50%;
  background:var(--white);color:var(--blue-600);display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;
}

/* CTA */
.ns-cta{background:var(--gray-900);padding:56px 0;color:#fff}
.ns-cta-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.ns-cta h2{color:#fff;margin-bottom:8px}
.ns-cta p{color:var(--gray-300)}
.ns-note{padding:64px 0;background:var(--white)}
.ns-note .sec-body{display:grid;gap:14px;max-width:820px}
.ns-note .sec-body p{color:var(--gray-600);font-size:14.5px;line-height:1.8}

/* 材料逐项 */
.ns-matdetail{padding:64px 0;background:var(--gray-50)}
.ns-matdetail-wrap{overflow-x:auto;border-radius:var(--radius-l);box-shadow:var(--shadow-s)}
.ns-matdetail-table{width:100%;border-collapse:collapse;background:var(--white);min-width:560px}
.ns-matdetail-table th,.ns-matdetail-table td{padding:14px 18px;text-align:left;font-size:14px;border-bottom:1px solid var(--gray-100)}
.ns-matdetail-table thead th{background:var(--blue-600);color:#fff;font-weight:600}
.ns-matdetail-table td:first-child{font-weight:600;color:var(--gray-900);white-space:nowrap}
.ns-matdetail-table td{color:var(--gray-600)}

/* 逾期处理 */
.ns-overdue{padding:64px 0;background:var(--white)}
.ns-overdue .sec-body{display:grid;gap:14px;max-width:820px}
.ns-overdue .sec-body p{color:var(--gray-600);font-size:14.5px;line-height:1.8}

@media (max-width:920px){
  .ns-hero-inner,.ns-mat-grid,.ns-agent-inner{grid-template-columns:1fr}
  .ns-steps{grid-template-columns:1fr 1fr}
}