/* 页型A · Pillar 部位封面(category.html)——复用 base.css 组件,仅页内增量 */
.pillar-hero .hero-kicker{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--brand-soft);
  color:var(--brand-deep);font-size:.72rem;letter-spacing:.06em;font-weight:600;margin-bottom:10px}
.pillar-cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cluster-card{display:flex;flex-direction:column;gap:8px;padding:20px 18px;background:var(--card);
  border-radius:var(--r-m);box-shadow:var(--shadow);border:1px solid transparent;transition:all .2s}
.cluster-card:hover{border-color:var(--brand);box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.cluster-name{font-size:1.05rem;font-weight:700;color:var(--ink)}
.cluster-go{font-size:.8rem;color:var(--brand-deep);font-weight:600}
.pillar-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}
.cluster-card.is-building{opacity:.6;cursor:default;box-shadow:none;border-style:dashed}
.cluster-card.is-building:hover{transform:none;border-color:transparent}
.cluster-go.building{color:var(--muted);font-weight:400}
@media(max-width:1023px){.pillar-cluster-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.pillar-cluster-grid{grid-template-columns:repeat(2,1fr)}.pillar-links{grid-template-columns:1fr}}
