/* assets/css/physics/basic-chem/how-activated-carbon-adsorption-works-cutaway.css — 本页专属样式（en/zh 共用） */
/* ============ 活性炭吸附 · Activated carbon adsorption ============ */
/* 图形/动画样式自 svgs/physics-39-how-activated-carbon-adsorption-works-cutaway.html 预览 <style> 并入驻。
   规则按 body[data-topic="activated-carbon"] 作用域限定，避免与 physics 其他页面同名类冲突；
   动画由 #stage 的 .is-running 驱动，外壳层按 data-shell="glass" 显示；减弱动效在本文件末尾兜底。 */

/* ============ 图形基础 ============ */
body[data-topic="activated-carbon"] .svg-title{fill:#16202c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;font-weight:600;letter-spacing:.06em;text-anchor:middle;}
body[data-topic="activated-carbon"] .svg-sub{fill:#5b6a7d;font-size:12px;text-anchor:middle;}
body[data-topic="activated-carbon"] .tag{fill:#334155;font-size:16px;font-weight:600;}
body[data-topic="activated-carbon"] .tag-sm{fill:#5b6472;font-size:13px;}
body[data-topic="activated-carbon"] .legend{fill:#5b6472;font-size:11px;text-anchor:middle;}

/* ============ 管路与水体 ============ */
body[data-topic="activated-carbon"] .pipe{fill:#e2e8f0;stroke:#1e293b;stroke-width:3;stroke-linejoin:round;}
body[data-topic="activated-carbon"] .dirty{fill:#fcd34d;opacity:.75;}
body[data-topic="activated-carbon"] .clean{fill:#bfdbfe;opacity:.85;}

/* ============ 水流（虚线动画） ============ */
body[data-topic="activated-carbon"] .flow-dirty{fill:none;stroke:#b45309;stroke-width:4;stroke-linecap:round;stroke-dasharray:12 10;}
body[data-topic="activated-carbon"] .clean-flow{stroke:#2563eb;}
body[data-topic="activated-carbon"] .is-running .flow-dirty{animation:ac-flow 1.3s linear infinite;}
@keyframes ac-flow{to{stroke-dashoffset:-44}}

/* ============ 炭床与污染物 ============ */
body[data-topic="activated-carbon"] .bed-base{fill:#e6ebf2;}
body[data-topic="activated-carbon"] .carbon{fill:#334155;}
body[data-topic="activated-carbon"] .contaminant{fill:#b45309;stroke:#78350f;stroke-width:1;}
body[data-topic="activated-carbon"] .is-running .contaminant{animation:ac-pulse 2s ease-in-out infinite;}
@keyframes ac-pulse{0%,100%{opacity:.7}50%{opacity:1}}

/* ============ 外壳与放大窗 ============ */
body[data-topic="activated-carbon"] .housing{fill:#cbd5e1;stroke:#1e293b;stroke-width:3;}
body[data-topic="activated-carbon"] .inset{fill:#ffffff;stroke:#1e293b;stroke-width:3;}
body[data-topic="activated-carbon"] .granule{fill:#334155;}
body[data-topic="activated-carbon"] .pore{fill:#94a3b8;}
body[data-topic="activated-carbon"] .stuck{fill:#b45309;stroke:#78350f;stroke-width:1;}
body[data-topic="activated-carbon"] .leader{fill:none;stroke:#334155;stroke-width:1.5;stroke-dasharray:6 5;}

/* ============ 无障碍：减弱动效 ============ */
@media (prefers-reduced-motion:reduce){
  body[data-topic="activated-carbon"] .flow-dirty,
  body[data-topic="activated-carbon"] .contaminant{animation:none;}
}