/* ============ 工作流 workflow.html 专属 ============ */
/* 项目阶段卡片（带进度条） */
.wf-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wf-stage{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s}
.wf-stage:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.wf-stage::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-brand)}
.wf-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.wf-num{font-size:32px;font-weight:900;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.wf-pill{font-size:12px;font-weight:700;color:var(--purple-600);padding:5px 12px;border-radius:999px;background:var(--grad-brand-soft)}
.wf-stage h3{font-size:18px;margin-bottom:10px}
.wf-stage p{font-size:14px;color:var(--ink-500);margin-bottom:16px}
.wf-tasks{display:grid;gap:8px}
.wf-tasks li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--ink-700)}
.wf-tasks svg{width:17px;height:17px;color:var(--blue-500);flex:none;margin-top:3px}

/* 协作工具网格 */
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tool-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:26px 22px;text-align:center;box-shadow:var(--shadow-sm);transition:all .4s var(--ease)}
.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--purple-300)}
.tool-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin:0 auto 14px;color:#fff;background:var(--grad-brand)}
.tool-ico svg{width:26px;height:26px}
.tool-card h4{font-size:15px;margin-bottom:6px}
.tool-card p{font-size:12.5px;color:var(--ink-500)}

@media (max-width:860px){
  .wf-stages{grid-template-columns:1fr}
  .tool-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .tool-grid{grid-template-columns:1fr}
}
