/* 流水线状态条（2026-08-27）：首页检测线下面那一排「稿子走到哪一级」。
   视觉分量介于检测线（主角）和刚出检（脉搏）之间——它是**证据**不是正文，
   所以骨架照抄 fresh.css 那一族（同族页面就该是同一套外形），
   只在数字上给金色重量。全部走 token，不硬编码颜色与字号，夜航靠这条自动成立。 */

.pipe {
    border: 1px solid var(--line);
    border-radius: var(--r);
    background: var(--card);
    padding: var(--sp-3) var(--sp-4);
    margin-bottom: var(--sp-6);
}
.pipe-h {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-2);
    margin-bottom: var(--sp-3);
}
.pipe-h > b { font-weight: 700; color: var(--ink); font-size: var(--fs-sm); }
.pipe-h > span { color: var(--ink-3); font-size: var(--fs-xs); line-height: 1.8; }
.pipe-h > span b { color: var(--ink-2); }
/* 没过线的闸门用红字：这是「有几条结论现在不作定论」，是本站最该被看见的一句自曝。
   --red 是文字可用色（见 main.css token 表），不是图形金那种只能描边的。 */
.pipe-h .pipe-gate-open { color: var(--red); font-weight: 700; }
.pipe-more { margin-left: auto; color: var(--gold-text); font-size: var(--fs-xs); text-decoration: none; }
.pipe-more:hover { text-decoration: underline; }

/* 五级横排。窄屏落成两列而不是压成五条细柱——390px 上五列每列只剩 60px，
   「并入多源事件」六个字要折三行。 */
.pipe-row {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--sp-2);
}
.pipe-step { min-width: 0; }
.pipe-step > a {
    display: flex; flex-direction: column; gap: 3px;
    text-decoration: none; color: inherit;
    padding: var(--sp-2);
    border-radius: var(--r-sm);
    /* 可点目标 ≥44px（#171 红线）：三行内容 + 上下 8px 实测 62px */
    min-height: 44px;
}
.pipe-step > a:hover { background: var(--gold-wash); }
.pipe-n {
    font-size: var(--fs-lg); font-weight: 800; color: var(--ink);
    font-variant-numeric: tabular-nums; line-height: 1.2;
}
.pipe-name { font-size: var(--fs-xs); color: var(--ink-3); line-height: 1.5; }
.pipe-bar {
    display: block; height: 3px; border-radius: 2px;
    background: var(--line); overflow: hidden; margin-top: 2px;
}
.pipe-bar > i { display: block; height: 100%; background: var(--gold); }
.pipe-pct {
    font-size: var(--fs-xs); color: var(--ink-3);
    font-variant-numeric: tabular-nums;
}

@media (max-width: 720px) {
    .pipe-row { grid-template-columns: repeat(2, 1fr); }
    /* 第一级「已收录」是分母，单独占满一行当表头 */
    .pipe-step:first-child { grid-column: 1 / -1; }
    .pipe-more { margin-left: 0; }
}