/*
 * 驭鬼者论坛 · 头像框叠加（R108 重建）
 * 头像框图片居中叠在头像上，按服务端给出的 --ygz-frame-scale / -x / -y / -rotate 精确对位。
 * 只使用 transform，不影响周围排版（头像框放大的部分溢出显示，不撑开布局）。
 */
.avatar-frame-wrapper {
  position: relative;
  overflow: visible;
  isolation: isolate;
}
.avatar-frame-wrapper > .frame-img,
.avatar-frame-wrapper .frame-img,
.avatar-frame-wrapper > .ygz-avatar-frame {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  object-position: center;
  background: transparent;
  pointer-events: none;
  z-index: 2;
  transform: translate(calc(-50% + var(--ygz-frame-x, 0px)), calc(-50% + var(--ygz-frame-y, 0px))) rotate(var(--ygz-frame-rotate, 0deg)) scale(var(--ygz-frame-scale, 1.3));
  transform-origin: center;
}
.avatar-frame-wrapper > .user-avatar,
.avatar-frame-wrapper > img:not(.frame-img):not(.ygz-avatar-frame),
.avatar-frame-wrapper > video {
  position: relative;
  z-index: 1;
  border-radius: 50%;
  object-fit: cover;
}