.d-none{
  display: none;
}

.index .banner-block, .index .banner-main .RWDbase, .index .bannermain-block, .index .bannermain-block .container-fluid, .index .bannermain-stage {
    overflow: initial;
}

.fix-btn a img {
    transition: .5s ease;
}

.fix-btn a:hover img {
    transform: scale(1.1);
    transition: .5s ease;
}
.RWDmenu_plus04 .header.is-up {
    background-color: rgba(0, 0, 0, .85);
    backdrop-filter: unset;
}

.page_wrapper_bg .RWDmenu_plus04 .header {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.RWDsearch_page .list-img .name{
      -webkit-line-clamp: 3;
      font-size: clamp(1.0625rem, .9823rem + .1673vw, 1.25rem);
}

/* 主標題：只留立體邊與黑色陰影 */
.page_wrapper_bg .RWDbanner_plus01 .slick-caption .txt1 span {
  -webkit-filter:
    drop-shadow(2px 2px 0 #2c0668)
    drop-shadow(0 4px 6px rgba(0, 0, 0, 0.7));
  filter:
    drop-shadow(2px 2px 0 #2c0668)
    drop-shadow(0 4px 6px rgba(0, 0, 0, 0.7));
}

img.all-bg.cover{
    filter: unset;
}
@media (min-width: 1024px) {
    .RWDsearch_page .list-tab li a:hover {
        color: var(--TextColorSecondary);
    }
}
/* 保留原本平板、手機不使用陰影的設定 */
@media (max-width: 991px) {
  .page_wrapper_bg .RWDbanner_plus01 .slick-caption .txt1 span {
    -webkit-filter: none;
    filter: none;
  }
}

@media (max-width: 767px) {
    .bannermain-block .bannermain-stage .deco-center-ball {
        width: 35vw;
    }
}


@media (max-width: 650px) {


        .RWDvideo006__video, .footer-movie {
        height: 27vh !important;
    }

        .RWDvideo006__video iframe {
        width: 80vh !important;
    }


    .social-btn {
        gap: var(--Space1);
        margin: var(--Space3) 0 var(--Space2);
        justify-content: center;
    }


.social-btn-child a img {
    width: 90%;
}

    .footer-info-wrapper .RWDbase {
    gap: 0;
}

.character-info-wrap .character-card .traits-grid {
    display: flex;
    align-items: center;
}

}

/* en 專用：英文主標題字型（原本 en 檔就有） */
.page_wrapper_bg .RWDbanner_plus01 .slick-caption .txt1 span {
  font-family: "Marcellus", serif;
  line-height: 0.9;
}

/* ═══════════════════════════════════════════════════════════════
   01 自訂游標改用 CSS cursor 圖（2026-10-06）
   貼在首頁 customization CSS 的最後面（放在原本 .cur-layer／.cur-dot 那些規則之後）。
   原本寶石／高爾夫球是用網頁圖層畫（.cur-dot）＋ drop-shadow 濾鏡，滑鼠每動一格都要重新合成，
   客戶的 2017 MacBook Pro（Safari、2x 螢幕）實測光是寶石就讓 fps 從 60 掉到 50。
   改成 CSS cursor 圖由作業系統繪製，零成本。寶石熱點 (2,2)、球心 (16,16)。
   圖用已上傳的新檔名：cursor-gem-1.webp／cursor-ball-1.webp（32×32）、cursor-gem@2.webp／cursor-ball@2.webp（64×64）。
   （換檔名是為了避開正式站 30 天的圖片快取，舊的 cursor-gem.webp 96×96 不要再用）
   貼的位置：baseCss61_1.css（tw 與 en 各一份，兩邊都要貼）的最後面。
   若 Safari 顯示的是系統箭頭（代表那版 Safari 的 cursor 不吃 webp），改貼 01-游標-base64備用.css。
   注意：正式站原本的規則都帶 !important，這裡也要帶才蓋得過；
   只寫 url() 備援＋ -webkit-image-set()（Chrome、Safari 都吃；沒加前綴的 image-set() Safari 會吃掉但不顯示）。
   高爾夫球的備援值要用 auto 不能用 pointer：Safari 實測寫 pointer 會直接顯示系統手指、不載自訂圖（2026-10-06 客戶實測）。
   ═══════════════════════════════════════════════════════════════ */

/* 一般區域：寶石 */
html.has-cursor,
html.has-cursor * {
  cursor: url("https://www.wowintw.com.tw/archive/image/customization/cursor-gem-1.webp") 2 2, auto !important;
  cursor: -webkit-image-set(url("https://www.wowintw.com.tw/archive/image/customization/cursor-gem-1.webp") 1x, url("https://www.wowintw.com.tw/archive/image/customization/cursor-gem@2.webp") 2x) 2 2, auto !important;
}

/* 可點的元素與它們的子元素：高爾夫球（.has-cursor 寫三次是為了壓過各區塊自己寫的 cursor: pointer） */
html.has-cursor.has-cursor.has-cursor :is(a, button, [role="button"], input[type="submit"], input[type="button"], label, select, summary, .main-btn, .category-tab-button, .map-label-item, .map-btn, .nav-btn, .avatar-item, .bgm-toggle, .toggle-submenu, .lang-select-label, .nav-toggle, .search-btn, .menu-close, .rift-arrow, .form-checkbox, .submit-btn, .faq-question, .scroll-top, .fix-btn a, .owl-next, .owl-prev, .owl-dot, .slick-arrow, .slick-dots button, .rift-entry-modal-start, .product-link, [onclick]),
html.has-cursor.has-cursor.has-cursor :is(a, button, [role="button"], input[type="submit"], input[type="button"], label, select, summary, .main-btn, .category-tab-button, .map-label-item, .map-btn, .nav-btn, .avatar-item, .bgm-toggle, .toggle-submenu, .lang-select-label, .nav-toggle, .search-btn, .menu-close, .rift-arrow, .form-checkbox, .submit-btn, .faq-question, .scroll-top, .fix-btn a, .owl-next, .owl-prev, .owl-dot, .slick-arrow, .slick-dots button, .rift-entry-modal-start, .product-link, [onclick]) * {
  cursor: url("https://www.wowintw.com.tw/archive/image/customization/cursor-ball-1.webp") 16 16, auto !important;
  cursor: -webkit-image-set(url("https://www.wowintw.com.tw/archive/image/customization/cursor-ball-1.webp") 1x, url("https://www.wowintw.com.tw/archive/image/customization/cursor-ball@2.webp") 2x) 16 16, auto !important;
}

/* 文字欄位：I 型 */
html.has-cursor.has-cursor.has-cursor :is(input:not([type="submit"]):not([type="button"]), textarea, [contenteditable="true"]) {
  cursor: text !important;
}

/* 舊的圖層版寶石／球不再使用（若 inline script 還沒換新版，先用這條藏起來） */
.cur-dot {
  display: none !important;
}

/* 紫光軌跡圖層：不用 opacity 淡入（原本淡入時整個視窗要進離屏緩衝，滑鼠剛動的瞬間掉到 20），
   改用 visibility 直接顯示／隱藏；圖層本身沒內容，蓋滿視窗也不佔貼圖。不疊色、不用濾鏡 */
.cur-layer {
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  -webkit-transition: none !important;
  transition: none !important;
  visibility: hidden !important;
}

.cur-layer.on { visibility: visible !important; }
.cur-layer.text { visibility: hidden !important; }

.cur-trail i {
  mix-blend-mode: normal !important;
}

.cur-gem,
.cur-ball {
  -webkit-filter: none !important;
  filter: none !important;
}

/* 平板、手機、觸控：全部還原系統游標 */
@media (max-width: 1024px),
(pointer: coarse) {

  html.has-cursor,
  html.has-cursor *,
  html.has-cursor.has-cursor.has-cursor :is(a, button, [role="button"], input[type="submit"], input[type="button"], label, select, summary, .main-btn, .category-tab-button, .map-label-item, .map-btn, .nav-btn, .avatar-item, .bgm-toggle, .toggle-submenu, .lang-select-label, .nav-toggle, .search-btn, .menu-close, .rift-arrow, .form-checkbox, .submit-btn, .faq-question, .scroll-top, .fix-btn a, .owl-next, .owl-prev, .owl-dot, .slick-arrow, .slick-dots button, .rift-entry-modal-start, .product-link, [onclick]),
  html.has-cursor.has-cursor.has-cursor :is(a, button, [role="button"], input[type="submit"], input[type="button"], label, select, summary, .main-btn, .category-tab-button, .map-label-item, .map-btn, .nav-btn, .avatar-item, .bgm-toggle, .toggle-submenu, .lang-select-label, .nav-toggle, .search-btn, .menu-close, .rift-arrow, .form-checkbox, .submit-btn, .faq-question, .scroll-top, .fix-btn a, .owl-next, .owl-prev, .owl-dot, .slick-arrow, .slick-dots button, .rift-entry-modal-start, .product-link, [onclick]) * {
    cursor: auto !important;
  }
}