/* ============================================================================
   长荡湖 H5 · 用户中心模块移动样式  mobile/user.css
   作用范围：/user 登录/注册/忘记/重置 + 个人中心(dashboard/profile/password/
   favorites/coupons/applications/bookings)
   仅移动端 (max-width:768px) 生效；PC 端不变。
   .main-content 前缀用于胜过 _user_sidebar.php 内联 <style>。
   ============================================================================ */

@media (max-width: 768px) {

  /* ============ 1. 登录 / 注册 / 忘记密码 / 重置（公开页） ============ */
  .main-content .auth-wrapper { padding: 16px 14px 32px; }
  .main-content .auth-card { padding: 24px 18px !important; border-radius: 16px; }
  .main-content .auth-title { font-size: 22px; }
  .main-content .auth-subtitle { font-size: 13.5px; }
  .main-content .auth-header { margin-bottom: 18px; }
  .main-content .auth-form .form-group { margin-bottom: 16px; }
  .main-content .auth-form input,
  .main-content .auth-form select { font-size: 16px !important; }
  /* 记住我 / 忘记密码 行 */
  .main-content .auth-form .form-row {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 10px;
  }

  /* ============ 2. 用户中心布局：侧栏 → 顶部资料卡 + 横向 Tab 菜单 ============ */
  .main-content .uc-layout {
    flex-direction: column;
    padding: 12px 12px 24px;
    gap: 14px;
  }
  .main-content .uc-sidebar {
    width: 100%;
    position: static;
    padding: 16px 14px;
    border-radius: 14px;
  }
  .main-content .uc-user-card {
    padding-bottom: 14px;
    margin-bottom: 12px;
  }
  .main-content .uc-avatar { width: 46px; height: 46px; }
  /* 导航：横向滑动 chip 行（替代 PC 纵向列表/2 列挤压） */
  .main-content .uc-nav {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    padding-bottom: 2px;
  }
  .main-content .uc-nav::-webkit-scrollbar { display: none; }
  .main-content .uc-nav-item {
    flex: 0 0 auto;
    min-width: auto;
    justify-content: flex-start;
    padding: 9px 14px;
    border: 1px solid #eef2f2;
    border-radius: 999px;
    white-space: nowrap;
  }
  .main-content .uc-nav-logout {
    border-top: none;
    padding-top: 9px;
  }
  .main-content .uc-theme-switcher { display: none; }

  /* 主内容区 */
  .main-content .uc-main { width: 100%; min-width: 0; }
  .main-content .uc-page-title { font-size: 20px; margin-bottom: 14px; }
  .main-content .uc-card { padding: 16px; border-radius: 14px; margin-bottom: 14px; }
  .main-content .uc-card h3 { font-size: 16px; }

  /* 表单：输入框占满，字号 16px（防缩放） */
  .main-content .uc-form-row input,
  .main-content .uc-form-row textarea,
  .main-content .uc-form-row select {
    max-width: 100%;
    font-size: 16px !important;
  }
  .main-content .uc-btn { width: auto; min-height: 44px; padding: 11px 22px; }

  /* dashboard 欢迎卡：管理后台按钮不挤压文案 */
  .main-content .uc-card > div[style*="display:flex"] { flex-wrap: wrap; }

  /* ============ 3. 我的收藏 / 优惠券 ============ */
  /* 收藏页顶部三张小统计卡：保持 3 列但紧凑 */
  .main-content .uc-main > div[style*="repeat(3,1fr)"] { gap: 10px !important; }
  .main-content .uc-fav-list { grid-template-columns: 1fr; gap: 12px; }

  /* ============ 4. 报名记录 applications ============ */
  .main-content .jobs-nav-bar { padding: 16px; gap: 12px; }
  .main-content .app-feedback { min-width: 0; max-width: 100%; width: 100%; }

  /* ============ 5. 我的预订 bookings ============ */
  .main-content .ub-tabs { gap: 8px; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
  .main-content .ub-tabs::-webkit-scrollbar { display: none; }
  .main-content .ub-card-img { width: 84px; height: 70px; }
  .main-content .ub-card-price { font-size: 13px; }
  .main-content .ub-card-actions { justify-content: stretch; }
  .main-content .ub-card-actions .btn { flex: 1; }

  /* 预订详情 */
  .main-content .ud-hotel-img { width: 100px; height: 76px; }
  .main-content .ud-timeline-item { flex-wrap: wrap; }
  .main-content .ud-timeline-item .time { width: 100%; flex-shrink: 0; }
  .main-content .ud-actions .btn { flex: 1; }
}