/* 手机版式(窄于 900px):整页纵向滚动,步骤说明 → 图 → 控件与结果;桌面版式不受影响 */
.导航钮 { display: none; }
@media (max-width: 900px) {
  html, body { height: auto; }
  .壳 { display: flex; flex-direction: column; height: auto; min-height: 100vh; overflow: visible; --gap: var(--s-3); }
  .输入 { font-size: var(--fs-body); } /* 小于 16px 时 iOS 聚焦会放大页面 */

  .顶栏 { position: sticky; top: 0; order: 0; height: 56px; flex: none; gap: var(--s-2); padding: 0 var(--s-2); z-index: 5; }
  .导航钮 { display: inline-flex; flex: none; width: 40px; padding: 0; }
  .顶栏 .标识 h1, .顶栏 .标识 p, .阶段条, .顶右 .钮.静 .文 { display: none; }
  .标识 .章 { width: 32px; height: 32px; }
  .顶右 { margin-left: auto; gap: var(--s-1); }
  .顶右 .钮.静 { padding: 0 var(--s-2); }
  .用户名 { max-width: 4.5em; }
  .计时 { height: 32px; padding: 0 var(--s-2); }

  .导航 { display: none; order: 1; border: 0; border-bottom: 1px solid var(--line); }
  .壳.开导航 .导航 { display: block; }

  /* 面板拆开:步卡排最前,舞台居中,其余控件在后;页面代码不用改 */
  .面板 { display: contents; }
  .面板 > * { order: 4; margin: var(--s-3) var(--s-3) 0; }
  .面板 > :last-child { margin-bottom: var(--s-6); }
  .面板 > .步卡 { order: 2; }
  .舞台 { order: 3; overflow: visible; padding: var(--s-3) var(--s-3) 0; }

  .首页, .解码页, .轮椅页, .双栏页, .四宫, .方案页, .场景页, .报告页, .成绩页, .满卡, .透明页 { display: flex; flex-direction: column; height: auto; overflow: visible; padding-right: 0; }
  .要点, .任务组, .候选组, .居家下 { grid-template-columns: minmax(0, 1fr); overflow: visible; }
  .横幅 { flex-direction: column; align-items: flex-start; }
  .横幅 h2 { font-size: var(--fs-h3); }
  .任务 .图 { aspect-ratio: 400 / 240; }
  .任务 .述 { display: block; }
  .卡头 { flex-wrap: wrap; height: auto; min-height: 48px; padding-block: var(--s-2); row-gap: var(--s-1); }
  .卡头 .右 { margin-left: 0; flex-wrap: wrap; }
  .流程条 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .流程条 li::before { display: none; }

  /* 这些区块桌面版靠父级分高度,流式布局里要自己定高 */
  .图区 { height: 280px; }
  .三维区 { height: 300px; }
  .现场区 { height: 380px; }
  .任务点, .物品 { gap: var(--s-1); padding: 2px var(--s-2) 2px 2px; }
  .任务点 .点标, .物品 .点标 { width: 22px; height: 22px; }
  .任务点 .点标 .lucide, .物品 .点标 .lucide { width: 14px; height: 14px; }
  .点名 { font-size: 12px; }
  .头区 { height: 340px; }
  .刺激盘 { height: 300px; }
  .监护体 { height: 260px; }
  .片图 { height: 460px; }
  .片图 > * { min-height: 0; overflow: hidden; }
  .时间线区, .表区 { max-height: none; overflow: auto; }
  .表 { min-width: 640px; }
  .分工行 { grid-template-columns: minmax(0, 1fr); }
  .图文 { flex-direction: column; align-items: flex-start; height: auto; }
  .极 { width: 26px; height: 26px; font-size: 10px; padding: 0; border-width: 1px; } /* 枕区相邻电极只隔约 26px */
  .平显, .图例 { flex-wrap: wrap; }
}