/* 双端网页布局：手机保持全屏应用，桌面改为宽屏网页 */
@media (min-width: 901px) {
  html, body { overflow: hidden; }
  .stage { display: block; padding: 0; background: #171a16; }
  .stage-copy { display: none; }
  .phone {
    width: 100%; height: 100%; padding: 0; border-radius: 0;
    background: none; box-shadow: none;
  }
  .phone:after, .phone-speaker { display: none; }
  .phone-screen { border-radius: 0; }
  .app-top {
    padding: 18px max(28px, calc((100vw - 1200px) / 2)) 12px;
  }
  .app-brand { font-size: 24px; }
  .app-sub { font-size: 12px; }
  .screen-scroll {
    padding: 8px max(28px, calc((100vw - 1200px) / 2)) 108px;
  }
  .screen-scroll > .page { max-width: 1200px; margin: 0 auto; }
  .section-head h3 { font-size: 22px; }
  .section-head span, .section-head button { font-size: 11px; }
  .result-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .game-scene-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .character-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .tabbar {
    left: 50%; right: auto; bottom: 18px; transform: translateX(-50%);
    width: min(760px, calc(100% - 56px)); height: 64px;
  }
  .modal-sheet {
    width: min(1180px, calc(100% - 48px)); max-width: 1180px;
    max-height: calc(100vh - 40px); margin: auto; border-radius: 24px;
  }
  .viewer-sheet {
    width: min(1400px, calc(100% - 32px)); height: calc(100vh - 32px);
  }
  .viewer-stage.game-viewer-stage { padding: 10px; }
  .splash-content { max-width: 760px; }
  .splash-logo { width: min(360px, 40vw); }
}
@media (min-width: 1200px) {
  .gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .game-scene-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}


/* 长物思源 Word 图文介绍 */
.longwu-page { --lw-paper: #f4efe5; --lw-ink: #2b2720; --lw-muted: #756e61; --lw-red: #a64a3a; }
.longwu-lead {
  padding: 22px 24px; border: 1px solid rgba(70, 58, 42, .16);
  border-left: 4px solid var(--lw-red); border-radius: 4px;
  background: linear-gradient(135deg, rgba(244,239,229,.98), rgba(235,226,211,.9));
  color: var(--lw-ink);
}
.longwu-lead small { display: block; margin-bottom: 10px; color: var(--lw-red); font-size: 11px; letter-spacing: .22em; }
.longwu-lead p, .longwu-chapter > p { margin: 0; font-size: 14px; line-height: 2; text-align: justify; color: var(--lw-ink); }
.longwu-overview, .longwu-grid, .longwu-note-row { display: grid; gap: 14px; margin-top: 16px; }
.longwu-overview, .longwu-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.longwu-grid.five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.longwu-grid .longwu-figure:last-child:nth-child(odd) { grid-column: 1 / -1; }
.longwu-chapter { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(72, 61, 46, .16); }
.longwu-chapter-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.longwu-chapter-head > span {
  width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center;
  border-radius: 50%; color: #fff7ed; background: var(--lw-red);
  font-size: 20px; box-shadow: 0 6px 16px rgba(122, 58, 43, .2);
}
.longwu-chapter-head small { color: var(--lw-muted); font-size: 10px; letter-spacing: .26em; }
.longwu-chapter-head h4 { margin-top: 4px; color: var(--lw-ink); font-size: 20px; letter-spacing: .08em; }
.longwu-figure {
  margin: 0; overflow: hidden; border-radius: 7px; border: 1px solid rgba(68, 55, 39, .16);
  background: #eee7da; box-shadow: 0 8px 22px rgba(62, 49, 31, .07);
}
.longwu-figure img { display: block; width: 100%; height: auto; }
.longwu-figure figcaption { padding: 9px 11px 10px; color: var(--lw-muted); font-size: 11px; line-height: 1.55; letter-spacing: .07em; }
.longwu-note-row { grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr); align-items: start; }
.longwu-note-row .narrow { max-width: 420px; }
.game-readonly-note { margin-top: 10px !important; color: #8b5a45 !important; font-weight: 600; }

@media (max-width: 760px) {
  .longwu-overview, .longwu-grid.three, .longwu-grid.five, .longwu-note-row { grid-template-columns: 1fr; }
  .longwu-grid .longwu-figure:last-child:nth-child(odd) { grid-column: auto; }
  .longwu-lead { padding: 18px; }
  .longwu-lead p, .longwu-chapter > p { font-size: 13px; line-height: 1.95; }
  .longwu-chapter-head h4 { font-size: 18px; }
}