/* /assets/css/systems/business-ops/how-corporate-governance-works-shareholders-board-management-explained.css — 本页专属样式（en/zh 共用） */
/* ============ 公司治理结构 · Corporate governance (systems) ============
   抽象系统流程图：方框 + 箭头，无外壳。共享类（.part/.tag/.tag-sm/.is-running/
   @keyframes）已在 base 定义；零件区分色与动画用 body[data-topic="corporate-governance"]
   作用域限定，避免与其它页互扰。 */

/* 主题蓝体系：零件描边 / 小字对比度修正（页面作用域） */
body[data-topic="corporate-governance"] .part .body{stroke:#2563eb;stroke-width:1.6}
body[data-topic="corporate-governance"] .part .body2{stroke:#60a5fa;stroke-width:1.2}
body[data-topic="corporate-governance"] .tag-sm{fill:#5b6472;font-size:11px}

/* 各部件区分色（作用域限定 · per-part distinct fills，均在中灰蓝值域内，禁近白） */
body[data-topic="corporate-governance"] .cg-p-shareholders .body{fill:#c2d1e4}
body[data-topic="corporate-governance"] .cg-p-shareholders .body2{fill:#dde7f4}
body[data-topic="corporate-governance"] .cg-p-board .body{fill:#bccbe0}
body[data-topic="corporate-governance"] .cg-p-board .body2{fill:#d8e4f3}
body[data-topic="corporate-governance"] .cg-p-management .body{fill:#c6d3e5}
body[data-topic="corporate-governance"] .cg-p-management .body2{fill:#e0eaf5}
body[data-topic="corporate-governance"] .cg-p-committees .body{fill:#bfcee2}
body[data-topic="corporate-governance"] .cg-p-committees .body2{fill:#dae6f4}
body[data-topic="corporate-governance"] .cg-p-auditor .body{fill:#c4d1e3}
body[data-topic="corporate-governance"] .cg-p-auditor .body2{fill:#dce7f3}

/* 高亮态（页面引擎 is-active 时） */
.part.is-active .body{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}
.part.is-active .body2{fill:#c4daf8;stroke:#3b82f6;stroke-width:1.4}
.part.is-active .body3{fill:#1d4ed8}
.part.is-active{filter:drop-shadow(0 0 12px rgba(29,78,216,.5))}

/* 箭头：实线 = 选举 / 委任；虚线 = 监督 / 报告（披露） */
.cg-solid{fill:none;stroke:#1d4ed8;stroke-width:2.6;stroke-linecap:round}
.cg-dash{fill:none;stroke:#5b8fd6;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:10 8;
  animation:cg-dashmove 1.1s linear infinite;animation-play-state:paused}
.is-running .cg-dash{animation-play-state:running}
@keyframes cg-dashmove{to{stroke-dashoffset:-18}}
.cg-link{fill:none;stroke:#8ea0b5;stroke-width:1.4;stroke-dasharray:3 3}

/* 三条流：依次点亮循环（选举 → 报告 → 监督） */
.cg-flowA{animation:cg-pulse 9s ease-in-out infinite;animation-delay:0s;animation-play-state:paused}
.cg-flowB{animation:cg-pulse 9s ease-in-out infinite;animation-delay:3s;animation-play-state:paused}
.cg-flowC{animation:cg-pulse 9s ease-in-out infinite;animation-delay:6s;animation-play-state:paused}
.is-running .cg-flowA,.is-running .cg-flowB,.is-running .cg-flowC{animation-play-state:running}
@keyframes cg-pulse{0%,100%{opacity:.28}6%,22%{opacity:1}}

/* 部件高亮脉冲：接收方在对应流点亮时换色 + 发光 */
.cg-glow{animation:cg-glowk 9s ease-in-out infinite;animation-play-state:paused}
.is-running .cg-glow{animation-play-state:running}
@keyframes cg-glowk{0%,100%{filter:none}6%,22%{filter:drop-shadow(0 0 12px rgba(29,78,216,.5))}}

.cg-p-board{animation-delay:0s}
.cg-p-shareholders{animation-delay:3s}
.cg-p-management{animation-delay:6s}
.cg-p-committees{animation-delay:6s}
.cg-p-auditor{animation-delay:6s}

.cg-p-board .body{animation:cg-fill-board 9s ease-in-out infinite;animation-play-state:paused}
.cg-p-shareholders .body{animation:cg-fill-shareholders 9s ease-in-out infinite;animation-delay:3s;animation-play-state:paused}
.cg-p-management .body{animation:cg-fill-management 9s ease-in-out infinite;animation-delay:6s;animation-play-state:paused}
.cg-p-committees .body{animation:cg-fill-committees 9s ease-in-out infinite;animation-delay:6s;animation-play-state:paused}
.cg-p-auditor .body{animation:cg-fill-auditor 9s ease-in-out infinite;animation-delay:6s;animation-play-state:paused}
.is-running .cg-p-board .body,.is-running .cg-p-shareholders .body,.is-running .cg-p-management .body,
.is-running .cg-p-committees .body,.is-running .cg-p-auditor .body{animation-play-state:running}

@keyframes cg-fill-board{0%,100%{fill:#bccbe0;stroke:#2563eb;stroke-width:1.6}6%,22%{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}}
@keyframes cg-fill-shareholders{0%,100%{fill:#c2d1e4;stroke:#2563eb;stroke-width:1.6}6%,22%{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}}
@keyframes cg-fill-management{0%,100%{fill:#c6d3e5;stroke:#2563eb;stroke-width:1.6}6%,22%{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}}
@keyframes cg-fill-committees{0%,100%{fill:#bfcee2;stroke:#2563eb;stroke-width:1.6}6%,22%{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}}
@keyframes cg-fill-auditor{0%,100%{fill:#c4d1e3;stroke:#2563eb;stroke-width:1.6}6%,22%{fill:#9dc3f5;stroke:#1d4ed8;stroke-width:2.2}}

@media (prefers-reduced-motion:reduce){
  .is-running .cg-dash,.is-running .cg-flowA,.is-running .cg-flowB,.is-running .cg-flowC,
  .is-running .cg-glow,.is-running .cg-p-board .body,.is-running .cg-p-shareholders .body,
  .is-running .cg-p-management .body,.is-running .cg-p-committees .body,.is-running .cg-p-auditor .body{animation:none}
}