/* GX Border Plugin - Mobile Styles */
/* 1400px以下显示移动端样式 */
@media screen and (max-width: 1400px) {
  /* 动画效果 */
  @keyframes gx-border-mask-right-left-fadein-small {
    0% {
      right: -154.36px;
      opacity: 0;
      transform: scale(0.68);
    }
    100% {
      right: 0;
      opacity: 1;
      transform: scale(0.68);
    }
  }
  
  @keyframes gx-border-mask-left-right-fadein-small {
    0% {
      left: -231.2px;
      opacity: 0;
      transform: scale(0.68);
    }
    100% {
      left: 0;
      opacity: 1;
      transform: scale(0.68);
    }
  }
  
  body.gx-border-loadover .gx-border-wrap_mask_left {
    animation: gx-border-mask-left-right-fadein-small 0.5s ease-out 1 both;
  }
  
  body.gx-border-loadover .gx-border-wrap_mask_right {
    animation: gx-border-mask-right-left-fadein-small 0.5s ease-out 1 both;
  }
  
  .gx-border-wrap_mask_left {
    width: 340px;
    height: 148% !important;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 300;
    pointer-events: none;
    display: block !important;
    transform: scale(0.68) !important;
    transform-origin: left top !important;
  }
  
  .gx-border-wrap_mask_ltop {
    width: 340px;
    height: 748px;
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/dt_left_top.png);
    background-size: 340px 748px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }
  
  .gx-border-wrap_mask_lct {
    width: 340px;
    height: calc(100% - 1078px);
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/dt_left_ct.png);
    background-size: 340px 7714px;
    background-repeat: repeat-y;
    background-position: 0 -1192px;
    position: absolute;
    left: 0;
    top: 748px;
    z-index: 0;
  }
  
  .gx-border-wrap_mask_lbot {
    width: 340px;
    height: 330px;
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/dt_left_bot.png);
    background-size: 340px 330px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
  }
  
  .gx-border-wrap_mask_right {
    width: 227px;
    height: 419px;
    position: fixed;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 300;
    pointer-events: none;
    display: block !important;
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/dt_right.png);
    background-size: 227px 419px;
    background-repeat: no-repeat;
    background-position: right bottom;
    transform: scale(0.68) !important;
    transform-origin: right bottom !important;
  }
  
  /* 隐藏不需要的元素 */
  .gx-border-wrap_mask_rtop,
  .gx-border-wrap_mask_rct,
  .gx-border-wrap_mask_rbot,
  .gx-border-wrap_mask_right .gx-border-w_mask_sidelight,
  .gx-border-wrap_mask_left .gx-border-w_mask_sidelight {
    display: none !important;
  }
  
  /* WebP格式支持 */
  .webp .gx-border-wrap_mask_right {
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/webp/dt_right.webp);
  }
  
  .webp .gx-border-wrap_mask_ltop {
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/webp/dt_left_top.webp);
  }
  
  .webp .gx-border-wrap_mask_lct {
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/webp/dt_left_ct.webp);
  }
  
  .webp .gx-border-wrap_mask_lbot {
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/webp/dt_left_bot.webp);
  }
  
  /* Fallback格式 */
  .fallback .gx-border-wrap_mask_right {
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/dt_right.png);
  }
  
  .fallback .gx-border-wrap_mask_ltop {
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/dt_left_top.png);
  }
  
  .fallback .gx-border-wrap_mask_lct {
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/dt_left_ct.png);
  }
  
  .fallback .gx-border-wrap_mask_lbot {
    background-image: url(https://game.gtimg.cn/images/nikke/act/a20250224nikke/m/dt_left_bot.png);
  }
}