/* /assets/css/sim/mechanical/engine-rpm-and-torque-simulator.css — 本页专属样式（en/zh 共用） */
/* ===== 发动机转速扭矩模拟器 · Engine RPM & torque simulator ===== */

/* ===== 控制面板 ===== */
body[data-topic="engine-rpm-torque"] .controls{
  max-width:900px;width:100%;margin:10px 6px 4px;
  background:#fff;border:1px solid #dbe3ee;border-radius:12px;
  padding:16px 20px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;
}
body[data-topic="engine-rpm-torque"] .ctrl-group{
  flex:1 1 320px;display:flex;flex-direction:column;gap:8px;
}
body[data-topic="engine-rpm-torque"] .ctrl-group label{
  font-size:14px;color:#475569;display:flex;justify-content:space-between;align-items:baseline;
}
body[data-topic="engine-rpm-torque"] .ctrl-group label b{color:#1d4ed8;font-size:15px}
body[data-topic="engine-rpm-torque"] input[type="range"]{
  -webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;
  background:linear-gradient(90deg,#bfdbfe,#2563eb);outline:none;cursor:pointer;
}
body[data-topic="engine-rpm-torque"] input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;
  background:#fff;border:3px solid #2563eb;box-shadow:0 2px 6px rgba(37,99,235,.35);cursor:grab;
}
body[data-topic="engine-rpm-torque"] input[type="range"]::-webkit-slider-thumb:active{cursor:grabbing}
body[data-topic="engine-rpm-torque"] input[type="range"]::-moz-range-thumb{
  width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #2563eb;
  box-shadow:0 2px 6px rgba(37,99,235,.35);cursor:grab;
}

body[data-topic="engine-rpm-torque"] .readouts{display:flex;gap:12px;flex-wrap:wrap}
body[data-topic="engine-rpm-torque"] .readout{
  background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px;
  min-width:128px;text-align:center;
}
body[data-topic="engine-rpm-torque"] .readout .k{
  font-size:12px;color:#5b6a7d;letter-spacing:.04em;margin-bottom:4px;
}
body[data-topic="engine-rpm-torque"] .readout .v{
  font-size:22px;font-weight:700;color:#1d4ed8;font-variant-numeric:tabular-nums;line-height:1.1;
}
body[data-topic="engine-rpm-torque"] .readout .v small{
  font-size:12px;font-weight:500;color:#5b6a7d;margin-left:3px;
}

/* ===== SVG 内文字 ===== */
body[data-topic="engine-rpm-torque"] .tag{
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;fill:#334155;
}
body[data-topic="engine-rpm-torque"] .tag-sm{
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:12px;fill:#5b6472;
}
body[data-topic="engine-rpm-torque"] .tag-num{
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:12px;fill:#5b6472;
}

/* ===== 外壳（不拦截事件） ===== */
body[data-topic="engine-rpm-torque"] .shell-layer{pointer-events:none}

/* ===== 无障碍：减弱动效 ===== */
@media (prefers-reduced-motion:reduce){
  body[data-topic="engine-rpm-torque"] .no-anim{animation:none !important}
}

/* ===== 窄屏：控制面板排在能量链之后、显示模式之前 ===== */
@media (max-width:1160px){
  body[data-topic="engine-rpm-torque"] .controls{order:4;margin:0 6px}
}