/* ============================================================
 * DOSBox —— 本站标准窗口里嵌一层 iframe（apps/dosbox/index.html）
 *
 *   iframe 是独立文档：body{zoom} 只缩放 iframe 这个盒子，不进入
 *   它自己的文档 ⇒ 宿主页里 getBoundingClientRect() 与它写的
 *   style.width 同处一个坐标系，不会有本站 fixed 浮层那种二次缩放。
 *   所以画面的等比放大完全交给 apps/dosbox/boot.js 的 fit()，
 *   这里只负责「让 iframe 铺满客户区」。
 * ============================================================ */
.dbx-root {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background: #000;
}
.dbx-frame {
  flex: 1;
  width: 100%;
  min-height: 0;          /* 允许随窗口一起收缩，否则 flex 子项最小高度撑住内容 */
  border: 0;
  display: block;
  background: #000;
}

/* ---------- 使用说明窗口 ---------- */
/* 用 article-view/scroll 的既有皮肤（与「帮助主题」一致），只补内边距。
   里面是 Md31 渲染出来的 markdown，样式走 bbs-content。 */
.dbx-guide {
  height: 100%;
  min-height: 0;
  padding: 10px 14px 18px;
  box-sizing: border-box;
}
.dbx-guide > :first-child { margin-top: 0; }
.dbx-guide pre {
  margin: 6px 0 10px;
  padding: 6px 8px;
  overflow-x: auto;
  background: #ffffff;
  border: 1px solid #808080;
  box-shadow: inset 1px 1px 0 #404040;
  font-family: 'F31Latin', 'Win31System', monospace;
  white-space: pre;
}

/* ---------- 「运行网盘里的程序…」选择器 ---------- */
.dbx-pick {
  padding: 6px;
  box-sizing: border-box;
}
.dbx-pick-tip { padding: 6px; color: #404040; }
.dbx-pick-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 2px 3px;
  border-bottom: 1px solid #c0c0c0;
}
.dbx-pick-row > .btn31 { flex: 0 0 auto; min-height: 0; }
.dbx-pick-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'F31Latin', 'Win31System', monospace;
}
.dbx-pick-size { flex: 0 0 auto; color: #404040; }