/* ============================================================
   企飞人才网 ｜ 移动端响应式基底 (responsive.css)
   - 仅 @media(max-width:768px / 480px) 生效，PC 端零影响、零回归
   - 注入到每个页面 </head> 前，用 !important 覆盖原样式(含内联)
   - 目标：手机上「导航可见、不溢出、可点、可滑」
   - 汉堡菜单等精细交互为后续「细节后调」增强项
   ============================================================ */

/* ---------- 内部提示标注（上线前统一删除 / 检索 internal-tip 即可定位） ---------- */
.internal-tip{color:#e00!important;font-weight:700!important;background:#fff3f3!important;padding:1px 6px;border-radius:4px;border:1px dashed #e00;font-style:normal}

/* ---------- 通用基础（窄屏） ---------- */
@media (max-width: 768px) {
  * { box-sizing: border-box; }
  img { max-width: 100%; height: auto; }
  body { font-size: 14px; }

  /* 容器去掉定宽，留安全边距 */
  .container { max-width: 100% !important; padding-left: 14px !important; padding-right: 14px !important; }
  .wrap { max-width: 100% !important; padding: 16px 12px !important; }

  /* 顶部条：纵向居中 */
  .top-bar .container { flex-direction: column; gap: 4px; text-align: center; line-height: 1.6; height: auto; padding-top: 6px; padding-bottom: 6px; }
  .top-links { flex-wrap: wrap; justify-content: center; gap: 10px; }

  /* 头部：logo 与导航分行，导航横向滑动（修复原 display:none 导致手机无法导航的 bug） */
  .main-header .header-inner { flex-direction: column; align-items: stretch; height: auto; padding: 10px 0; gap: 8px; }
  .logo-area { width: 100%; }
  .main-nav { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .main-nav ul { flex-wrap: nowrap; gap: 2px; }
  .main-nav a { white-space: nowrap; padding: 8px 12px; font-size: 14px; }

  /* 栅格：多列降为 2 列，双栏布局降为单列 */
  .services-grid, .services-grid-6, .partner-grid, .stats-grid, .trust-grid,
  .training-grid, .feature-cols, .links-categories, .footer-grid, .ov-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .hero-grid, .news-layout, .training-layout, .training-points,
  .form-grid, .grid, .training-actions, .cta-inner { grid-template-columns: 1fr !important; }

  /* flex 横向容器在窄屏改为纵向堆叠 */
  .flow-steps, .cta-inner, .hero-buttons, .training-actions,
  .survey-cta .sc-right, .dl-actions, .links-list {
    flex-direction: column !important;
  }
  .hero-buttons .btn, .training-actions .btn, .cta-buttons .btn,
  .survey-cta .sc-right .btn, .dl-actions .btn { width: 100%; margin: 0; }

  /* 卡片内边距收敛 */
  .card, .panel, .service-card, .partner-card, .feature-col,
  .training-card, .sidebar-card, .link-category { padding: 16px !important; }

  /* 表单与按钮：满宽 + 触控友好（iOS 16px 防自动放大） */
  input, select, textarea, button,
  .btn, .btn-primary, .btn-outline, .btn-outline-dark, .btn-outline-dark-2,
  .ckbtn, .btn-admin, .btn-dl-ok, .btn-dl-cancel, .hc-btn {
    font-size: 16px !important;
    min-height: 44px;
    box-sizing: border-box;
  }
  .btn, .btn-primary, .btn-outline, .btn-outline-dark, .btn-outline-dark-2,
  .ckbtn, .hc-btn { display: block; width: 100%; text-align: center; }
  .form-field, .form-field.full { width: 100% !important; }
  .btn-row { flex-direction: column; gap: 10px; }
  .btn-row button, .btn-row .btn { width: 100%; }

  /* 管理后台表格横向滚动（仅限 .admin-table，不影响其他 table 如简历） */
  .admin-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
  .admin-table th, .admin-table td { white-space: nowrap; }

  /* 区块上下间距收敛 */
  .section { padding: 36px 0 !important; }
  .hero { padding: 40px 0 !important; }

  /* ========== 会员中心 member.html（内联样式覆盖） ========== */
  .top { padding: 12px 14px !important; font-size: 17px; }
  .mcard .who { font-size: 18px; }
  .mcard .stars b { font-size: 28px; }
  .tree .lv { min-width: 100% !important; }
  .growth { gap: 14px !important; }
  .growth .g-num { min-width: 100% !important; padding: 14px 20px !important; }
  .growth .g-num b { font-size: 34px; }
  .growth .g-leaves { min-width: 100% !important; }
  .meta { gap: 14px !important; }
  .row-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .row-actions button { width: 100%; margin: 0 !important; }

  /* ========== 后台 admin.html ========== */
  .admin-side { width: 100% !important; position: static !important; flex-direction: row !important; flex-wrap: wrap; height: auto; align-items: center; }
  .admin-brand { width: 100%; }
  .admin-nav { display: flex; flex-wrap: nowrap; overflow-x: auto; width: 100%; padding: 8px 0; }
  .admin-nav a { white-space: nowrap; padding: 10px 14px; border-left: none; }
  .admin-main { margin-left: 0 !important; width: 100% !important; padding: 14px !important; }
  .admin-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .side-foot { width: 100%; border-top: none; }
}

/* ---------- 超小屏（<=480px）全部单列 ---------- */
@media (max-width: 480px) {
  body { font-size: 13px; }
  .services-grid, .services-grid-6, .partner-grid, .stats-grid, .trust-grid,
  .training-grid, .feature-cols, .links-categories, .footer-grid, .ov-grid,
  .hero-grid, .news-layout, .training-layout, .training-points, .form-grid, .grid {
    grid-template-columns: 1fr !important;
  }
  .hero-left h2, .hero h2 { font-size: 26px !important; }
  .section { padding: 30px 0 !important; }
  .ov-card b { font-size: 22px; }
}