/* =================== Header / Logo =================== */
.navbar .site-logo,
.mobile-logo .site-logo,
.navbar-brand.site-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  line-height: 1;
}

.navbar .site-logo img,
.mobile-logo .site-logo img,
.navbar-brand.site-logo img {
  height: 40px;
  width: auto;
  display: block;
}

.navbar .site-name,
.mobile-logo .site-name,
.navbar-brand.site-logo .site-name {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  line-height: 1;
}

@media (max-width: 640px) {
  /* 小屏可选：隐藏名字，只留图标 */
  .mobile-logo .site-name,
  .navbar-brand.site-logo .site-name { display: none; }
}

/* 桌面：显示桌面菜单，隐藏移动菜单 */
@media (min-width: 960px) {
  .desktop-menu { display: block !important; }
  .mobile-menu { display: none !important; }
}


/* =================== 内容宽度与间距 =================== */
/* 文本模块收窄 + 居中（无论有没有 .content 都生效） */
section.modular-text > .container,
section.modular-text > .container > .content {
  max-width: 720px;         /* 你也可以改成 680 / 800 / 960 */
  margin: 0 auto;
  padding: 0 16px;          /* 两侧安全内边距 */
  line-height: 1.9;
  font-size: 18px;
}

/* 全局缩小文本模块上下间距（Quark 默认 ~6rem） */
section.modular-text {
  padding: 3rem 0;          /* “减半”后建议值 */
}

@media (max-width: 640px) {
  section.modular-text { padding: 2.25rem 0; }
}


/* =================== 导航锚点（彻底关闭） =================== */
/* 关闭 on-page menu（含部分主题在 header 输出的 anchors 列表） */
.onpage-menu,
.onpage-menu *,
body.modular ul.navigation {
  display: none !important;
}

/* 若历史遗留有乱码 id 锚点（保险，可留可删） */
div[id^="�-"] { display: none !important; }


/* =================== “我们的服务”去掉圆点 =================== */
section.modular-features ul.features {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
section.modular-features ul.features > li.feature {
  list-style: none;
}
section.modular-features ul.features > li.feature::marker { content: ""; }
section.modular-features ul.features > li.feature::before { content: none; }

/* 首页 Hero 大标题居中 */
.modular-hero .overlay-dark {
  display: flex;
  flex-direction: column;
  justify-content: center;  /* 垂直居中 */
  text-align: center;       /* 水平居中 */
  min-height: 600px;        /* 跟 banner 高度保持一致 */
}

/* 首页 Hero 小字说明居中 */
.modular-hero p {
  text-align: center;
  font-size: 20px;   /* 根据需要调整字体大小 */
  margin-top: 15px;  /* 与标题的间距 */
}
/* 让出给固定导航的空间（按你导航高度微调） */
.header-fixed .modular-hero {
  padding-top: 100px;   /* 如果仍略被遮挡，可改 90~100px 试试 */
}

/* 大标题水平居中、行高更紧凑，避免被裁切 */
.modular-hero h1 {
  text-align: center;
  line-height: 1.1;    /* 原来行高偏大，减小一点更不易顶到上沿 */
  margin: 0 0 16px;    /* 与小字的间距 */
}

/* 保险：把容器也设为垂直居中（与你之前规则配合） */
.modular-hero .overlay-dark {
  display: flex;
  flex-direction: column;
  justify-content: center;  /* 垂直居中 */
  align-items: center;       /* 水平居中 */
  min-height: 600px;         /* 与 Banner 高度一致 */
  text-align: center;
}

