/* landing-matrix.css — 首页 v4 新增三组件样式 (纯消费 var(--st-*) 令牌; 禁 :root 竞争 G7) */

/* ═══ Hero 三卡预览 ═══ */
.st-hero-cards{padding:0 0 var(--st-space-3xl)}
.st-hero-cards-badge{text-align:center;font-size:var(--st-text-sm);color:var(--st-ink-tertiary);margin:0 0 var(--st-space-md)}
.st-hero-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--st-gutter)}
.st-hero-card{background:var(--st-surface);border:1px solid var(--st-border);border-radius:var(--st-radius-lg);padding:var(--st-space-lg);text-align:left;transition:box-shadow var(--st-motion-fast),transform var(--st-motion-fast)}
.st-hero-card:hover{box-shadow:var(--st-shadow-hover);transform:translateY(-2px)}
.st-hero-card-alert{border-color:var(--st-secondary);background:var(--st-bg)}
.st-hero-card-icon{font-size:var(--st-text-h1);line-height:1;margin-bottom:var(--st-space-sm)}
.st-hero-card-label{font-size:var(--st-text-label);color:var(--st-ink-tertiary);margin-bottom:var(--st-space-xs)}
.st-hero-card-value{font-size:var(--st-text-h1);font-weight:700;color:var(--st-ink);margin-bottom:var(--st-space-xs);letter-spacing:-0.02em}
.st-hero-card-alert .st-hero-card-value{color:var(--st-secondary)}
.st-hero-card-note{font-size:var(--st-text-sm);color:var(--st-ink-secondary)}

/* ═══ Awareness ④ 感知屏 ═══ */
.st-aware-list{list-style:none;max-width:560px;margin:0 auto var(--st-space-xl);padding:0;display:flex;flex-direction:column;gap:var(--st-space-md)}
.st-aware-list li{display:flex;align-items:flex-start;gap:var(--st-space-sm);font-size:var(--st-text-body);color:var(--st-ink)}
.st-aware-check{color:var(--st-primary);font-weight:700;flex-shrink:0}
.st-aware-cta{text-align:center}

/* ═══ Matrix 四格 2×2 ═══ */
.st-matrix-axes{display:flex;justify-content:center;gap:var(--st-space-xl);font-size:var(--st-text-sm);color:var(--st-ink-tertiary);margin:0 0 var(--st-space-xl)}
.st-matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--st-gutter)}
.st-matrix-cell{background:var(--st-surface);border:1px solid var(--st-border);border-radius:var(--st-radius-lg);padding:var(--st-space-lg);display:flex;flex-direction:column;gap:var(--st-space-sm)}
.st-matrix-tier{display:inline-block;align-self:flex-start;padding:2px 10px;background:var(--st-primary-soft);color:var(--st-primary);font-size:var(--st-text-xs);font-weight:600;border-radius:var(--st-radius-full);text-transform:uppercase;letter-spacing:0.05em}
.st-matrix-cell h3{margin:0;font-size:var(--st-text-h3);color:var(--st-ink)}
.st-matrix-tagline{font-size:var(--st-text-body);color:var(--st-ink-secondary);margin:0}
.st-matrix-who{font-size:var(--st-text-sm);color:var(--st-ink-tertiary);margin:0}
.st-matrix-link{font-size:var(--st-text-sm);font-weight:600;color:var(--st-primary);text-decoration:none;margin-top:var(--st-space-xs)}
.st-matrix-link:hover{color:var(--st-primary-hover)}

/* ═══ 响应式 (与 stitch 一致断点) ═══ */
@media(max-width:768px){
  .st-hero-cards-grid{grid-template-columns:1fr}
  .st-matrix-grid{grid-template-columns:1fr}
  .st-matrix-axes{flex-direction:column;gap:var(--st-space-sm);text-align:center}
}