/* ==========================================================================
   p-computing.css — 智算中心页专属（骨架、类别区、筛选、卡片都在 p-catalog.css）
   本页只比产品中心多一块「分类简介」，它与下面的类别图标区同处一条灰带里。
   PSD 实测：灰带 700~1219；标题墨迹 821~866（墨高 46、字宽 379 → 48 号字）、
             导语两行 917~935 / 953~970（行距 36）、图标行 1098 起。
             所以简介上留 121、下留 118，标题→导语 38。
   ========================================================================== */

.p-intro {
  padding: 1.21rem 0 1.18rem;
  text-align: center;
}
.p-intro__h {
  font-size: 0.48rem;
  font-weight: 400;
  line-height: 1;
  color: var(--c-ink);
}
.p-intro__lead {
  max-width: 11.4rem;
  margin: 0.38rem auto 0;
  font-size: var(--fs-body);
  line-height: 0.36rem;
  color: var(--c-ink-2);
}
/* 后台没填简介时不要留出 38 的空档（:empty 对纯空白文本不成立，模板里已去掉换行） */
.p-intro__lead:empty { display: none; }

@media (max-width: 768px) {
  /* 简介不在 .container 里（桌面端整块通栏居中），窄屏必须自己留左右内边距，
     否则 11.4rem 的 max-width 在这时约 590px，文字会顶出屏幕被 body 裁掉 */
  .p-intro {
    padding: 0.6rem 0.4rem;
  }
  .p-intro__h {
    font-size: max(0.36rem, 20px);
  }
  .p-intro__lead {
    margin-top: 0.26rem;
    font-size: max(0.24rem, 13px);
    line-height: 1.7;
  }
}