/* 正式站的窗口适配（画布里是 1440×900 设计稿，这里按真实窗口铺满）
   目标窗口：Windows 4K 屏 Chrome 可视区 1920×945（约 2:1）、Mac 16:10 可视区约 1512×855 / 1470×830（约 1.77:1） */

/* 每章固定住的舞台高度跟窗口走：855 高的屏幕不再截掉底部文字，945 高的屏幕不再留一条空带 */
.sp .stage{height:100vh}

/* 画面在上、说明在下：按窗口高度分配，说明始终完整留在屏幕里；说明更高时（英文标题折行）由 adapt.js 按实际高度改这两个变量 */
.sp .figwrap{height:var(--fig-h, calc(100vh - 360px))}
.sp .cap{top:var(--cap-top, calc(100vh - 200px))}

/* 成段说明的行宽上限：中文一行约 44 字，宽屏上不再拉到 48 字以上 */
.sp .kline{max-width:44em}

/* 宽屏（宽高比 ≥ 1.85，例如 1920×945）：画面在左、说明在右，多出来的宽度给画面 */
@media (min-aspect-ratio: 185/100){
  .sp .figwrap{top:128px;bottom:96px;height:auto;right:calc(232px + 500px + 72px)}
  .sp .cap{top:auto;bottom:96px;left:auto;right:232px;width:500px;display:flex;flex-direction:column;gap:28px}
  .sp .cap > div{min-width:0}
}