/* uxfix1 U2/U5.3 · 移动端首页字号、留白、重复案由入口去重 */
/* ---------- 移动端（≤480px）：U2 字号/留白 + U5.3 去重 ---------- */
@media (max-width: 480px) {
  /* 欢迎区：LOGO / 主标题 / 说明文字全部收小，先看到功能再看到介绍 */
  .welcome-screen { padding: 8px 12px 14px !important; }
  .welcome-logo-img {
    max-width: 48px !important;
    max-height: 48px !important;
    margin: 0 auto 6px !important;
  }
  .welcome-screen h2 {
    font-size: 17px !important;
    line-height: 1.35 !important;
    margin: 0 0 4px !important;
  }
  .welcome-screen p {
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin: 0 0 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  /* U5.3：大号“民商/刑事/行政/仲裁/非诉”卡片与输入栏上方快捷 chips 完全重复，移动端隐藏大卡，只留 chips */
  .welcome-screen .category-cards,
  .welcome-screen .category-card { display: none !important; }

  /* 付费服务卡：两列紧凑，保留可点 */
  .quick-services { margin-top: 8px !important; }
  .quick-services h3 { font-size: 13px !important; margin: 6px 0 !important; }
  .service-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
  .service-card { padding: 10px 8px !important; border-radius: 10px !important; }
  .service-card .card-name { font-size: 13px !important; margin-top: 2px !important; }
  .service-card .card-desc { display: none !important; }
  .service-card .card-icon { font-size: 20px !important; }
  .service-card .price-tag { font-size: 10px !important; margin-top: 4px !important; }

  /* 输入栏上方快捷选择：一行放得下 5 个，且不挤占输入框 */
  .quick-tags { padding: 6px 8px !important; gap: 6px !important; }
  .quick-tags .tag { padding: 4px 9px !important; font-size: 12px !important; }
  .quick-tags .tag-label { font-size: 11px !important; }

  /* 对话区顶部标题条：一行放得下「历史 / 新对话 / 设置 / 登录」，不竖排断字 */
  .chat-header { padding: 8px 8px !important; gap: 4px !important; flex-wrap: nowrap !important; }
  .chat-header .menu-toggle { font-size: 20px !important; margin-right: 0 !important; padding: 0 2px !important; }
  .chat-header .header-info { min-width: 0 !important; flex: 1 1 auto !important; }
  .chat-header .header-info h2 { font-size: 15px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .chat-header .header-sub { font-size: 11px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .chat-header .header-actions { gap: 4px !important; flex-wrap: nowrap !important; flex-shrink: 0 !important; }
  .chat-header .header-actions > button,
  .chat-header .header-actions > a,
  #uxfix1HistBtn {
    white-space: nowrap !important;
    font-size: 11px !important;
    padding: 5px 6px !important;
    min-height: 30px !important;
    height: 30px !important;
    line-height: 1.1 !important;
    border-radius: 8px !important;
  }
  #uxfix1HistBtn { flex: 0 0 auto !important; }
}


/* 超窄屏（≤380px，含 375 档）：页头四个入口仍要一行放下 —— 历史按钮收成图标 */
@media (max-width: 380px) {
  #uxfix1HistBtn { font-size: 0 !important; padding: 5px 8px !important; }
  #uxfix1HistBtn::before { content: "🕘"; font-size: 15px; line-height: 1; }
  .chat-header .header-actions > button,
  .chat-header .header-actions > a { font-size: 10.5px !important; padding: 5px 5px !important; }
}