/* assets/systems/business-ops/how-a-simple-business-revenue-cost-cycle-works.css — 本页专属样式（en/zh 共用） */
/* ============ 企业收入—成本循环 · Business revenue-cost cycle ============ */
/* business-cycle · merged from source <style> */
body[data-topic="business-cycle"] .svg-title{fill:#16202c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
           font-size:17px;font-weight:600;letter-spacing:.08em;text-anchor:middle;}
body[data-topic="business-cycle"] .svg-sub{fill:#64748b;font-size:12px;text-anchor:middle;}
body[data-topic="business-cycle"] .tag   {fill:#334155;font-size:15px;font-weight:600;text-anchor:middle;}
body[data-topic="business-cycle"] .tag-sm{fill:#5b6472;font-size:12px;text-anchor:middle;}
body[data-topic="business-cycle"] .legend{fill:#5b6472;font-size:11px;text-anchor:middle;}

/* ======== 节点配色：四色区分 ======== */
/* 投入品 - 琥珀 */
body[data-topic="business-cycle"] .node-inputs .node-box{fill:#fef3c7;stroke:#d97706;stroke-width:2.5;stroke-linejoin:round;}
body[data-topic="business-cycle"] .node-inputs .node-icon{fill:#d97706;opacity:.85;}
body[data-topic="business-cycle"] .node-inputs .tag{fill:#92400e;}
body[data-topic="business-cycle"] .node-inputs .tag-sm{fill:#b45309;}

/* 生产 - 紫罗兰 */
body[data-topic="business-cycle"] .node-prod .node-box{fill:#ede9fe;stroke:#7c3aed;stroke-width:2.5;stroke-linejoin:round;}
body[data-topic="business-cycle"] .node-prod .node-icon{fill:#7c3aed;opacity:.85;}
body[data-topic="business-cycle"] .node-prod .tag{fill:#5b21b6;}
body[data-topic="business-cycle"] .node-prod .tag-sm{fill:#7c3aed;}

/* 客户 - 翡翠 */
body[data-topic="business-cycle"] .node-cust .node-box{fill:#d1fae5;stroke:#059669;stroke-width:2.5;stroke-linejoin:round;}
body[data-topic="business-cycle"] .node-cust .node-icon{fill:#059669;opacity:.85;}
body[data-topic="business-cycle"] .node-cust .tag{fill:#065f46;}
body[data-topic="business-cycle"] .node-cust .tag-sm{fill:#047857;}

/* 收入 - 天蓝 */
body[data-topic="business-cycle"] .node-rev .node-box{fill:#dbeafe;stroke:#2563eb;stroke-width:2.5;stroke-linejoin:round;}
body[data-topic="business-cycle"] .node-rev .node-icon{fill:#2563eb;opacity:.85;}
body[data-topic="business-cycle"] .node-rev .tag{fill:#1e40af;}
body[data-topic="business-cycle"] .node-rev .tag-sm{fill:#2563eb;}

/* ======== 流动线条 ======== */
body[data-topic="business-cycle"] .flow-line{
  fill:none;stroke-width:3;stroke-linecap:round;
  stroke-dasharray:10 8;stroke-dashoffset:0;
  animation:bc-flow 1.6s linear infinite;
}
body[data-topic="business-cycle"] .flow-line.h{animation-duration:1.8s;}
body[data-topic="business-cycle"] .flow-line.v{animation-duration:1.4s;}
@keyframes bc-flow{to{stroke-dashoffset:-36}}   /* 36 = 2 × (10+8) */

/* 资金流 - 蓝色系 */
body[data-topic="business-cycle"] .flow-money{stroke:#2563eb;}
body[data-topic="business-cycle"] .arrow-money{fill:#2563eb;}

/* 商品/服务流 - 浅蓝系 */
body[data-topic="business-cycle"] .flow-goods{stroke:#60a5fa;}
body[data-topic="business-cycle"] .arrow-goods{fill:#60a5fa;}

/* ======== 流动标签 ======== */
body[data-topic="business-cycle"] .flow-label{fill:#2563eb;font-size:12px;font-weight:700;text-anchor:middle;}
body[data-topic="business-cycle"] .flow-label-goods{fill:#3b82f6;font-size:12px;font-weight:700;text-anchor:middle;}

@media (prefers-reduced-motion:reduce){
  body[data-topic="business-cycle"] .flow-line{animation:none;stroke-dashoffset:0;}
}