:root{
  /* 站点顶部/导航用 */
  --brand-logo: url('https://zifengling.com/zfllogo.png');
  /* 公共落地页大 Logo（你的 m 尺寸） */
  --brand-logo-landing: url('https://zifengling.com/zifengling-logo-m.png');
}

/* ========== 1) 单列布局（4.x 顶部导航条） ========== */
/* 目标元素：<a class="ui__header__logo">…</a> */
.layout-single-column .ui__header__logo{
  background-image: var(--brand-logo) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 150px auto !important;
  width: 150px !important;
  height: 50px !important;
  /* 清掉内边距/对齐差异，避免撑高导航 */
  padding: 0 !important;
  margin: 0 8px !important;
}
/* 隐藏新版里的字标/图标 SVG（4.x） */
.layout-single-column .ui__header__logo .logo--wordmark,
.layout-single-column .ui__header__logo .logo--icon{
  display: none !important;
}
/* 兼容旧版（有些主题还会渲染 svg.logo） */
.layout-single-column .ui__header__logo svg.logo{
  display: none !important;
}

/* ========== 2) 多列布局左侧栏（旧结构仍被不少主题沿用） ========== */
/* 目标元素：<a class="column-link column-link--logo">…</a> */
.navigation-panel a.column-link.column-link--logo{
  background-image: var(--brand-logo) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 150px auto !important;
  width: 150px !important;
  height: 50px !important;
}
/* 隐藏旧结构中的 svg/img 标识 */
.column-link--logo svg,
.column-link--logo img{
  display: none !important;
}

/* ========== 3) 公共站点落地页（/about 等） ========== */
/* 目标元素：.logo-container h1 a 以及 .logo-container h1 .logo */
.logo-container h1 a,
.logo-container h1 .logo{
  background-image: var(--brand-logo-landing) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 261px auto !important;
  width: 261px !important;
  height: 82px !important;
  display: block !important;
  text-indent: -9999px; /* 隐藏链接文字 */
  overflow: hidden;
}
/* 隐藏原始 SVG */
.logo-container h1 svg.logo{
  display: none !important;
}

/* ========== 4) 后台侧栏 Logo（admin） ========== */
/* 取消后台侧栏所有 Logo（含我们之前加的 ::before） */
.admin-wrapper .sidebar {
  padding-top: 0 !important;         /* 去掉为自定义 Logo 预留的上边距 */
}
.admin-wrapper .sidebar::before {
  content: none !important;          /* 不再生成伪元素 */
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}
/* 继续隐藏 Mastodon 自带的侧栏 logo 元素（以免主题更新后又出现） */
.admin-wrapper .sidebar .logo {
  display: none !important;
}

/* ========== 5) 细节兼容：有的主题把 .navigation-panel .logo 设成 0 高 ========== */
.navigation-panel .logo{
  height: 0 !important;
  width: auto !important;
}

/* 悬停时不再出现 ::after 提示（某些旧 CSS 残留） */
.layout-single-column .ui__header__logo:hover::after,
.layout-single-column .column-link.column-link--logo:hover::after{
  display: none !important;
}