/* ===========================================================
   门厅 · 呼吸机监护屏（替代原心电走线）2026-10-26
   参照容控方波压力-时间曲线：PEEP → PIP 峰 → 平台压 → 回落 PEEP
   仅 Canvas 2D；数值为演示示意，不代表任何临床医嘱
   =========================================================== */
.gate-mon{
  position:relative;z-index:2;margin:20px 0 6px;
  border:1px solid rgba(103,232,249,.18);border-radius:11px;
  background:linear-gradient(180deg,rgba(4,24,32,.62) 0%,rgba(3,16,22,.42) 100%);
  box-shadow:inset 0 1px 0 rgba(103,232,249,.10),0 6px 22px rgba(0,0,0,.22);
  overflow:hidden;
}
/* 顶部读数条 */
.gm-bar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:7px 11px 6px;border-bottom:1px solid rgba(103,232,249,.12);
  font-family:"SF Mono",Consolas,monospace;
}
.gm-mode{
  display:inline-flex;align-items:center;gap:6px;
  font-size:10.5px;letter-spacing:.6px;color:#8ff0c4;
  background:rgba(52,211,153,.10);border:1px solid rgba(52,211,153,.30);
  border-radius:4px;padding:2px 7px;white-space:nowrap;
}
.gm-mode .dot{
  width:5px;height:5px;border-radius:50%;background:#34d399;
  box-shadow:0 0 6px rgba(52,211,153,.9);flex:none;
}
.gm-read{
  display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;
  font-size:10.5px;color:rgba(103,232,249,.62);letter-spacing:.3px;
}
.gm-read b{font-weight:400;color:rgba(103,232,249,.5);margin-right:3px}
.gm-read i{font-style:normal;color:#eaf9ff;font-size:12px;font-weight:600;
  font-variant-numeric:tabular-nums}
.gm-note{
  margin-left:auto;font-size:9.5px;color:rgba(103,232,249,.34);letter-spacing:.2px;
  white-space:nowrap;
}
/* 走纸区 */
.gm-screen{position:relative;padding:2px 0 3px}
.gm-screen canvas{display:block;width:100%;height:128px}
/* 扫描线：极淡的竖向走纸纹，叠在 canvas 上方 */
.gm-screen::after{
  content:"";position:absolute;inset:2px 0 3px;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(103,232,249,.030) 0 1px,transparent 1px 34px);
  opacity:.7;
}
/* 通道名留白由 canvas 内部控制；此处仅保留面板描边 */
/* 2026-10-28：门厅 2.0 起监护屏移入 Hero 右列，桌面加高到 128px */

@media(max-width:960px){
  .gate-mon{margin:14px 0 4px}
  .gm-screen canvas{height:96px}
  .gm-note{display:none}
}
@media(max-width:520px){
  .gm-bar{padding:6px 9px 5px}
  .gm-read{gap:8px;font-size:10px}
  .gm-read i{font-size:11px}
}

/* 无障碍：降低动效时监护屏只保留 1 帧静态波形 */
@media(prefers-reduced-motion:reduce){
  .gate-mon{animation:none!important}
  .gm-screen::after{opacity:.4}
}