/* ==========================================================================
   NX AI · 會員浮水印
   - 大型低透明度斜排文字，用於能量卡與 Core Modal 背景
   - 不可選取、不攔截點擊、不影響操作
   ========================================================================== */
.nx-watermark {
  position: absolute;
  inset: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
  z-index: 0;
  /* aria-hidden 由 JS 設定 */
}

/* 內部的斜排文字層 */
.nx-watermark::before,
.nx-watermark::after,
.nx-watermark > .nx-wm-txt {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center;
  white-space: nowrap;
  font-family: var(--nx-font-mono, 'JetBrains Mono', ui-monospace, Menlo, monospace);
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #1E293B; /* slate-800（品牌藍灰）*/
  opacity: 0.06;  /* 6% — 在 5-8% 範圍內 */
  text-transform: uppercase;
}

/* 三行斜排 :  上/中/下 */
.nx-watermark > .nx-wm-txt {
  transform: translate(-50%, -50%) rotate(-18deg);
}
.nx-watermark > .nx-wm-txt.is-upper {
  top: 22%;
  transform: translate(-50%, -50%) rotate(-18deg);
  opacity: 0.045;
}
.nx-watermark > .nx-wm-txt.is-lower {
  top: 78%;
  transform: translate(-50%, -50%) rotate(-18deg);
  opacity: 0.045;
}

/* ------- Variant : 能量卡 (較寬，字大) ------- */
.card-energy .nx-watermark > .nx-wm-txt {
  font-size: clamp(56px, 14vw, 96px);
}
/* 能量卡浮水印偏右，避開左側主要數字區 */
.card-energy .nx-watermark > .nx-wm-txt.is-mid {
  left: 62%;
}
.card-energy .nx-watermark > .nx-wm-txt.is-upper {
  left: 40%;
}
.card-energy .nx-watermark > .nx-wm-txt.is-lower {
  left: 78%;
}

/* ------- Variant : Modal (置中，適中大小) ------- */
.c1-modal .nx-watermark > .nx-wm-txt,
.c3-modal .nx-watermark > .nx-wm-txt {
  font-size: clamp(48px, 14vw, 78px);
  opacity: 0.055;
}
.c1-modal .nx-watermark > .nx-wm-txt.is-upper,
.c3-modal .nx-watermark > .nx-wm-txt.is-upper {
  opacity: 0.035;
  font-size: clamp(38px, 11vw, 62px);
}
.c1-modal .nx-watermark > .nx-wm-txt.is-lower,
.c3-modal .nx-watermark > .nx-wm-txt.is-lower {
  opacity: 0.035;
  font-size: clamp(38px, 11vw, 62px);
}

/* 讓 modal 能裁切浮水印且內容浮上 */
.c1-modal,
.c3-modal {
  overflow: hidden;
}
.c1-modal > *:not(.nx-watermark),
.c3-modal > *:not(.nx-watermark) {
  position: relative;
  z-index: 1;
}

/* 能量卡內容浮上 */
.card-energy .en-inner {
  position: relative;
  z-index: 1;
}

/* 手機版縮小字級，避免超出卡片 */
@media (max-width: 700px) {
  .card-energy .nx-watermark > .nx-wm-txt {
    font-size: clamp(44px, 16vw, 72px);
  }
  .c1-modal .nx-watermark > .nx-wm-txt,
  .c3-modal .nx-watermark > .nx-wm-txt {
    font-size: clamp(38px, 13vw, 60px);
  }
  .c1-modal .nx-watermark > .nx-wm-txt.is-upper,
  .c3-modal .nx-watermark > .nx-wm-txt.is-upper,
  .c1-modal .nx-watermark > .nx-wm-txt.is-lower,
  .c3-modal .nx-watermark > .nx-wm-txt.is-lower {
    font-size: clamp(30px, 10vw, 48px);
  }
}