/* ========= 首充礼包（只作用于“华体会注册”这一张卡片） ========= */

/* 让每张卡片可以作为定位容器，并允许角标溢出显示 */
.eSaeicgrnme .re_rafiinitsanotcegnvS .urimtl_e{
  position: relative !important;
  overflow: visible !important;
}

/* 只命中第 1 张卡片（华体会注册）里的礼包图片 */
.eSaeicgrnme .re_rafiinitsanotcegnvS .urimtl_e:nth-of-type(1) #myImage{
  position: absolute !important;

  /* 贴到卡片左上角外侧一点（你红框的位置） */
  top: -45px !important;
  left: -35px !important;

  /* 固定尺寸：手机和电脑都保持同一视觉大小 */
  width: 56px !important;   /* 想更小改 52/48px；想更大改 60/64px */
  height: auto !important;

  transform: rotate(-24deg) !important;
  z-index: 50 !important;
  pointer-events: none !important; /* 不挡按钮点击 */
}

/* 若有任何全局规则给 img 设置了居中（如 right:0; margin:auto;），在这里彻底清掉 */
.eSaeicgrnme .re_rafiinitsanotcegnvS .urimtl_e:nth-of-type(1) #myImage{
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}

/* （可选）如果角标仍然被更外层的圆角裁切，放开这两层的溢出 */
.eSaeicgrnme, .re_rafiinitsanotcegnvS{
  overflow: visible !important;
}
/* fallback：像素版（老浏览器） */
.eSaeicgrnme .re_rafiinitsanotcegnvS .urimtl_e:nth-of-type(1) #myImage{
  position:absolute; top:-45px; left:-35px;
  width:56px; height:auto; transform:rotate(-24deg);
  z-index:50; pointer-events:none;
}

/* 现代浏览器：自适应（会覆盖上面的像素版） */
@supports (width: 1cqw) {
  .eSaeicgrnme .re_rafiinitsanotcegnvS .urimtl_e{ container-type:inline-size; }
  .eSaeicgrnme .re_rafiinitsanotcegnvS .urimtl_e:nth-of-type(1) #myImage{
    top:-12cqw; left:-9cqw; width:clamp(40px,16cqw,72px);
  }
}