@media (max-width: 768px) {
  /*
   * Zulip mobile Web wide-message patch v6
   * 目标：
   * 1. 不再干预频道/话题状态栏；
   * 2. 不再干预更多、收藏、时间等操作按钮布局；
   * 3. 正文向左扩展，但右侧保留边距；
   * 4. 正文和上方信息行之间留出一到两行空间。
   */

  body,
  #zulip,
  #main_div,
  #zhome,
  #message_view,
  #message_viewport,
  #message-lists,
  .message-list {
    max-width: none !important;
  }

  .message_row,
  .messagebox,
  .messagebox-content,
  .message_content,
  .message-content {
    max-width: none !important;
  }

  /*
   * 核心：只移动正文，不移动顶部头像/用户名/时间/操作按钮。
   */
  .message_row .rendered_markdown,
  .messagebox .rendered_markdown,
  .message_content .rendered_markdown,
  .message-content .rendered_markdown {
    position: relative !important;
    left: -36px !important;
    width: calc(100vw - 70px) !important;
    max-width: calc(100vw - 70px) !important;
    box-sizing: border-box !important;

    /*
     * 这里是关键：给顶部操作行留出空间。
     * 如果还压住，就改成 52px；如果空太多，就改成 36px。
     */
    margin-top: 44px !important;

    padding-right: 12px !important;
    z-index: auto !important;
  }

  /*
   * 不再设置 .message_header / .message_time / .message_controls 的 position、display、z-index。
   * 让 Zulip 自己处理频道栏、时间、更多、收藏按钮。
   */

  .message_row .rendered_markdown p,
  .message_row .rendered_markdown ul,
  .message_row .rendered_markdown ol,
  .message_row .rendered_markdown blockquote,
  .messagebox .rendered_markdown p,
  .messagebox .rendered_markdown ul,
  .messagebox .rendered_markdown ol,
  .messagebox .rendered_markdown blockquote {
    max-width: none !important;
  }

  .message_row .rendered_markdown img,
  .messagebox .rendered_markdown img,
  .message_inline_image,
  .message_embed_image,
  .image-preview,
  .image_embed {
    max-width: 100% !important;
    height: auto !important;
  }

  /*
   * 头像保持原样，只轻微限制图片尺寸，不动布局。
   */
  .message_avatar img,
  .avatar img {
    width: 26px !important;
    height: 26px !important;
  }
}