/* zola 覆盖样式：适配无 toc-aside 的布局（bamboo 3.3.12 的 .post-row 为 row-reverse，单子项会被推到右侧）
   与 cn.dfdm.net（旧版 bamboo）视觉一致：main-content 占满 .post-detail-content（75% 居中）。 */
.post-row {
  flex-direction: row !important;
}

.post-row .main-content {
  width: 100% !important;
  margin: 0 auto !important;
}

/* ---- 头部字体对齐 cn.dfdm.net ---- */
/* logo（东方动漫社）：cn 为 "Comic Sans MS", cursive, LiSu, sans-serif（补 cursive） */
.header .blog-title a,
.header .logo {
  font-family: "Comic Sans MS", cursive, LiSu, sans-serif !important;
}

/* 导航菜单项：cn 无显式字体，落浏览器默认衬线 Times New Roman */
.navbar .menu .menu-item a,
.header .navbar .menu .menu-item a {
  font-family: "Times New Roman", sans-serif !important;
}

/* 抽屉（移动端侧栏）菜单项：同样对齐 cn */
.drawer-menu-item-link,
.drawer-box-content .drawer-menu-item-link {
  font-family: "Times New Roman", sans-serif !important;
}

/* ---- 友链：bilibili快照卡 图片镜像翻转（相对 Bilibili 卡呈镜面对称）---- */
.site-card-mirror .img img,
.site-card-mirror .info > img {
  transform: scaleX(-1);
}

/* ---- 首页视频 BGM 悬浮按钮（白天/夜晚按钮 .dark 上方）---- */
.bgm-toggle {
  color: #fff;
  background-color: #222;
  position: fixed;
  right: 17px;
  bottom: 140px;           /* .dark 在 bottom:80px，此在其上方 */
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  box-shadow: -2px 2px 2px 2px rgba(255, 255, 255, 0.5);
  z-index: 20;
  transition: background-color 0.3s, color 0.3s;
}
.bgm-toggle:hover {
  background-color: #f66;
}
.bgm-toggle i {
  line-height: 50px;
}
@media (max-width: 551px) {
  .bgm-toggle {
    width: 30px;
    height: 30px;
    line-height: 30px;
    bottom: 110px;         /* 移动端 dark bottom:60px，此在上方 */
    right: 0;
    border-radius: 8px 0 0 8px;
  }
  .bgm-toggle i {
    line-height: 30px;
  }
}