/* ============================================================================
   长荡湖 H5 · 投资兴业模块移动样式  mobile/invest.css
   作用范围：/invest 及其全部子页（园区/企业/招聘/政策）
   仅移动端 (max-width:768px) 生效；PC 端(≥769px)完全不变。
   选择器统一加 .main-content 前缀，以胜过页面内联 <style>（后者在 body 中晚于本链接）。
   ============================================================================ */

@media (max-width: 768px) {

  /* ============ 1. 投资首页 Hero：统计数字与副标题重叠修复 ============ */
  /* 取消固定高度 flex 居中，改为正常流 + 上下 padding，让文案与统计自然排布 */
  .main-content .invest-home .hy-hero {
    height: auto !important;
    min-height: 0;
    display: block;
    padding: 76px 18px 40px;
  }
  .main-content .invest-home .hy-hero-inner {
    max-width: 100%;
    padding: 0;
  }
  .main-content .invest-home .hy-eyebrow {
    letter-spacing: 3px;
    padding: 6px 16px;
    margin-bottom: 14px;
    font-size: 11px;
  }
  .main-content .invest-home .hy-hero h1 {
    font-size: 30px !important;
    letter-spacing: 3px;
    line-height: 1.3;
    margin-bottom: 0;
  }
  .main-content .invest-home .hy-hero h1::after { margin: 14px auto 0; }
  .main-content .invest-home .hy-hero h1 .en {
    font-size: 11px;
    letter-spacing: 3px;
    margin-top: 8px;
  }
  .main-content .invest-home .hy-sub {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    margin: 16px auto 24px;
    max-width: 100%;
  }
  /* 统计：flex 带分隔线 → 2 列网格，隐藏竖分隔线，避免与副标题挤压 */
  .main-content .invest-home .hy-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 14px;
    margin-top: 6px;
  }
  .main-content .invest-home .hy-stat-divider { display: none !important; }
  .main-content .invest-home .hy-stat .cs-num {
    font-size: 26px !important;
    line-height: 1.1;
  }
  .main-content .invest-home .hy-stat .cs-label {
    font-size: 11px;
    letter-spacing: 2px;
    margin-top: 6px;
  }

  /* ============ 2. 区块通用：统一容器与间距 ============ */
  .main-content .invest-section {
    max-width: 100% !important;
    padding: 30px 16px 8px !important;
  }
  .main-content .invest-section-head {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
  }
  .main-content .invest-section-head h2 { font-size: 22px; }
  .main-content .invest-section-head .more { white-space: nowrap; }

  /* 投资动态（政务信息 | 公共资源交易）：双栏嵌套 → 单栏，去内缩 */
  .main-content .invest-home .inv-dyn {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
    border-radius: 14px;
  }
  .main-content .invest-home .inv-dyn-col { padding: 14px 14px 6px; }
  .main-content .invest-home .inv-dyn-list li .tt { white-space: normal; line-height: 1.4; }

  /* 园区介绍：单列 */
  .main-content .invest-home .inv-parks {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .main-content .invest-home .inv-park-img { height: 190px; }

  /* 政务信息卡片：单列 */
  .main-content .invest-home .inv-policies {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .main-content .invest-home .inv-policy { padding: 16px; }

  /* 招商项目：单列 */
  .main-content .invest-home .inv-projects {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  /* 合作流程：2x2，隐藏项间箭头（窄屏换行后箭头位置怪异） */
  .main-content .invest-home .inv-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .main-content .invest-home .inv-flow-item { padding: 16px 10px; }
  .main-content .invest-home .inv-flow-item:not(:last-child)::after { display: none; }

  /* 联系条：纵向堆叠，按钮通栏 */
  .main-content .invest-home .inv-contact {
    flex-direction: column;
    text-align: center;
    padding: 24px 18px;
    gap: 14px;
  }
  .main-content .invest-home .inv-contact .btn { width: 100%; }

  /* 入驻企业 Tab：横向滑动 */
  .main-content .invest-home .inv-ent-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
  }
  .main-content .invest-home .inv-ent-tabs::-webkit-scrollbar { display: none; }
  .main-content .invest-home .inv-ent-tab { flex: 0 0 auto; }
  .main-content .invest-home .inv-ent-list { grid-template-columns: 1fr; }
  .main-content .invest-home .inv-ent { padding: 12px; }

  /* ============ 3. 入驻企业目录页 /invest/enterprises ============ */
  .main-content .ent-hero {
    padding: 72px 20px 40px;
  }
  .main-content .ent-hero h1 { font-size: 30px; }
  .main-content .ent-wrap { padding: 26px 14px 48px; }
  .main-content .ent-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .main-content .ent-item { padding: 14px 12px; }
  .main-content .paging { flex-wrap: wrap; }

  /* ============ 4. 企业详情 /invest/enterprise/{id} ============ */
  .main-content .ent-hero { min-height: 0; }
  .main-content .ent-hero h1 { font-size: 28px; }
  .main-content .ent-container { padding: 20px 14px 40px; }
  .main-content .ent-section { padding: 20px 16px; }
  .main-content .ent-grid { gap: 20px; }
  /* 信息列表 label / value 纵向堆叠，避免窄行挤压 */
  .main-content .ent-info-list li { flex-direction: column; align-items: flex-start; gap: 2px; }
  .main-content .ent-info-list li .value { max-width: 100%; text-align: left; }
  .main-content .ent-products { grid-template-columns: 1fr; }
  .main-content .ent-partners { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .main-content .ent-honors { gap: 10px; }
  .main-content .ent-honor { min-width: 150px; padding: 16px 12px; }
  .main-content .ent-rec-enterprises { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .main-content .ent-admin-entry { padding: 22px 18px; text-align: center; }
  .main-content .admin-tooltip { white-space: normal; left: auto; right: auto; transform: none; }
  .main-content .admin-tooltip::after { left: 50%; }

  /* ============ 5. 招聘列表 /invest/jobs ============ */
  .main-content .jobs-page .jobs-hero { padding: 72px 16px 44px; }
  .main-content .jobs-page .jobs-hero-title { font-size: 28px; letter-spacing: 1px; }
  .main-content .jobs-page .jobs-hero-sub { margin-bottom: 20px; }
  .main-content .jobs-page .jobs-search-bar { margin-top: 0 !important; padding: 0 14px; }
  .main-content .jobs-page .jobs-search-form { padding: 16px; }
  .main-content .jobs-page .jobs-search-row { flex-direction: column; align-items: stretch; }
  .main-content .jobs-page .jobs-search-item { min-width: 100% !important; }
  .main-content .jobs-page .jobs-search-btn { width: 100%; }
  .main-content .jobs-page .jobs-feed-container { padding: 24px 14px 48px; }
  .main-content .jobs-page .jobs-grid { grid-template-columns: 1fr; gap: 12px; }

  /* ============ 6. 岗位详情 /invest/job/{id} ============ */
  .main-content .job-detail-container { padding: 20px 14px; }
  .main-content .job-recruit-nav { padding: 16px; gap: 12px; }
  .main-content .job-hero { padding: 22px 18px; }
  .main-content .job-hero h1 { font-size: 22px; }
  .main-content .job-meta { gap: 10px 16px; }
  .main-content .job-section,
  .main-content .apply-form { padding: 18px 16px; }
  /* 应聘表单双列 grid → 单列 */
  .main-content .job-detail-container .form-row { grid-template-columns: 1fr !important; gap: 0; }
  .main-content .birth-picker { gap: 8px; }
  .main-content .btn-apply { width: 100%; }

  /* ============ 7. 园区详情 /invest/park/{slug}（沉浸式全屏 hero） ============ */
  .main-content .pd .cdh-nav { padding: 14px 16px !important; }
  .main-content .pd .cdh-nav.scrolled { padding: 10px 16px !important; }
  .main-content .pd .cdh-nav-btn { white-space: nowrap; }
  .main-content .pd .cdh-hero { height: 92vh; min-height: 0; }
  .main-content .pd .cdh-hero-content { bottom: 64px; left: 16px; right: 16px; }
  .main-content .pd .cdh-hero-slide-text h1 { font-size: 30px; letter-spacing: 2px; line-height: 1.25; }
  .main-content .pd .cdh-hero-slide-text p { font-size: 14px; line-height: 1.7; margin-bottom: 20px; }
  .main-content .pd .cdh-hero-btn { padding: 12px 26px; font-size: 14px; }
  .main-content .pd .cdh-hero-dots { left: 16px; bottom: 28px; }
  .main-content .pd .cdh-scroll-hint { display: none; }

  .main-content .pd .pd-container { padding: 28px 16px; }
  .main-content .pd .pd-section { margin-bottom: 36px; }
  .main-content .pd .pd-title { font-size: 22px; }
  .main-content .pd .pd-sub { margin-bottom: 20px; }
  .main-content .pd .pd-intro { padding: 20px 16px; font-size: 14.5px; line-height: 1.9; }
  .main-content .pd .pd-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
  .main-content .pd .pd-stat { padding: 16px 10px; }
  .main-content .pd .pd-stat .n { font-size: 26px; }
  .main-content .pd .pd-facs { grid-template-columns: 1fr; gap: 12px; }
  .main-content .pd .pd-fac { padding: 20px; }
  .main-content .pd .pd-ents { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .main-content .pd .pd-ent { padding: 18px 10px; }
  .main-content .pd .pd-ent img[style] { width: 120px !important; height: 44px !important; }
  .main-content .pd .pd-dir-list { grid-template-columns: 1fr; }
  .main-content .pd .pd-pols { grid-template-columns: 1fr; gap: 12px; }
  .main-content .pd .pd-pol { padding: 20px 18px; }
  .main-content .pd .pd-news-head,
  .main-content .pd .pd-item { padding-left: 16px; padding-right: 16px; }
  .main-content .pd .pd-projs { grid-template-columns: 1fr; gap: 12px; }
  .main-content .pd .pd-contact { padding: 28px 16px; gap: 18px; }
  .main-content .pd .pd-recpark-grid { grid-template-columns: 1fr; gap: 14px; }
  .main-content .pd .pd-recpark-img { height: 180px; }
}

/* 超窄屏 ≤380px */
@media (max-width: 380px) {
  .main-content .invest-home .hy-hero h1 { font-size: 26px !important; }
  .main-content .invest-home .hy-stat .cs-num { font-size: 23px !important; }
  .main-content .ent-list { grid-template-columns: 1fr; }
}
