@charset "utf-8";
/* ============================================================
   养老人才网 - 全局移动端响应式适配 (2026)
   注意：导航/首页卡片的移动端规则已统一在 modern-design.css 中
   本文件仅处理老系统元素和列表页/详情页的响应式适配
   ============================================================ */

/* ===== 平板端：1199px 及以下 ===== */
@media screen and (max-width:1199px) {
  /* --- 容器宽度 --- */
  .yjcode, .top-info-inner, .main-nav-inner,
  .bfbbottom1 .d1, .bfbbottom1 .d2 {
    width: 100% !important;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* --- 老系统导航 --- */
  .top2bfb .menu { width: calc(100% - 270px) !important; }
  .top2bfb .menu a { padding: 0 10px; margin: 0 6px; font-size: 16px; }

  /* --- 老系统底部 --- */
  .bfbbottom .u1 { width: 100% !important; padding: 20px 16px !important; box-sizing: border-box; }
  .bfbbottom .u1 li { width: 33.33%; margin-bottom: 16px; }
  .bfbbottom .ewm { width: 100%; margin: 0; padding: 0 16px 20px; box-sizing: border-box; }
}

/* ===== 手机端：767px 及以下 ===== */
@media screen and (max-width:767px) {
  /* --- 全局基础 --- */
  body { font-size: 14px; }
  img { max-width: 100%; height: auto; }

  /* --- 容器 --- */
  .yjcode, .top-info-inner, .main-nav-inner,
  .bfbbottom1 .d1, .bfbbottom1 .d2 {
    width: 100% !important;
    padding-left: 12px;
    padding-right: 12px;
  }

  /* --- 老式导航（top2bfb）移动端改造 --- */
  .top2bfb .logo {
    float: none;
    width: auto;
    padding: 16px 12px;
    text-align: center;
  }
  .top2bfb .menu {
    float: none;
    width: 100% !important;
    text-align: center;
    height: auto;
    margin: 0;
    padding: 0 0 8px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .top2bfb .menu a {
    float: none;
    display: inline-block;
    font-size: 14px;
    padding: 8px 10px;
    margin: 0 2px;
    height: auto;
    line-height: 1.4;
  }

  /* --- 首页搜索区域 --- */
  .search-section { padding: 16px 12px !important; }
  .search-section .search-box { flex-direction: column; gap: 8px; }
  .search-section .search-input { width: 100% !important; }

  /* --- 广告/横幅图 --- */
  .slogan-wrapper { height: auto !important; min-height: 180px; }
  .slogan-wrapper img { object-fit: cover; min-height: 180px; }

  /* --- 职位分类侧边栏（隐藏，改用下拉） --- */
  .category-sidebar { display: none !important; }

  /* --- 列表页卡片网格（2列） --- */
  .company-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px;
  }
  .card-item { min-width: 0; }

  /* --- 列表页双栏布局 → 单栏 --- */
  .list-layout { flex-direction: column !important; gap: 12px; }
  .list-sidebar { width: 100% !important; }
  .list-main { width: 100% !important; }

  /* --- 职位卡片/简历卡片（列表页） --- */
  /* 移动端卡片宽度由各自的 grid/flex 布局管理，不再强制 width:100% */
  .company-card {
    width: 100% !important;
    min-width: 0 !important;
  }
  .jl-card, .rl-card {
    min-width: 0 !important;
  }

  /* --- 筛选栏 --- */
  .filter-bar { flex-wrap: wrap; gap: 8px; }
  .filter-bar > * { flex: 1 1 auto; min-width: 120px; }

  /* --- 分页 --- */
  .pagination { font-size: 13px; }
  .pagination a, .pagination span {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    margin: 0 2px;
  }

  /* --- 表格横向滚动 --- */
  .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 -12px;
    padding: 0 12px;
  }
  table { min-width: 600px; }

  /* --- 详情页 --- */
  .detail-container { padding: 16px 12px !important; }
  .detail-header { flex-direction: column; align-items: flex-start; gap: 12px; }
  .detail-company { flex-direction: column; gap: 12px; }
  .detail-actions { flex-wrap: wrap; gap: 8px; }
  .detail-actions .btn {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }

  /* --- 老系统底部 --- */
  .bfbbottom .u1 li { width: 50%; margin-bottom: 12px; }
  .bfbbottom .u1 li a { font-size: 13px; height: 24px; margin-left: 40px; }
  .bfbbottom .u1 li strong { font-size: 15px; padding-left: 40px; }
  .bfbbottom1 .d1 { font-size: 13px; line-height: 1.8; padding: 12px 12px 0; }
  .bfbbottom1 .d2 { font-size: 13px; padding: 6px 12px 12px; }

  /* --- 新闻/资讯列表 --- */
  .news-list-item { flex-direction: column; }
  .news-list-item .news-thumb { width: 100%; height: 180px; }
  .news-list-item .news-thumb img { width: 100%; height: 100%; object-fit: cover; }

  /* --- 表单元素触屏优化 --- */
  input[type="text"], input[type="password"], input[type="email"],
  input[type="tel"], input[type="number"], input[type="search"],
  select, textarea {
    font-size: 16px !important; /* 防止iOS缩放 */
    min-height: 44px;
  }
  .btn, button[type="submit"] {
    min-height: 44px;
    padding: 0 20px;
    font-size: 15px;
  }

  /* --- 弹窗/Modal --- */
  .modal-content { width: 90% !important; margin: 20px auto; max-height: 85vh; }
  .modal-overlay { align-items: flex-start; padding-top: 20px; }

  /* --- Toast --- */
  .uc-toast-container { top: 12px; width: 90%; }
  .uc-toast { font-size: 14px; padding: 12px 20px; white-space: normal; text-align: center; }

  /* --- 面包屑 --- */
  .breadcrumb { font-size: 13px; padding: 8px 12px; overflow-x: auto; white-space: nowrap; }

  /* --- 滚动条隐藏 --- */
  ::-webkit-scrollbar { width: 3px; height: 3px; }

  /* --- 接触目标最小尺寸 --- */
  button, [role="button"], .clickable, .nav-menu a, .btn-post-job, .jl-card-apply, input[type="submit"], input[type="button"], .uc-btn, label.uc-form-radio, label.uc-form-checkbox {
    min-height: 44px;
  }
  .nav-menu a { min-height: 44px; line-height: 44px; }

  /* 移动端触摸目标最小44px */
  .uc-btn, .jl-card-apply, .btn-ai-generate, .btn-unbind, .btn-delete,
  .user-app-actions a, .user-app-actions button,
  .notification-item .btn-delete, .form-actions .uc-btn {
    min-height: 44px;
    min-width: 44px;
  }

  /* 筛选标签移动端触摸目标 */
  .list-filter-tag, .jl-filter-tag, .cl-filter-tag, .nl-filter-tag,
  .list-dropdown-btn, .jl-dropdown-btn, .cl-dropdown-btn, .nl-dropdown-btn,
  .list-selected-tag, .jl-selected-tag, .cl-selected-tag, .nl-selected-tag {
    min-height: 44px;
    padding: 8px 14px;
    line-height: 1.4;
  }
  .list-filter-toggle {
    min-width: 44px;
    min-height: 44px;
  }

  /* --- 单筛选组横向滚动标签栏（如新闻页分类） ---
     由 footer.html JS 动态生成，需显式定义样式避免溢出 */
  .m-filter-simple {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 12px;
    position: sticky;
    top: 0;
    z-index: 20;
  }
  .m-filter-simple-inner {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
    gap: 8px;
  }
  .m-filter-simple-inner::-webkit-scrollbar {
    display: none; /* Chrome/Safari 隐藏滚动条 */
  }
  .m-filter-simple-tag {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    color: #595959;
    background: #f5f5f5;
    border-radius: 18px;
    text-decoration: none;
    transition: background .2s, color .2s;
  }
  .m-filter-simple-tag:active {
    background: #eaeaea;
  }
  .m-filter-simple-tag.m-active {
    color: #fff;
    background: var(--color-primary, #e85d3a);
    font-weight: 500;
  }
}

/* ===== 超小屏：374px 及以下 ===== */
@media screen and (max-width:374px) {
  .company-grid {
    grid-template-columns: 1fr !important;
  }
  .bfbbottom .u1 li { width: 100%; }
}