/* 移动端优化样式 */

/* 消息气泡在小屏幕上限制最大宽度 */
@media (max-width: 640px) {
  .message__bubble {
    max-width: 85%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  /* 输入框区域优化 */
  .composer {
    padding: 0.5rem;
    safe-area-inset-bottom: env(safe-area-inset-bottom);
    padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
  }
  
  .composer__input {
    padding: 0.5rem;
    font-size: 16px; /* 防止 iOS 自动缩放 */
  }
  
  /* 聊天区域优化 */
  .chat-stage {
    padding: 0.25rem;
  }
  
  .message-list {
    padding: 0 0.25rem;
  }
  
  /* 快速提示网格在移动端改为单列 */
  .grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  /* Header 优化 */
  .header {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  /* 按钮在小屏幕上缩小 */
  .btn {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
  }
  
  .icon-btn {
    height: 2rem;
    width: 2rem;
  }
}

/* 超小屏幕 */
@media (max-width: 375px) {
  .message__bubble {
    max-width: 90%;
  }
  
  .empty-card {
    padding: 1rem;
  }
  
  .text-xl {
    font-size: 1.125rem;
  }
}