/* =====================================================
   站点自定义样式（经 _config.keep.yml inject.css 引入）
   ===================================================== */

/* MIXION logo 暗色适配：
   logo 为纯黑/白双色徽章（source/images/logo.svg），
   invert(1) 与设计师提供的 dark 变体色值完全等价
   （#0B0B0B <-> #F4F4F4，#FFFFFF <-> #000000） */
html.dark-mode .logo-image img {
  filter: invert(1);
}

/* MIXION 横版 lockup（图形标 + 字标，4:1）：
   主题的 logo 槽原本是固定正方形（2.68rem × 2.68rem，img width:100%），
   会把横版压成 ~43px 宽的小条。改为锁定高度、宽度自适应。 */
.header-wrapper .header-content .left .logo-image {
  width: auto;
  height: 2.2rem;
}

.header-wrapper .header-content .left .logo-image img {
  width: auto;
  height: 100%;
}

@media (max-width: 800px) {
  .header-wrapper .header-content .left .logo-image {
    height: 2rem;
  }
}

@media (max-width: 500px) {
  .header-wrapper .header-content .left .logo-image {
    height: 1.8rem;
  }
}