/* Reel 首屏：真实的面板截图（按页面语言各一张，浅色与深色各一张，放在 media/panel<语言><light|dark>.jpg）。
   截图用独立的临时数据和虚构内容拍摄，背景是自绘的渐变。换图时六种语言一起换，尺寸保持 2304×480。 */

.reel-screen {
  height: auto;
  background: none;
  line-height: 0;
}
.reel-shot {
  display: block;
  width: 100%;
  height: auto;
}
.reel-shot-dark {
  display: none;
}
:root[data-theme="dark"] .reel-shot-light {
  display: none;
}
:root[data-theme="dark"] .reel-shot-dark {
  display: block;
}
/* 窄屏：保持截图里的文字可读，只显示左侧一段 */
@media (max-width: 760px) {
  .reel-shot {
    width: 230%;
    max-width: none;
  }
}