/* /assets/css/machines/home-equipment/how-a-dehumidifier-cooling-coil-works-cutaway.css — 本页专属样式（en/zh 共用） */

/* ===== 文字（对比度 ≥4.5:1） ===== */
body[data-topic="dehumidifier"] .svg-title{fill:#16202c}
body[data-topic="dehumidifier"] .tag   {fill:#334155;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px}
body[data-topic="dehumidifier"] .tag-sm{fill:#5b6472;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:13px}
body[data-topic="dehumidifier"] .legend{fill:#5b6472}

/* ===== 交互高亮 ===== */
body[data-topic="dehumidifier"] .part{cursor:pointer}
body[data-topic="dehumidifier"] .part.is-active{filter:drop-shadow(0 0 8px rgba(37,99,235,.65))}

/* ===== 外壳（半透明玻璃，可隐藏） ===== */
body[data-topic="dehumidifier"] .shell-layer{fill:#cbd5e1;stroke:#94a3b8;stroke-width:2}
body[data-topic="dehumidifier"] .stage[data-shell="glass"] .shell-layer{opacity:.15}

/* ===== 空气流动 ===== */
body[data-topic="dehumidifier"] .air-flow{
  fill:none;stroke:#94a3b8;stroke-width:3;stroke-linecap:round;
  stroke-dasharray:10 12;
  animation:dehumidifier-airMove 1.2s linear infinite;
}
/* 制冷剂流动 */
body[data-topic="dehumidifier"] .refrigerant-cold{
  fill:none;stroke:#3b82f6;stroke-width:4;stroke-linecap:round;
  stroke-dasharray:8 12;
  animation:dehumidifier-coldMove 1.5s linear infinite;
}
body[data-topic="dehumidifier"] .refrigerant-hot{
  fill:none;stroke:#ef4444;stroke-width:4;stroke-linecap:round;
  stroke-dasharray:8 12;
  animation:dehumidifier-hotMove 1.5s linear infinite;
}
/* 冷凝水珠下落 */
body[data-topic="dehumidifier"] .water-drop{
  fill:#60a5fa;
  animation:dehumidifier-dropFall 1.8s ease-in infinite;
}
body[data-topic="dehumidifier"] .water-drop:nth-child(2){animation-delay:.6s}
body[data-topic="dehumidifier"] .water-drop:nth-child(3){animation-delay:1.2s}

@keyframes dehumidifier-airMove{to{stroke-dashoffset:-22}}
@keyframes dehumidifier-coldMove{to{stroke-dashoffset:-20}}
@keyframes dehumidifier-hotMove{to{stroke-dashoffset:-20}}
@keyframes dehumidifier-dropFall{
  0%{transform:translateY(0);opacity:1}
  80%{transform:translateY(50px);opacity:1}
  100%{transform:translateY(55px);opacity:0}
}

/* ===== 无障碍：减弱动效 ===== */
@media (prefers-reduced-motion:reduce){
  body[data-topic="dehumidifier"] .air-flow,
  body[data-topic="dehumidifier"] .refrigerant-cold,
  body[data-topic="dehumidifier"] .refrigerant-hot,
  body[data-topic="dehumidifier"] .water-drop{animation:none}
  body[data-topic="dehumidifier"] .air-flow{stroke-dasharray:none;opacity:.5}
  body[data-topic="dehumidifier"] .refrigerant-cold,
  body[data-topic="dehumidifier"] .refrigerant-hot{stroke-dasharray:none;opacity:.5}
  body[data-topic="dehumidifier"] .water-drop{opacity:.5}
}