/* anthoney's 自定义样式：SVG 艺术字 logo（矢量缩放，全设备清晰） */
.image-logo {
  width: 142px;
  height: 38px;
  background-size: contain;
  -webkit-mask-box-image: none;
  -webkit-mask-image: url("/img/logo.svg");
  mask-image: url("/img/logo.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center left;
  mask-position: center left;
}

@media screen and (max-width: 580px) {
  .image-logo { width: 105px; height: 28px; }
}

/* ===== 移动端过渡性能优化 =====
   主题原版对全屏元素动画使用 left/top（每帧触发整页 layout+paint，手机必卡），
   改为 transform: translate3d 走 GPU 合成层，视觉不变、帧率大幅提升。 */

/* 文章预览层：left:100%→0 改为 translate3d */
#preview {
  left: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}
#preview.show {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* 全屏菜单：top:-100%→0 改为 translate3d */
.nav {
  top: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
body.mu .nav {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}