/* Extracted from src/global/deployment.njk style block 1 */
/* ============ deployment.njk · page-scoped ============ */

/* §01 部署形态卡片 — 顶部编号 + 同构能力清单 */
.dp-mode-card{ display:flex; flex-direction:column; }
.dp-mode-num{
    font-family:var(--font-mono);
    font-size:12px; font-weight:600; letter-spacing:.14em;
    color:var(--text-muted); margin-bottom:14px;
}
.dp-mode-card .scn-card-icon{ margin-bottom:16px; }
.dp-mode-card h4{ margin-bottom:8px; }
.dp-mode-card > p{ margin-bottom:18px; }
.dp-mode-list{
    list-style:none; margin:auto 0 0; padding:0;
    display:flex; flex-direction:column;
}
.dp-mode-list li{
    display:flex; gap:10px; align-items:flex-start;
    padding:9px 0; border-top:1px solid var(--scn-line-soft);
    font-size:12.8px; line-height:1.55; color:var(--text-secondary);
}
.dp-mode-list li i{
    flex-shrink:0; margin-top:3px;
    color:var(--accent); font-size:11px;
}

/* §02 私有化 AI 栈 — pill 标签 */
.dp-pills{ display:flex; flex-wrap:wrap; gap:9px; margin-top:6px; }
.dp-pill{
    display:inline-flex; align-items:center; gap:7px;
    padding:8px 14px; border-radius:999px;
    background:#fff; border:1px solid var(--scn-line);
    font-family:var(--font-mono);
    font-size:12px; font-weight:600; letter-spacing:.02em;
    color:var(--text-primary);
}
.dp-pill i{ color:var(--accent); font-size:11px; }

/* §02 视觉面板内的实拍图 */
.dp-shot{
    display:block; width:100%; height:auto;
    border-radius:13px;
    border:1px solid var(--scn-line);
}
.dp-shot-cap{
    display:flex; gap:11px; align-items:flex-start;
    margin-top:16px;
}
.dp-shot-cap i{
    width:34px; height:34px; border-radius:9px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-glow); color:var(--accent); font-size:13px;
}
.dp-shot-cap div{ min-width:0; }
.dp-shot-cap strong{ display:block; font-size:13.5px; font-weight:800; color:var(--text-primary); }
.dp-shot-cap span{ display:block; margin-top:3px; font-size:12.5px; line-height:1.6; color:var(--text-secondary); }

/* §03 交付与运维 — 编号说明卡 */
.dp-ops-card{ display:flex; flex-direction:column; }
.dp-ops-card .scn-card-icon{ margin-bottom:16px; }
.dp-ops-card h4{ margin-bottom:8px; }
.dp-ops-card p{ margin:0; }