/* ==========================================================================
   手机端(/m/) · 统一视觉覆盖（Modern Tech Blue）
   --------------------------------------------------------------------------
   原则：只改颜色 / 渐变 / 圆角 / 阴影等「外观」属性，
        绝不改动类名、定位与布局属性 —— 底部导航的 JS 交互依赖现有类名与结构。
   加载顺序：在 m-resource/index.css 之后加载，故可安全覆盖。
   ========================================================================== */

:root{
  --m-brand:#1A6CFF;
  --m-brand-2:#4C8DFF;
  --m-grad:linear-gradient(135deg,#1A6CFF 0%,#4C8DFF 100%);
  --m-ink:#0F172A;
  --m-ink-3:#94A3B8;
}

/* ---------- 顶部搜索头：背景图 → 科技蓝渐变（保留白字与高度） ---------- */
.top-search{
  background:var(--m-grad) !important;
  background-image:var(--m-grad) !important;
  background-size:cover !important;
}

/* ---------- 底部导航：白底 + 顶部分离阴影 + 科技蓝点缀 ---------- */
#layout_navFooter nav#footer-nav{
  background:#fff;
  box-shadow:0 -2px 18px rgba(15,23,42,.08);
  border-top:1px solid rgba(230,235,242,.9);
}
#footer-nav ul li a{color:var(--m-ink-3)}
#footer-nav ul li a:before{color:var(--m-ink-3)}
/* 「导航」入口用品牌色突出（原为红 #ef4047） */
#footer-nav ul li .gongGe-nav{color:var(--m-brand) !important;font-weight:700}
#footer-nav ul li .gongGe-nav:before{color:var(--m-brand) !important}

/* ---------- 导航浮层 / 分类 ---------- */
.gongGe{background:#fff;border-radius:14px 14px 0 0}
.gongGe li span{color:#475569}

/* ---------- 客服弹层按钮：橙色 → 科技蓝渐变 ---------- */
.customer .btn{
  background:var(--m-grad) !important;
  border-radius:999px !important;
  box-shadow:0 6px 18px rgba(26,108,255,.28);
}
.customer .title{color:var(--m-ink)}

/* ---------- 页脚 ---------- */
.common-footer{background:#fff;border-top:1px solid #E6EBF2}
.common-footer p a{color:#475569}
.common-footer p a:hover{color:var(--m-brand)}
.common-footer .copy-right{color:var(--m-ink-3)}

/* ---------- 通用：主色强调（不影响既有布局） ---------- */
.s-simulate{border-radius:999px}
.top-search .s-simulate:before{opacity:.85}

/* ---------- 安全区适配（iPhone 刘海屏 / 底部横条） ---------- */
@supports(padding:max(0px)){
  #layout_navFooter nav#footer-nav{
    padding-bottom:env(safe-area-inset-bottom);
  }
  .top-search{
    padding-top:env(safe-area-inset-top);
  }
}