/* 内容生成在手机和 Codex 侧栏等窄窗口中使用同一列布局。 */
@media (max-width: 1100px) {
  body.csdbpage { overflow-x: hidden !important; }
  body.csdbpage::before,
  body.cssidecollapsed.csdbpage::before { left: 0 !important; bottom: 64px !important; }
  .csdbpage .cscontentnav { display: none !important; }
  .csdbpage main { width: 100% !important; min-width: 0 !important; padding-left: 0 !important; }
  .csdbpage .csdbwelcome,
  .cssidecollapsed.csdbpage .csdbwelcome {
    display: block !important; left: 50% !important; top: 88px !important;
    width: min(720px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    transform: translateX(-50%) !important;
  }
  .csdbpage .csdbwelcome h2 { font-size: clamp(21px, 4vw, 28px) !important; margin-bottom: 16px !important; }
  .csdbpage .csdbtabs { width: min(380px, 100%) !important; max-width: 100% !important; }
  .csdbpage .csdbcomposer2,
  .csdbpage:not(.cschatactive) .csdbcomposer2,
  .cssidecollapsed.csdbpage .csdbcomposer2 {
    box-sizing: border-box !important;
    left: 50% !important; right: auto !important;
    top: 202px !important; bottom: auto !important;
    width: min(760px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    transform: translateX(-50%) !important;
  }
  .csdbpage.cschatactive .csdbcomposer2,
  .cssidecollapsed.csdbpage.cschatactive .csdbcomposer2 {
    top: auto !important; bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }
  .csdbpage .csdbinputrow,
  .csdbpage .csdbinput { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; }
  .csdbpage .csdbfootbar {
    display: flex !important; flex-wrap: wrap !important;
    align-items: center !important; gap: 7px !important;
    overflow: visible !important; padding: 8px 12px 12px !important;
  }
  .csdbpage .csdbfootbar > * { max-width: 100%; min-width: 0; }
  .csdbpage .csdbfootbar .csdbsend { position: static !important; margin-left: auto !important; box-shadow: none !important; }
  .csdbpage .csdbfootbar .csnewchatmobile,
  .csdbpage .csdbfootbar .cshistorymobile {
    display: inline-flex !important; position: static !important;
    align-items: center !important; justify-content: center !important;
    width: auto !important; height: 32px !important; padding: 0 9px !important;
    border: 1px solid #ffffff25 !important; border-radius: 9px !important;
    background: #25262b !important; color: #dce2eb !important;
    font-size: 12px !important; white-space: nowrap !important;
  }
  .csdbpage .csdbfootbar .csprofilepicker { max-width: min(44vw, 210px) !important; }
  .csdbpage .cschatstream { left: 12px !important; right: 12px !important; width: auto !important; }
  .csdbpage.csnavopen .cscontentnav {
    display: block !important; position: fixed !important; z-index: 10031 !important;
    left: 0 !important; top: 0 !important; bottom: 0 !important;
    width: min(320px, 86vw) !important; overflow-y: auto !important;
  }
  .csdbpage.csnavopen .csmobilenavback { display: block !important; position: fixed !important; inset: 0 !important; z-index: 10030 !important; background: #000a !important; }
}
@media (max-width: 600px) {
  .csdbpage .csdbwelcome,
  .cssidecollapsed.csdbpage .csdbwelcome { top: 76px !important; }
  .csdbpage .csdbcomposer2,
  .csdbpage:not(.cschatactive) .csdbcomposer2,
  .cssidecollapsed.csdbpage .csdbcomposer2 { top: 176px !important; width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; }
  .csdbpage .csdbinput { padding-left: 62px !important; padding-right: 14px !important; }
  .csdbpage .csdbplus { left: 14px !important; }
  .csdbpage .csdbfootbar { gap: 6px !important; padding: 7px 8px 10px !important; }
}