/* ============================================================
   朝霞物流官网 · 移动端显示优化补丁（≤768px）
   2026-09-11  Step6
   ------------------------------------------------------------
   目标：
     1. 底部操作条统一 —— 消除四处分散的悬浮按钮与内容遮挡
     2. 文字收束 —— 大标题不再贴边换行，正文行距统一
     3. 底部精简 —— footer 去啰嗦，重点突出可点击电话
   说明：纯覆盖式补丁，不改动 HTML 与桌面端任何表现
   ============================================================ */
@media (max-width: 768px) {

  /* ==========================================================
     1. 底部操作条：把散落四角的按钮收成一条
     ========================================================== */

  /* 隐藏重复入口 ——
     .consult-trigger / .consult-panel：内容只有"拨打 138-1858-5117"，与操作条电话完全重复
     .back-to-top：与操作条内回顶重复
     .fc-left-callout：移动端原已隐藏，这里重申避免被其他规则唤回 */
  .consult-trigger,
  .consult-panel,
  .back-to-top,
  .fc-left-callout { display: none !important; }

  .floating-contact {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: none !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
    background: rgba(255, 255, 255, .98) !important;
    border-top: 1px solid #e9ecef !important;
    border-radius: 0 !important;
    box-shadow: 0 -1px 14px rgba(12, 24, 41, .07) !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: none !important;
  }
  /* 阅读中不再整体收起（横条本身高度仅 57px，不会遮挡正文） */
  .floating-contact.is-hidden {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  .floating-contact .fc-btn {
    flex: 1 1 0 !important;
    width: auto !important;
    height: 57px !important;
    /* 图标在上、文字在下（通用底部导航惯例，视线更稳） */
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    border-radius: 0 !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    position: relative !important;
    top: 0 !important;
    bottom: auto !important;
    -webkit-tap-highlight-color: transparent;
  }
  .floating-contact .fc-btn + .fc-btn { border-left: 1px solid #eef0f3 !important; }
  .floating-contact .fc-btn:active { background: rgba(255, 107, 53, .07) !important; }
  .floating-contact .fc-btn:hover { transform: none !important; box-shadow: none !important; }
  .floating-contact .fc-btn svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
  }

  /* 按钮文字常显：原 hover 才出现的 tooltip 改为固定标签
     注意：原 tooltip 是"深色按钮上的白字"，直接搬到底部白条会白底白字看不见，
     必须 color:inherit 继承按钮色（橙 / 深蓝 / 绿 / 灰） */
  .floating-contact .fc-btn .fc-tooltip {
    display: block !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: inherit !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
  }
  .floating-contact .fc-btn .fc-tooltip::after { display: none !important; }

  /* 主次配色：电话用品牌橙做第一重点，其余次级 */
  .floating-contact .fc-btn--phone { color: #ff6b35 !important; }
  .floating-contact .fc-btn--quote { color: #1a3a4a !important; }
  .floating-contact .fc-btn--wechat { color: #12a05c !important; }
  /* 回顶按钮：原样式带 bottom:20px 的"滑入"位移，在横条里会比其他按钮高 20px，归零 */
  .floating-contact .fc-btn--top,
  .floating-contact .fc-btn--top.visible {
    color: #6b7280 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: relative !important;
    top: 0 !important;
    bottom: auto !important;
  }

  /* ==========================================================
     2. 文字收束：大标题不再贴边，行距统一
     ========================================================== */

  /* 原 .section-title 在 390px 下为 36px，一行仅容约 10 字，贴边换行 */
  .section-title { font-size: 25px !important; line-height: 1.36 !important; }
  .section-header h2,
  main h2 { font-size: 22px !important; line-height: 1.42 !important; }
  main h1,
  .banner-content h1,
  .page-banner h1,
  .hero h1 { font-size: 22px !important; line-height: 1.44 !important; }
  main h3,
  .section-header h3 { font-size: 17px !important; line-height: 1.5 !important; }

  .section-header { margin-bottom: 18px !important; }
  .section-desc,
  .section-header p { font-size: 14.5px !important; line-height: 1.7 !important; }

  /* 英文 kicker 弱化，减少层级噪音 */
  .section-subtitle,
  .kick,
  .section-kicker {
    font-size: 11px !important;
    letter-spacing: .14em !important;
    opacity: .8;
    margin-bottom: 8px !important;
  }

  /* 正文行距统一 */
  p, li,
  .content-section p,
  .prose p,
  .news-content p,
  .route-features p { line-height: 1.78 !important; }

  /* 面包屑 */
  .breadcrumb { font-size: 12px !important; opacity: .85; margin-top: 6px !important; }

  /* 首页轮播左右箭头：移动端压在 hero 文案上（"专线""上海"被圆钮遮住），
     手势滑动即可切换，直接隐藏；保留底部指示点 */
  .hero-nav,
  .hero-nav-btn { display: none !important; }

  /* 首页 hero 服务标签：收字号，避免在窄屏被挤 */
  .hero-desc {
    white-space: normal !important;
    word-break: break-word !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
    padding: 0 4px !important;
  }

  /* ==========================================================
     3. 底部（footer）精简：去啰嗦，突出电话
     ========================================================== */
  .footer-main { padding: 26px 0 16px !important; }
  .footer-grid { gap: 14px !important; }
  .footer-logo { margin-bottom: 8px !important; }

  /* 品牌简介：限两行 */
  .footer-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #8b93a1 !important;
    max-width: 330px !important;
    margin: 0 auto !important;
  }
  .footer-trust { margin-top: 10px !important; gap: 6px !important; }
  .trust-badge { font-size: 11px !important; padding: 3px 9px !important; }

  /* 联系方式：只留两个电话，大号、可直接点 */
  .footer-contact { display: block !important; margin: 16px 0 0 !important; }
  .footer-contact h4 { display: none !important; }
  .footer-contact p:nth-of-type(1),
  .footer-contact p:nth-of-type(3),
  .footer-contact p:nth-of-type(5),
  .footer-contact p:nth-of-type(6) { display: none !important; }
  .footer-contact p:nth-of-type(2),
  .footer-contact p:nth-of-type(4) {
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin: 6px 0 !important;
  }
  .footer-contact p:nth-of-type(2) a,
  .footer-contact p:nth-of-type(4) a { display: inline-block; padding: 4px 6px; }

  /* 版权 / 备案：小而不碎，并为底部操作条留出安全距离 */
  .footer-bottom { padding: 12px 0 calc(72px + env(safe-area-inset-bottom, 0px)) !important; }
  .footer-copyright p,
  .footer-icp p { font-size: 11.5px !important; line-height: 1.7 !important; color: #8b93a1 !important; }
  .footer-icp { margin-top: 4px !important; }
}

/* ============================================================
   附：通用显示修复（不分尺寸，全端生效）
   ============================================================ */

/* 深色数据卡内的 <em> 高亮标签：原为"浅米色底 + 继承白色字"，
   白底白字几乎不可见（新闻正文对比表里表现为一条白条） */
.data-card__list em,
.data-card em,
.news-content .data-card em {
  color: #8a4b1f !important;
  background: #fff3e9 !important;
  font-style: normal !important;
  border-radius: 4px;
  white-space: nowrap;
}