/* 关于页首屏模块：只负责首屏背景、标题、标签和导语。 */
#npi-about .hero{background:linear-gradient(90deg, var(--wk-white-tint-95) 0%, var(--wk-white-tint-90) 40%, var(--wk-white-tint-55) 75%, var(--wk-white-tint-20) 100%), url('../../assets/images/about-hero-bg.png') right center/cover no-repeat;padding:var(--wk-space-4) var(--wk-space-2xl) var(--wk-space-4);min-height:480px}
#npi-about .hero-inner{max-width:920px;margin:0 auto;text-align:left}
#npi-about .eyebrow{display:inline-block;background:var(--primary-light);color:var(--primary-text) !important;padding:var(--wk-space-sm) var(--wk-space-lg);border-radius:var(--wk-radius-pill);font-size:var(--wk-text-sm);font-weight:600;margin-bottom:var(--wk-space-1);letter-spacing:.5px}
#npi-about .hero h1{font-size:var(--wk-text-h1);line-height:1.25;font-weight:700;color:var(--dark) !important;margin-bottom:var(--wk-space-2xl);letter-spacing:-1px}
#npi-about .hero h1 .accent{color:var(--primary-text) !important}
#npi-about .hero-pills{display:flex;flex-wrap:wrap;gap:var(--wk-space-md);margin:0 0 var(--wk-space-sm)}
#npi-about .hero-pills .pill{display:inline-block;padding:var(--wk-space-sm) var(--wk-space-1);border-radius:var(--wk-radius-pill);font-size:var(--wk-text-sm);font-weight:600;color:var(--primary-text) !important;background:var(--primary-light);border:1px solid var(--wk-blue-tint)}
#npi-about .hero-copy{
  display:grid;grid-template-columns:1fr 1.4fr;gap:var(--wk-space-2) var(--wk-space-3);
  max-width:820px;margin-top:var(--wk-space-3xl);
}
/* 引导语：左上，字重500（比标题700细），不抢标题 */
#npi-about .hero-copy p:first-child{
  grid-column:1 / -1;
  font-size:calc(var(--wk-text-body) * 1.35);font-weight:500;
  color:var(--dark);line-height:1.4;
}
/* 正文1：左栏，最小字号xs+最细字重300，不加粗 */
#npi-about .hero-copy p:nth-child(2){
  grid-column:1;font-size:var(--wk-text-body);
  font-weight:300;line-height:1.8;color:var(--text-secondary);
}
/* 正文2：右栏，字号body+最细字重300，不加粗 */
#npi-about .hero-copy p:nth-child(3){
  grid-column:2;font-size:var(--wk-text-body);
  font-weight:300;line-height:1.8;color:var(--text-secondary);
}
/* <b> 关键词：取消加粗，只靠品牌色区分 */
#npi-about .hero-copy p b{font-weight:300;color:var(--primary-text)}
/* 使命：右下，右对齐，品牌色细字 */
#npi-about .hero-copy p:last-child{
  grid-column:1 / -1;
  font-size:calc(var(--wk-text-body) * 1.3);font-weight:300;
  color:var(--primary);text-align:right;letter-spacing:.06em;
  line-height:1.4;margin-top:var(--wk-space-1);
}

@media (max-width:640px){
  #npi-about .hero-copy{grid-template-columns:1fr}
  #npi-about .hero-copy p:nth-child(2),
  #npi-about .hero-copy p:nth-child(3){grid-column:1 / -1}
}

@media (max-width:960px){
  #npi-about .hero h1{font-size:var(--wk-text-h1)}
}

@media (max-width:520px){
  #npi-about .hero{background:var(--gray-bg);padding:var(--wk-space-3) var(--wk-space-2xl) var(--wk-space-2);min-height:auto}
  #npi-about .hero-inner{text-align:center}
  #npi-about .hero-copy{max-width:100%;margin-top:var(--wk-space-2xl)}
}