/* ============================================================
   飞傲软件官网模板 · CMS 补充样式 (cms.css)
   依赖 css/style.css，仅补充 CMS 动态输出所需的组件样式
   ============================================================ */

/* 品牌 logo 图片 */
.logo-mark { overflow: hidden; }
.logo-mark img { width: 100%; height: 100%; object-fit: contain; display: block; }

/* 首页 Hero 视觉图（已由 style.css 的 .hero-img 定义，此处仅兜底） */
.hero-img { width: 100%; height: auto; }

/* ============================================================
   移动端菜单（独立面板）
   .header 的 backdrop-filter 会改变内部 fixed 元素的包含块，
   因此移动端菜单放在 header 外层，固定定位于顶栏正下方。
   ============================================================ */
@media (max-width: 860px) {
  /* 隐藏桌面导航，仅用汉堡面板 */
  .nav { display: none !important; }
  .header-cta .tel, .header-cta .btn { display: none; }

  .m-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 70px;              /* js 会按实际顶栏高度覆盖 */
    background: #fff;
    z-index: 1000;
    padding: 10px 16px 16px;
    box-shadow: 0 24px 48px rgba(11, 28, 77, .18);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s;
  }
  .m-nav.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .m-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    color: var(--navy);
    padding: 12px 14px;
    border-radius: 12px;
  }
  .m-nav a + a { margin-top: 4px; }
  .m-nav a:hover { background: var(--blue-50); }
  .m-nav a.active { color: #fff; background: var(--blue); }

  .m-mask {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(11, 28, 77, .45);
    z-index: 900;
    opacity: 0;
    transition: opacity .22s ease;
  }
  .m-mask.show { opacity: 1; }

  .nav-toggle { display: block; position: relative; z-index: 1100; }
}
@media (min-width: 861px) {
  .m-nav, .m-mask { display: none !important; }
}