/* 县村贯通页 · 单页样式（浅色，主色沿用 #17694f） */
.chain{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin-top:10px}
.chain-node{flex:1 1 150px;min-width:140px;background:#F4F8F6;border:1px solid #DCE7E2;border-radius:10px;padding:10px 12px}
.chain-node b{display:block;font-size:14px;color:#17694f;margin-bottom:3px}
.chain-node span{font-size:12px;color:#5A6B66;line-height:1.5}
.chain-arrow{align-self:center;color:#9BB3AA;font-size:20px}
.steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.step{flex:1 1 130px;border:1px dashed #C9DCD4;border-radius:10px;padding:10px 12px;background:#FBFDFC}
.step b{display:block;font-size:13px;color:#16211E}
.step em{font-style:normal;display:block;font-size:12px;color:#86968F;margin-top:3px;line-height:1.5}
.kpi-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.kpi{flex:1 1 110px;background:#fff;border:1px solid #E4EAE8;border-radius:10px;padding:10px 12px}
.kpi b{display:block;font-size:21px;line-height:1.2;color:#16211E}
.kpi span{font-size:12px;color:#5A6B66}
.prog{height:6px;background:#E4EAE8;border-radius:4px;overflow:hidden;margin:9px 0 5px}
.prog i{display:block;height:100%;background:#17694f}
.task{border-left:3px solid #17694f}
.task.wait{border-left-color:#C9A227}
.task.done{border-left-color:#2C6E9B}
.chipbar{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 10px}
.chip{padding:5px 13px;border-radius:20px;border:1px solid #DCE7E2;background:#fff;font-size:13px;cursor:pointer;color:#3C4C47}
.chip.on{background:#17694f;color:#fff;border-color:#17694f}
.mark{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.mark button{font-size:12px;padding:4px 11px;border-radius:14px;border:1px solid #DCE7E2;background:#fff;cursor:pointer;color:#3C4C47}
.mark button.on{background:#17694f;color:#fff;border-color:#17694f}
.mark button.bad.on{background:#C0392B;border-color:#C0392B}
@media(max-width:600px){.chain-arrow{display:none}.chain-node{flex:1 1 100%}}