/* GX Border Plugin - PC Styles */
/* 1400px以上显示PC样式 */
@media screen and (min-width: 1024px) {
  @keyframes gx-border-mask-left-right-fadein {
    0% {
      left: -340px;
      opacity: 0;
    }
    100% {
      left: 0;
      opacity: 1;
    }
  }

  @keyframes gx-border-mask-right-left-fadein {
    0% {
      right: -120px;
      opacity: 0;
    }
    100% {
      right: 0;
      opacity: 1;
    }
  }

  body.gx-border-loadover .gx-border-wrap_mask_left {
    animation: gx-border-mask-left-right-fadein 0.5s cubic-bezier(0.14, 1, 0.34, 1) 1 both;
  }

  body.gx-border-loadover .gx-border-wrap_mask_right {
    animation: gx-border-mask-right-left-fadein 0.5s cubic-bezier(0.14, 1, 0.34, 1) 1 both;
  }

.gx-border-wrap_mask_left {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    pointer-events: none;
    background-position: 0 0;
    display: block !important;
    transform: none !important;
    /* 确保容器本身没有背景色 */
    background: transparent !important;
}

/* 修复光效元素 - 隐藏默认的竖线 */
.gx-border-w_mask_sidelight i:not(.gx-border-light) {
    display: none !important; /* 隐藏非光效的竖线 */
}

.gx-border-w_mask_sidelight i.gx-border-light {
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5), transparent) !important;
    animation: gx-border-light-flicker 3s infinite;
    width: 3px;
    /* 确保光效位置正确 */
    left: 20px; /* 根据需要调整位置 */
}

/* 或者完全移除光效容器 */
.gx-border-w_mask_sidelight {
    display: none !important; /* 如果不需要光效，直接隐藏整个容器 */
}

  .gx-border-wrap_mask_left .gx-border-w_mask_sidelight {
    right: unset;
    left: 20px;
    transform: scale(-1, 1);
  }

  .gx-border-wrap_mask_ltop {
    width: 340px;
    height: 748px;
    background-image: url(https://gamexo.top/wp-content/themes/pcgame/imges/dt_left_top.png);
    background-size: 340px 748px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }

  .gx-border-wrap_mask_lct {
    width: 340px;
    height: calc(100vh - 1078px);
    min-height: 0;
    background-image: url(https://gamexo.top/wp-content/themes/pcgame/imges/dt_left_ct.png);
    background-size: 340px auto;
    background-repeat: repeat-y;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 748px;
    z-index: 1;
  }

  .gx-border-wrap_mask_lbot {
    width: 340px;
    height: 330px;
    background-image: url(https://gamexo.top/wp-content/themes/pcgame/imges/dt_left_bot.png);
    background-size: 340px 330px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
  }

  .gx-border-wrap_mask_right {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    pointer-events: none;
    display: block !important;
    transform: none !important;
  }

  .gx-border-wrap_mask_rtop {
    width: 120px;
    height: 748px;
    background-image: url(https://gamexo.top/wp-content/themes/pcgame/imges/dt_right_top.png);
    background-size: 120px 748px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }

  .gx-border-wrap_mask_rct {
    width: 120px;
    height: calc(100vh - 1078px);
    min-height: 0;
    background-image: url(https://gamexo.top/wp-content/themes/pcgame/imges/dt_right_ct.png);
    background-size: 120px auto;
    background-repeat: repeat-y;
    background-position: 0 0;
    position: absolute;
    right: 0;
    top: 748px;
    z-index: 1;
  }

  .gx-border-wrap_mask_rbot {
    width: 120px;
    height: 330px;
    background-image: url(https://gamexo.top/wp-content/themes/pcgame/imges/dt_right_bot.png);
    background-size: 120px 330px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

  .gx-border-w_mask_sidelight {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
  }

  .gx-border-w_mask_sidelight i {
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
  }

  .gx-border-w_mask_sidelight i.gx-border-light {
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: gx-border-light-flicker 3s infinite;
    width: 3px;
  }

  @keyframes gx-border-light-flicker {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
  }

  /* 确保边框显示在正确层级 */
  .gx-border-wrap_mask_left,
  .gx-border-wrap_mask_right {
    z-index: 9998;
  }
}