/* ============================================================
   Theme Native — 沿用 gr66.net 現有的顏色風格
   ------------------------------------------------------------
   不是新配色，是把 dbi88.gr66.net 首頁本來就在用的顏色原封不動搬過來：
   - 登入／註冊按鈕：style.css 原本的放射狀漸層（金 / 紅）+ 黑色陰影，
     這兩段漸層跟陰影是直接從線上首頁量出來的，數字沒有改。
   - 遊戲分類卡：linear-gradient(180deg,#ffe4be 20%,#c3a064 70%,#ffdbab 100%)，
     也是首頁 action-game 卡片本來的漸層。
   - 淺色底 + 米色分隔線（member.css 原本 .box 的 #e8e3d3），不是我發明的深色系。
   在這套原生配色上，補 sa999/dg66 那輪量出來的尺寸（控件 48px、圓角加大、
   留白加寬），讓它更舒服，但顏色語言完全是 gr66 自己的。
   ============================================================ */
:root{
  --g-ink:      #fbf8f2;      /* 頁面底：接近首頁的米白 */
  --g-ink-2:    #f3ecdf;
  --g-panel:    #ffffff;      /* 卡片：白 */
  --g-panel-2:  #f7f1e4;      /* 卡片內次級塊：淺米 */
  --g-gold:     #d8a338;
  --g-gold-hi:  #efff00;      /* 按鈕漸層最亮那一階，跟首頁一致 */
  /* 2026-08-28：#df9a00 當文字在淺底上只有 2.40:1，全站文字用的金色一律改深一階（5.65:1）。
     這個色票只拿來上文字（連結、hover、金額符號、活動小標），沒有用在邊框或底色。 */
  --g-gold-dim: #8a5f00;
  --g-text:     #2b2013;      /* 深咖啡黑，不用純黑 */
  --g-text-dim: #6b6152;
  --g-muted:    #9c917c;
  --g-line:     #e8e3d3;      /* member.css 原本的米色分隔線 */
  --g-line-2:   #efe9db;
  --g-on-gold:  #24170a;
  --g-ruby:     #aa0212;
  --g-ruby-hi:  #dc3545;
  --g-ruby-dim: #5f0000;
}
body{ background:var(--g-ink); color:var(--g-text); font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif; font-size:18px; }
/* member.css 在 .member-page 容器本身寫死 font-size:14px（不是顏色，剝色腳本不會碰），
   底下所有文字都繼承這個 14px，body 的 18px 傳不進來。要在容器層級蓋掉才有效。 */
.member-page{ font-size:18px !important; }
main{
  background:var(--g-ink) !important;
  color:var(--g-text);
}
.member, .promopage, section{ color:inherit; }

/* 卡片：白底 + 米色細邊 + 柔陰影，圓角比照 dg66/sa999 實測放大到 16px。
   之前 .member-page（外層容器）跟 .box（裡面的「帳戶資訊」區塊）套了同一條規則，
   變成卡片包卡片、兩層邊框陰影疊在一起，看起來「包著又包著」很複雜。
   改成只有 .box／.card／.memberMenu 這種「真正的區塊」是卡片，.member-page
   這個外層容器改成透明，就是頁面本身的留白，不再是另一層框。 */
.member .memberMenu, .member .member-content,
.member .card, .member .box, .panel, .well,
.modal-content, .tab-content, .list-group-item{
  background:var(--g-panel) !important;
  color:var(--g-text);
  border:1px solid var(--g-line) !important;
  border-radius:16px !important;
  box-shadow:0 10px 26px -14px rgba(43,32,19,.35) !important;
}
.member .member-page{
  background:transparent !important; border:none !important; box-shadow:none !important;
  color:var(--g-text);
}
.member .box{ padding:26px 22px !important; }
.member .box + .box{ margin-top:20px; }
.member .box-img, .thead, thead, .table thead th,
.nav-tabs, .panel-heading, .card-header, .modal-header, .modal-footer{
  background:var(--g-panel-2) !important; color:var(--g-text); border-color:var(--g-line) !important;
}

/* .content 是純文字「標籤—值」列，不是卡片：清單排列，米色髮絲分隔線。
   原本 justify-content:space-between + flex-wrap:wrap 在窄的手機寬度下，值只要
   比label長一點就會整個換到下一行，同一個區塊裡有的一行、有的兩行，看起來很亂。
   改成強制單行、值靠右對齊、超長截斷——每一列高度、對齊方式都一致，才像「一個區塊」。 */
.member-page .form-group{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap;
  gap:16px; padding:15px 2px; border-bottom:1px solid var(--g-line);
}
.member-page .form-group:last-child{ border-bottom:none; }
.member-page .form-group label{
  color:var(--g-text-dim); font-weight:500; font-size:16px; flex-shrink:0; margin:0;
  white-space:nowrap;
}
.member-page .form-group label span{ color:var(--g-muted); font-size:16px; }
.member-page .content{
  background:transparent !important; border:none !important; box-shadow:none !important;
  padding:0 !important; margin:0 !important; color:var(--g-text) !important;
  display:flex; align-items:center; justify-content:flex-end; gap:10px;
  flex-wrap:nowrap; min-width:0; flex:1;
}
.member-page .content span{
  color:var(--g-text); font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.member-page .content .btn{ flex-shrink:0; white-space:nowrap; }
.member-page .form-group > button{ margin-left:auto; }

/* Google／Line 綁定：原本是兩顆獨立的品牌色（藍紅黃綠、Line綠）膠囊按鈕，剝色後
   變成沒填色的空心形狀，跟上下的清單列脫節。既然帳戶資訊本來就是一條一條的清單，
   這兩列也收進同一套「一列一行、米色分隔線」節奏，不再是插在中間的兩顆大按鈕。 */
.member-page .login-else, .member-page .register_else{
  flex-direction:column !important; align-items:stretch !important;
  gap:0 !important; margin:0 !important;
}
.member-page .else-btn{
  width:100% !important; height:auto !important;
  background:transparent !important; border:none !important; border-radius:0 !important;
  padding:15px 2px !important; margin:0 !important;
  display:flex !important; align-items:center !important; justify-content:flex-start !important;
  border-bottom:1px solid var(--g-line) !important;
}
.member-page .else-btn.google{ background:transparent !important; }
.member-page .google div{
  width:100% !important; height:auto !important; background:transparent !important;
  padding:0 !important; margin:0 !important; border-radius:0 !important; text-align:left !important;
  display:flex; align-items:center; justify-content:flex-start;
}
.member-page .else-btn img{ max-width:22px !important; max-height:22px !important; padding:0 !important; flex-shrink:0; }
/* Line 圖示原本是白色線稿，原始設計是疊在綠底膠囊上才看得見；拿掉整條綠底膠囊後
   圖示會變成白圖疊白卡、完全隱形，所以在圖示本身留一小塊 Line 綠當底，不是整條染色 */
.member-page .else-btn.line img{
  background:#06c755 !important; border-radius:6px !important; padding:3px !important; box-sizing:border-box;
}
.member-page .else-btn span{
  width:auto !important; border-left:none !important; padding-left:12px !important;
  color:var(--g-text-dim) !important; font-weight:600; font-size:16px; letter-spacing:normal;
}

/* 標題不用襯線字——gr66.net 本身從頭到尾都是 Noto Sans TC，沒有任何襯線字，
   混進一支站上沒有的字型才是真正「不高級」的原因（而且 Noto Serif TC 這支字
   head.php 原本根本沒載，會 fallback 到系統預設中文襯線字，那個才難看）。
   改成同一套黑體、拉重字重 + letter-spacing 做層級，跟站台維持同一種字感。 */
h1,h2,h3,h4,h5,h6, .member h1,.member h2,.member h3,.member h4,.member h5,.member h6,
.title, .modal-title{
  color:var(--g-text) !important; font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  font-weight:900; letter-spacing:.01em;
}
p, li, dd, dt, span, div, label, small, td, th{ color:inherit; }
.text-muted, .muted, .note, .desc, .sub, small{ color:var(--g-text-dim) !important; }
a{ color:var(--g-gold-dim); }
a:hover{ color:var(--g-gold); }
/* 內文連結的金字加深（#a97a1a 在白底只有約 3.8:1，小字不及格） */
.member a, .memberMenu a, .member-page a{ color:#8a5c06 !important; }
.member a:hover, .memberMenu a:hover{ color:#a9720a !important; }
a.btn, a.btn:hover, .btn a{ color:inherit !important; }
/* 上面那條 inherit 是為了不讓按鈕吃到連結金字，但 <a class="btn btn-warning">（儲值）
   會因此繼承到深色內文字、壓在金漸層上變成金上金——實心色按鈕一律強制白字 */
a.btn-warning, a.btn-primary, a.btn-gold,
.member-page a.btn-warning, .member a.btn-warning{ color:#1d55a8 !important; }

/* 卡片標題：全站統一成「標題＋底部金線」（會員中心重構定案的樣式），
   取代原本的左側色條，所有會員頁一致 */
.member h4, .member .box-title, .member .card-title{
  border-left:none !important;
  border-bottom:2px solid var(--g-gold);
  padding:0 0 10px !important; margin:0 0 18px !important;
  font-weight:900; font-size:18px;
}

/* 其他會員頁還在用的 member-top（會員中心｜帳戶管理 那條）：升格成頁面標題樣式 */
.member-page .member-top{
  font-size:22px; font-weight:900; margin:4px 0 14px;
  border:none !important; background:transparent !important;
}

/* 有輸入框的表單列改成「label 在上、輸入框在下」（dg66 版式）；
   純文字的「標籤—值」列（.content）維持單行清單，兩種用 :has() 區分 */
.member-page .form-group:has(.form-control),
.member-page .form-group:has(select),
.member-page .form-group:has(textarea){
  display:block; border-bottom:none; padding:0 0 4px; margin-bottom:14px;
}
.member-page .form-group:has(.form-control) label,
.member-page .form-group:has(select) label,
.member-page .form-group:has(textarea) label{
  display:block; width:auto !important; margin:0 0 6px !important;
  font-weight:700; font-size:16px; color:var(--g-text) !important; white-space:normal;
}

/* 按鈕：原封不動搬 style.css 的 .btn-login/.btn-register 放射狀漸層 + 陰影，
   只放大尺寸（48px）、兩顆分開留白（不拼成一片膠囊，避免糊在一起）。 */
.btn, .Wbtn, .overlay-btn, button.btn, input[type=submit], input[type=button], button[type=submit]{
  border-color:var(--g-line); min-height:46px; padding-left:24px !important; padding-right:24px !important;
  border-radius:12px !important;
}
.btn-primary, .btn-warning, .btn-gold, input[type=submit], button[type=submit]{
  /* 2026-08-27 Owner 最終定案：主鈕「淡藍填色」（重量 B）。
     淺藍底＋深藍字＋細藍邊——比實心輕、比描邊有份量；次要鈕維持純文字降級 */
  background:#e3eefc !important;
  border:1px solid #b9d4f7 !important;
  color:#1d55a8 !important;
  font-weight:700; letter-spacing:.06em;
  box-shadow:none !important;
  text-shadow:none;
  display:inline-flex; align-items:center; justify-content:center; gap:6px; line-height:1;
}
.btn-primary:hover, .btn-warning:hover, input[type=submit]:hover, button[type=submit]:hover{
  background:#d7e7fb !important;
}
.btn-default, .btn-secondary, .btn-outline, .btn-cancel, .close, .closebtn{
  background:#fff !important; border:1px solid var(--g-line) !important; color:var(--g-text) !important;
}

/* 右上角按鈕定案：03 描邊＋實金（2026-08-27 Owner 選定）。
   次要動作（登入/登出）＝米白底金描邊幽靈按鈕；主要動作（註冊/會員）＝實心暖金。
   注意 header.php 的 class 在桌機登入後是反過來的：登出掛 .btn-register、
   會員掛 .btn-login.btn-member——用 href 與類名把語意拉回來，不能只看 class 字面。 */
.btn-login, .btn-register{
  width:auto !important; height:36px !important;
  border-radius:9px !important; font-weight:700; letter-spacing:.03em;
  padding:0 16px !important; font-size:13px !important;
  /* 原始 style.css 是 100×85 的直排大按鈕（圖示在上字在下），flex-direction:column
     會留下來，桌機版兩顆就變成疊的——要明確改回橫排 */
  display:inline-flex !important; flex-direction:row !important;
  align-items:center; justify-content:center; gap:5px;
}
.btn-login .btn-icon, .btn-register .btn-icon{ max-width:15px !important; max-height:15px !important; margin:0 !important; }

/* 次要（登入、登出）：Owner 指示也要上色。用暖金色的淡填色，跟主要動作（會員/註冊）
   的淡藍填色成對比——同樣是填色按鈕，但色系不同、明度更低，主次仍分得開。 */
.btn-login, .btn-register[href*="logout"]{
  background:#f7f0df !important;
  border:1px solid #e3d6b4 !important;
  color:#6b4f0e !important;
  box-shadow:none !important;
  text-shadow:none;
}
.btn-login:hover, .btn-register[href*="logout"]:hover{ background:#f1e7cd !important; }
.btn-login .btn-icon, .btn-register[href*="logout"] .btn-icon{
  filter:brightness(0) saturate(100%) invert(30%) sepia(45%) saturate(900%) hue-rotate(5deg) brightness(95%) !important;
}
.btn-login .btn-icon, .btn-register[href*="logout"] .btn-icon{ filter:brightness(0) opacity(.7) !important; }

/* 主要（註冊、會員）：淡藍填色，跟 .btn-warning 同一組 */
.btn-register, .btn-login.btn-member{
  background:#e3eefc !important;
  border:1px solid #b9d4f7 !important;
  color:#1d55a8 !important;
  box-shadow:none !important;
  text-shadow:none;
}
/* 藍字配藍圖示：白線稿轉成藍色 */
.btn-register .btn-icon, .btn-login.btn-member .btn-icon{
  filter:brightness(0) saturate(100%) invert(31%) sepia(72%) saturate(1600%) hue-rotate(203deg) brightness(92%) !important;
}
/* 幽靈的特異性（class+屬性）比實金的單一 class 高，登出/登入不會被上面這條蓋回金色 */
.btn-login:hover, .btn-register:hover{ filter:brightness(1.04); }

/* 桌機版右上角整排重排：登出/會員原本是 .navbar ul 底下兩個獨立 <li>，貼在一起
   是因為 .navbar ul 本來完全沒有 gap；.u-login／.u-info／.uuid／.uucash 又是
   桌機時代寫死的窄版寬度（230px/128px），擠在一起才會看起來一團亂。
   統一放寬、加間距，儲值/轉點原本是站上另一色系（紫/橘）跟這次的金/酒紅無關，
   一起收進同一套色系，不然四顆按鈕四種顏色本身就是亂源。 */
.navbar ul{ gap:14px; }
.u-login{ width:auto !important; height:auto !important; gap:12px; }
.u-login .u-info{ padding-right:4px; }
.uuid, .uucash{ width:auto !important; white-space:nowrap; }
/* 儲值/轉點原始是直排（column），會疊成一柱溢出頁首高度，要明確改橫排置中 */
.u-login .link{ display:flex !important; flex-direction:row !important; align-items:center; gap:8px; }
li:has(> .btn-register:only-child), li:has(> .btn-login.btn-member){ margin-left:4px; }
/* 手機版的登出/會員不在 <li> 裡，是直接兩顆 <a> 塞進一個
   d-flex justify-content-between 的 div，內容剛好頂到寬度時 space-between
   等於沒有間距——用 :has() 精準抓這個容器加 gap，不要用類名選到別的地方。 */
div:has(> .btn-login.btn-sm){ gap:8px; }

.Wbtn.btn-dpst, .Wbtn.btn-tsfr{
  background:transparent !important; border:none !important;
  color:#6b6152 !important; border-radius:9px !important; height:34px !important;
  font-weight:700; font-size:12.5px; box-shadow:none !important;
}
.Wbtn.btn-dpst:hover, .Wbtn.btn-tsfr:hover{ color:#2668c7 !important; background:transparent !important; }
.Wbtn.btn-dpst img, .Wbtn.btn-tsfr img{ filter:none; }

@media (max-width:990px){
  /* 手機斷點原本是 .btn-sm{width:80px;height:30px}，一樣要用 width/height 蓋掉，
     不能只設 min-height */
  .btn-login, .btn-register{ width:auto !important; height:34px !important; border-radius:9px !important; white-space:nowrap !important; font-size:12.5px !important; padding:0 12px !important; }
  /* 圖示濾鏡不在這裡寫死，跟著幽靈/實金各自的規則走（幽靈是深字配深圖示） */
  .btn-login .btn-icon, .btn-register .btn-icon{ max-width:14px !important; max-height:14px !important; padding:0 3px 0 0 !important; }
  .u-login{ gap:8px; }
}

/* 輸入框：淺米底、素邊，focus 才亮金邊（照 sa999 的邏輯：不是滿版都鑲金） */
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
select, textarea, .form-control{
  background:var(--g-panel-2) !important; border:1px solid var(--g-line) !important;
  border-radius:12px !important; color:var(--g-text) !important;
  min-height:46px; padding:10px 16px !important; font-size:16px !important;
}
input::placeholder, textarea::placeholder{ color:#857a63 !important; }
input:focus, .form-control:focus{ border-color:var(--g-gold) !important; box-shadow:0 0 0 3px rgba(216,163,56,.18) !important; background:#fff !important; }

.member .memberMenu{ background:transparent !important; }
.member .memberMenu a{ color:var(--g-text-dim) !important; }
.member .memberMenu a:hover, .member .memberMenu .active a{ color:var(--g-gold-dim) !important; font-weight:700; }
.member .user-lv{ background:transparent !important; }

/* 底部固定列：首頁截圖裡這條本來就是深色配金圖示，維持這個對比（唯一保留的深色元件） */
.ft-navbar, .fixed-bottom{
  background:linear-gradient(180deg,#241b10,#1c160e) !important; border-top:1px solid rgba(216,163,56,.3) !important;
}
.ft-link{ color:#c9b490 !important; }
.ft-link.active, .ft-link:hover{ color:var(--g-gold-hi) !important; }
.ft-navbar img, .ft-link img, .m-taggle-bar img{ filter:invert(1) brightness(1.15); }
.ft-navbar .logo img, .navbar-bg .logo img, img[src*="logo"]{ filter:none; }

#header, .navbar-bg{ background:#fff !important; border-bottom:1px solid var(--g-line); }
#navbar .nav-link, #navbar a{ color:var(--g-text-dim) !important; }
#navbar .nav-link:hover, #navbar a:hover{ color:var(--g-gold-dim) !important; }

/* ============================================================
   會員中心內容重構（2026-08-27，照 dg66 的排版邏輯、gr66 自己的配色）
   對應本機覆寫樣板 views-override/www/account.php 的 pf- 元件。
   ============================================================ */
.pf-title{ font-size:24px; margin:4px 0 14px; }

/* 手機版橫向分頁列（桌機沿用左側選單，d-md-none 控制） */
.pf-tabs{
  display:flex; gap:26px; overflow-x:auto; white-space:nowrap;
  border-bottom:1px solid var(--g-line); margin:0 0 18px; padding:0 2px;
  -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.pf-tabs::-webkit-scrollbar{ display:none; }
.pf-tabs a{
  color:var(--g-text-dim) !important; font-weight:700; font-size:15px;
  padding:10px 0 12px; flex-shrink:0; position:relative; text-decoration:none;
}
.pf-tabs a.on{ color:var(--g-text) !important; }
.pf-tabs a.on::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:var(--g-gold); border-radius:3px 3px 0 0;
}

/* 個人資料卡 */
.pf-id{ display:flex; align-items:center; gap:16px; }
.pf-avatar{
  width:64px; height:64px; border-radius:50%; flex-shrink:0;
  background:radial-gradient(100% 150% at 50% -10%, #ffe08a 0%, var(--g-gold) 55%, #b3790f 100%);
  color:#fff; font-size:26px; font-weight:900; display:flex; align-items:center; justify-content:center;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.pf-who{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.pf-who b{ font-size:20px; font-weight:900; overflow:hidden; text-overflow:ellipsis; }
.pf-who span{ font-size:14px; color:var(--g-text-dim); }

.pf-stats{ display:flex; gap:44px; margin:20px 2px 0; }
.pf-stat b{ display:block; font-size:17px; font-weight:900; }
.pf-stat span{ font-size:13px; color:var(--g-text-dim); }

.pf-binds{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.pf-bind{
  display:flex; align-items:center; justify-content:center; gap:8px;
  min-height:46px; padding:8px 10px; border-radius:12px;
  background:#fff; border:1px solid var(--g-line);
  font-weight:700; font-size:13.5px; color:var(--g-text) !important; text-decoration:none !important;
  white-space:nowrap;
}
.pf-bind img{ width:22px; height:22px; object-fit:contain; }
/* Line 圖示是白色線稿，要留一小塊 Line 綠當底才看得見（同上次教訓） */
.pf-bind.pf-line img{ background:#06c755; border-radius:6px; padding:3px; box-sizing:border-box; }
.pf-bind.pf-bound{ background:#faf3e0; border-color:#e2cf9a; color:#6b4f0e !important; }

.pf-points{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  background:#faf3e0; border:1px solid #eee3c8; border-radius:12px;
  padding:14px 18px; margin-top:16px;
}
.pf-points-num span{ display:block; font-size:13px; color:#6f5f38; font-weight:600; }
.pf-points-num b{ font-size:26px; font-weight:900; color:#5f4409; line-height:1.3; }
.pf-points .btn{ flex-shrink:0; }

/* 卡片標題：dg66 那種「標題＋底部金線」，取代原本的左側色條
   （.member .pf-h 兩層 class 特異性比 .member h4 高，不吃前面那條規則） */
.member .pf-h{
  border-left:none !important; padding:0 0 10px !important; margin:0 0 18px !important;
  border-bottom:2px solid var(--g-gold);
  font-size:18px; display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
}
.pf-warn{ color:#c0392b !important; font-size:12.5px; font-weight:600; margin-left:auto; }

/* 表單：label 在上、輸入框在下（member.css 原本 label 寫死 130px 寬靠左排，要蓋掉） */
.pf-field{ margin:0 0 16px; }
.pf-field label{
  display:block; width:auto !important; margin:0 0 6px !important;
  font-weight:700; font-size:14px; color:var(--g-text) !important;
}
.pf-sample{ margin-left:8px; font-size:13px; }
.pf-val{
  background:#faf3e0; border:1px solid #eadfc2; border-radius:10px;
  padding:11px 14px; font-weight:700; font-size:15px; word-break:break-all;
}
.pf-pill{
  display:inline-block; background:#faf3e0; border:1px solid #e2cf9a; color:#6b4f0e;
  border-radius:10px; padding:11px 18px; font-weight:700;
}
.pf-actions{ display:flex; justify-content:flex-end; margin-top:18px; }
.pf-links{ font-size:14px; color:var(--g-text-dim); display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:6px; }
.pf-zip{ display:flex; gap:10px; flex-wrap:wrap; }
.pf-zip input[data-role=zipcode]{ display:none; }
.pf-zip select{ flex:1; min-width:130px; }

@media (min-width:768px){
  .pf-binds{ max-width:520px; }
}

/* 上傳檔案框：原生 file input 太生硬，包一層虛線框收進卡片語言 */
.pf-card .custom-file{
  border:1px dashed #d8c9a3 !important; border-radius:10px !important;
  padding:10px 12px !important; background:#fffdf6; width:100% !important;
}

/* ============ 2026-08-27 全會員區鋪版第二輪修正 ============ */

/* 按鈕字級：member.css 寫死 .member-page .btn{font-size:16px;max-width:200px}，
   Owner 裁示「尺寸對、字放大」——字升到 16px，寬度上限放掉（w-100 的按鈕才不會被夾住） */
.member-page .btn, .member-modal .btn{
  font-size:17px !important; max-width:none !important;
}

/* member-top（會員中心｜儲值紀錄 + 返回）：原本 col-8/col-4 網格會把 22px 標題折行，
   改 flex 兩端對齊、標題不折行 */
.member-page .member-top{
  display:flex !important; align-items:center; justify-content:space-between;
  flex-wrap:nowrap; gap:12px;
}
.member-page .member-top [class*="col-"]{
  flex:none; width:auto; max-width:none; padding:0; white-space:nowrap;
}
.member-page .member-top .m-taggle-bar a{ font-size:16px; font-weight:700; }

/* .box 裡再包一層 .box-user 又是卡片包卡片（history/transfer 的查詢框），
   巢狀時拆掉內層的框；.box-user 單獨存在時（withdrawal 總資產卡）維持卡片 */
.member .box .box-user{
  border:none !important; box-shadow:none !important; background:transparent !important;
  padding:0 !important;
}

/* history 的日期查詢列：兩顆原生 date input 沒掛 form-control，吃到 46px 內距後
   直接溢出卡片右緣——改成可折行的 flex，input 各占一行寬度內縮 */
.member-page .group-prepend{
  display:flex !important; flex-wrap:wrap; align-items:center; gap:10px;
}
.member-page .group-prepend .group-text{ width:100%; margin:0 0 2px !important; font-weight:700; color:var(--g-text) !important; }
.member-page input[type="date"], .member-page input[type="number"]{
  flex:1 1 140px; min-width:0; max-width:100%; box-sizing:border-box;
}
.member-page .group-btn{ display:flex; flex-wrap:wrap; gap:8px; width:100%; }

/* 快速日期鈕（今日/3天/本週/本月、遊戲紀錄的本日～上月）：
   一整排大實金塊太吵，降為描邊幽靈小鈕；「搜尋」「開始查詢」這種主動作維持實金 */
.member-page .group-btn .btn,
.member-page .btn-group1 .btn{
  background:transparent !important; border:none !important;
  color:#6b6152 !important; box-shadow:none !important; text-shadow:none !important;
  min-height:44px !important; font-size:16px !important; font-weight:600;
  padding-left:10px !important; padding-right:10px !important;
  margin:0 !important;
}
.member-page .group-btn .btn:hover,
.member-page .btn-group1 .btn:hover{ color:#2668c7 !important; }
.member-page .btn-group1{ display:flex; flex-wrap:wrap; gap:8px; margin-top:2px; }
/* （遊戲紀錄重排後「搜尋」已移出 btn-group1 改掛 btn-warning，這裡不再放 first-child 例外） */

/* 會員中心 hub（member.php）：等級圖 + 帳號原本橫排擠到溢出，改直排置中 */
.memberMenu .user-lv{
  display:flex !important; flex-direction:column; align-items:center; gap:8px;
  text-align:center;
}
.memberMenu .user-lv .box-img img{ max-width:140px !important; }
.memberMenu .user-lv .user-text{
  font-weight:900; font-size:17px; max-width:100%;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* 登入/註冊等頁掛著 data-aos 進場動畫，AOS 沒初始化前整頁 opacity:0——
   換膚版直接取消動畫，內容立刻可見（也避免 WP Rocket 延後 JS 時整頁空白） */
[data-aos]{ opacity:1 !important; transform:none !important; }

/* 登入/註冊頁：頁內的「註冊」連結（href 帶 register）當次要動作走幽靈樣式，
   不跟主動作「登入」（submit 鈕，實金）搶戲；頁首右上的註冊是 javascript:void(0)
   不會被這條選到，維持實金 */
a.btn-register[href*="register"]{
  background:transparent !important;
  border:none !important;
  color:#6b6152 !important;
  box-shadow:none !important;
  text-shadow:none;
}
a.btn-register[href*="register"]:hover{ color:#2668c7 !important; }
a.btn-register[href*="register"] .btn-icon{ filter:brightness(0) opacity(.7) !important; }

/* Line 白色線稿圖示的綠底墊片，擴大到登入/註冊頁（原本只包 .member-page） */
.else-btn.line img{
  background:#06c755 !important; border-radius:6px !important; padding:3px !important;
  box-sizing:border-box; max-width:26px; max-height:26px;
}


/* ============ 遊戲紀錄頁重排（查詢條件卡/統計卡/明細卡） ============ */
/* 廠商篩選：描邊小 chip，不是一排大實金塊 */
.pf-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.pf-chip{
  display:inline-flex; align-items:center; min-height:38px; padding:6px 10px;
  background:transparent; border:none; border-radius:8px;
  color:#6b6152 !important; font-weight:600; font-size:14px; text-decoration:none !important;
}
.pf-chip:hover{ color:#2668c7 !important; }

/* 日期區間：兩顆並排、窄螢幕自動折行 */
.pf-range{ display:flex; gap:10px; flex-wrap:wrap; }
.pf-range .form-control{ flex:1 1 150px; min-width:0; }

/* 統計數字卡：值上標下，手機 2 欄、桌機 4 欄；此頁小計 3 欄 */
.pf-statgrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.pf-statgrid > div{
  background:#faf3e0; border:1px solid #eee3c8; border-radius:12px;
  padding:14px 10px; text-align:center; min-width:0;
}
.pf-statgrid b{
  display:block; font-size:19px; font-weight:900; line-height:1.3;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pf-statgrid span{ font-size:13px; color:#6f5f38; font-weight:600; }
.pf-statgrid-3{ margin-top:16px; }
@media (min-width:768px){
  .pf-statgrid{ grid-template-columns:repeat(4,1fr); }
  .pf-statgrid-3{ grid-template-columns:repeat(3,1fr); }
}
/* 輸贏紅綠沿用 bootstrap 類，但加深到淺底上夠對比 */
.pf-statgrid .text-danger{ color:#b02a37 !important; }
.pf-statgrid .text-success{ color:#1e7a45 !important; }

/* 桌機的 w-100 主動作鈕不拉滿卡片，收到合理寬度靠右 */
@media (min-width:768px){
  .pf-actions .btn.w-100{ width:auto !important; min-width:220px; }
}

/* 上傳列改自訂樣式：中文膠囊鈕＋檔名提示，原生 input 藏起來但仍可點可送出
   （原生 Choose File 是英文又會溢出虛線框） */
.pf-upload{
  display:flex !important; align-items:center; gap:14px; flex-wrap:wrap;
  border:1px dashed #cdbd93 !important; border-radius:12px !important;
  padding:16px 14px !important; background:#fffdf6; cursor:pointer;
  position:relative; margin:0 0 4px; width:100%;
}
.pf-upload:hover{ border-color:var(--g-gold) !important; background:#fff; }
.pf-upload .custom-file-input{
  position:absolute; inset:0; width:100%; height:100%;
  opacity:0; cursor:pointer; min-height:0; padding:0 !important;
}
.pf-upload-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:40px; padding:8px 22px; border-radius:999px;
  background:#fff; border:1px solid #cdbd93;
  color:#6b6152; font-weight:700; font-size:14.5px; flex-shrink:0;
}
.pf-upload-name{ color:var(--g-text-dim); font-size:14.5px; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.pf-upload-name.selected{ color:var(--g-text); font-weight:700; }

/* ============ 資料表：左右捲動 + 標題列/第一欄凍結 ============
   原本欄位被壓到最窄，中文被擠成一字一行的直排。改成整張表可水平捲動、
   儲存格不折行；捲動時標題列（列）與第一欄（欄）固定不動。
   注意：邊框在 sticky 儲存格上捲動時會消失，分隔線改用 box-shadow 畫。 */
.member-page .pf-scroll{
  overflow:auto !important; max-height:70vh;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--g-line); border-radius:12px; background:#fff;
}
.member-page .pf-scroll table{
  width:max-content; min-width:100%; margin:0; border-collapse:separate; border-spacing:0;
}
.member-page .pf-scroll th, .member-page .pf-scroll td{
  white-space:nowrap; border:none !important;
  padding:12px 16px !important; font-size:16px; vertical-align:middle;
  box-shadow:inset -1px -1px 0 var(--g-line-2);
}
/* 標題列凍結 */
.member-page .pf-scroll thead th{
  position:sticky; top:0; z-index:2;
  background:var(--g-panel-2) !important; font-weight:900;
  box-shadow:inset -1px -1px 0 var(--g-line);
}
/* 第一欄凍結 */
.member-page .pf-scroll tbody td:first-child,
.member-page .pf-scroll tbody th:first-child{
  position:sticky; left:0; z-index:1; background:#fff;
  box-shadow:inset -1px -1px 0 var(--g-line-2), 6px 0 8px -8px rgba(43,32,19,.25);
}
/* 兩者交會的那一格要壓在最上層 */
.member-page .pf-scroll thead th:first-child{
  left:0; z-index:3;
  box-shadow:inset -1px -1px 0 var(--g-line), 6px 0 8px -8px rgba(43,32,19,.25);
}
.member-page .pf-scroll tbody tr:hover td{ background:#fdfaf3; }
/* 單號等多行內容在凍結欄裡維持可讀，不要被 nowrap 拉太長 */
.member-page .pf-scroll td .purple, .member-page .pf-scroll td .red{ white-space:nowrap; }
/* 捲動容器不再需要外層卡片的內距擠壓 */
.member-page .box .pf-scroll{ margin:0 0 4px; }

/* 2026-08-27 Owner 指示：底部那排頁碼（123）拿掉。
   只隱藏顯示、不動樣板輸出，要恢復就移除這條規則。
   注意：隱藏後使用者只看得到第一頁的紀錄，翻頁功能等同關閉。 */
.member-page .pagination,
.member-page nav[aria-label="Page navigation"]{ display:none !important; }

/* 儲值頁底部送出列：白底、細上緣線、往上的柔陰影，讓它像「浮在內容之上的動作列」，
   不是被塗黑的一條。按鈕收窄留白、字級拉大，跟其他主鈕同一套淡藍填色。 */
.fixed-bottom-bar{
  background:rgba(255,255,255,.97) !important;
  border-top:1px solid var(--g-line) !important;
  box-shadow:0 -6px 20px -12px rgba(43,32,19,.35) !important;
  padding:14px 18px calc(16px + env(safe-area-inset-bottom)) !important;
}
.fixed-bottom-bar .submit-btn, .footer-bar .submit-btn{
  width:100% !important; min-height:52px; padding:14px 24px !important;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important;
  color:#1d55a8 !important; border-radius:12px !important;
  font-size:17px !important; font-weight:700; letter-spacing:.06em;
  box-shadow:none !important; text-shadow:none !important;
}
.fixed-bottom-bar .submit-btn:hover, .footer-bar .submit-btn:hover{ background:#d7e7fb !important; }

/* 頁面標題：會員中心（主）＋當前頁名（副），副標排在主標下方 */
.pf-title{ margin:4px 0 4px; }
.pf-sub{
  color:var(--g-text-dim); font-size:15px; font-weight:700;
  margin:0 0 14px; display:flex; align-items:center; gap:8px;
}
.pf-sub::before{
  content:""; width:3px; height:15px; background:var(--g-gold); border-radius:2px;
}

/* 手機版卡片放寬：.container(12px) 與 .member-page(20px) 兩層水平內距疊在一起，
   390px 螢幕上卡片只剩 306px。內距只留最外層一層，卡片本身的 22px 內距不動。 */
@media (max-width:767px){
  .member .container{ padding-left:14px !important; padding-right:14px !important; }
  /* 960px 斷點留下的 margin-left:10px 也要一起歸零，不然卡片會偏右 */
  .member-page{ padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; width:100% !important; }
  .member .box{ padding:22px 18px !important; }
  .pf-tabs{ padding-left:0; padding-right:0; }
}

/* 頁面標題已改成「會員中心＋頁名副標」，樣板原本那條 member-top
   （會員中心｜儲值紀錄）就重複了：只留右邊的返回連結，標題文字隱藏。 */
.member-page .member-top{ margin:0 0 10px; }
.member-page .member-top > [class*="col-"]:first-child{ display:none !important; }
.member-page .member-top .m-taggle-bar{ margin-left:auto; }
/* .user-info 是樣板裡包住所有卡片的中介層，10px 內距讓手機卡片再縮一圈 */
@media (max-width:767px){
  .member-page .user-info{ padding-left:0 !important; padding-right:0 !important; }
}

/* 會員中心入口（member.php）的側欄沒有掛 d-none d-md-block，手機上會與內容並排，
   把帳戶管理整塊擠出畫面。手機一律改直排：側欄滿版在上、內容接在下面。 */
@media (max-width:767px){
  .member .container{ display:block !important; }
  .member .member-menu_web{
    width:100% !important; min-height:0 !important; max-height:none !important;
    margin:0 0 16px !important; float:none !important;
  }
  .member .member-page{ float:none !important; }
}

/* 儲值頁「取得代碼」維持鎖在底部，但不能壓到快選金額那六格。
   底部被佔掉的高度＝固定列 83px ＋ 底部導覽 72px；頁面要留出等高的收尾空間，
   內容才捲得出來。（原本 padding-bottom:0，最後一段永遠被蓋住。） */
.prestige-deposit-scope{
  /* 固定送出列雖然是 position:fixed（不佔文件流），但它本身還在 scope 裡面，
     再加 padding 等於重複讓位一次。改成只留一點呼吸，讓位交給送出列自己的高度。 */
  padding-bottom:8px !important;
}
.prestige-deposit-scope .deposit-container{ padding-bottom:12px !important; }
.prestige-deposit-scope .quick-grid{ margin-bottom:4px; }
/* 桌機沒有底部導覽（d-block d-lg-none），固定列要貼齊視窗底部，留白也收回來 */
@media (min-width:992px){
  .fixed-bottom-bar{ bottom:0 !important; }
  .prestige-deposit-scope{ padding-bottom:calc(84px + env(safe-area-inset-bottom)) !important; }
}

/* 遊戲頁（電子廠商機台清單）不納入本次改版：2026-08-27 Owner 裁示先不做、也不改動，
   等正式版上線後那批頁面要刪除（屆時另外出清單升核）。原本試做的 .gl-* 樣式已移除，
   這支皮膚不碰任何遊戲頁。 */

/* ============ 儲值頁重新整理（Owner：很混亂） ============
   原本一頁裡有四種容器：英文大寫小標、三張獨立的支付卡、金額卡、卡外的注意事項，
   層級看不出來。改成跟其他會員頁一樣的三張卡：支付方式／存款金額／注意事項。 */
.prestige-deposit-scope .pf-h small{
  font-size:12px; font-weight:600; color:var(--g-muted); letter-spacing:.06em; text-transform:uppercase;
}
/* 支付方式：三個選項收進同一張卡，改成清單列（不再各自是一張浮起的卡） */
.prestige-deposit-scope .payment-list{ display:block; }
.prestige-deposit-scope .payment-item{
  background:transparent !important; border:none !important; border-radius:0 !important;
  box-shadow:none !important; margin:0 !important;
  padding:14px 2px !important; border-bottom:1px solid var(--g-line) !important;
  display:flex; align-items:center; gap:14px;
}
.prestige-deposit-scope .payment-item:last-of-type{ border-bottom:none !important; }
.prestige-deposit-scope .payment-item.active{ background:#f4f8fe !important; border-radius:12px !important; padding-left:12px !important; padding-right:12px !important; }
.prestige-deposit-scope .payment-item .icon-box{
  width:42px; height:42px; border-radius:12px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
}
.prestige-deposit-scope .payment-item .item-name{ font-weight:800; font-size:16px; color:var(--g-text); }
.prestige-deposit-scope .payment-item .item-desc{ font-size:13px; color:var(--g-text-dim); }
.prestige-deposit-scope .select-indicator{ margin-left:auto; }
/* 選中的圓點改成藍色系，跟主動作同一套 */
.prestige-deposit-scope .payment-item.active .select-indicator{
  background:#2668c7 !important; border-color:#2668c7 !important;
}
/* 子選項（LINE Pay / 街口）縮排成子清單 */
.prestige-deposit-scope .sub-payment-group{ padding-left:56px; }
.prestige-deposit-scope .sub-payment-item{
  background:#faf7f0 !important; border:1px solid var(--g-line) !important; border-radius:10px !important;
  margin:6px 0 !important; padding:10px 12px !important; font-size:14px;
}
/* 金額卡：卡中卡拿掉，輸入框與快選同一層 */
.prestige-deposit-scope .amount-card{
  background:transparent !important; border:none !important; box-shadow:none !important;
  padding:0 !important; margin:0 !important;
}
.prestige-deposit-scope .amount-input-group{
  display:flex; align-items:center; gap:10px; background:var(--g-panel-2);
  border:1px solid var(--g-line); border-radius:12px; padding:4px 14px; margin-bottom:14px;
}
.prestige-deposit-scope .currency-symbol{ font-size:20px; font-weight:900; color:var(--g-gold-dim); }
.prestige-deposit-scope .amount-input{
  flex:1; background:transparent !important; border:none !important; box-shadow:none !important;
  font-size:20px !important; font-weight:800; padding:12px 0 !important; min-height:0 !important;
}
.prestige-deposit-scope .quick-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.prestige-deposit-scope .quick-btn{
  background:#fff !important; border:1px solid var(--g-line) !important; border-radius:11px !important;
  min-height:46px; font-size:15px !important; font-weight:800; color:var(--g-text) !important;
  box-shadow:none !important;
}
.prestige-deposit-scope .quick-btn:hover, .prestige-deposit-scope .quick-btn.active{
  border-color:#b9d4f7 !important; background:#e3eefc !important; color:#1d55a8 !important;
}
/* 注意事項：卡片內的條列，行距拉開 */
.prestige-deposit-scope .info-box{
  background:transparent !important; border:none !important; padding:0 !important;
  color:var(--g-text-dim) !important; font-size:14.5px; line-height:2;
}

/* 頁尾整組不要（Owner 2026-08-27）：這些頁是登入後的操作介面，
   頁尾那串連結與版權區在這裡沒有作用（天條 53：noindex 的 PHP 端不留純 SEO 敘述）。
   只隱藏顯示、樣板沒動；底部固定導覽列（.ft-navbar）是導覽不是頁尾，保留。 */
#footer, footer#footer, .footer-top, .footer-bottom, .copyright{ display:none !important; }

/* ============ 2026-08-27 RWD 巡檢後的修正 ============
   實測三個區間（390/820/1280）後只留真問題：觸控目標過小、文字低於 14px、
   平板時 member-page 溢出視窗。可水平捲動的元素（跑馬燈、分頁列、凍結表格）
   本來就寬於視窗，不算跑版，沒有硬改。 */

/* 平板：member-page 用固定寬度會撐出視窗，改成跟著容器縮 */
@media (min-width:768px) and (max-width:1024px){
  .member .member-page{ width:auto !important; max-width:100% !important; margin-left:0 !important; }
  .member .member-menu_web{ width:200px !important; }
}

/* 觸控目標：會員選單、次要連結、底部導覽都拉到能點的高度 */
.member .memberMenu .menu-link li a,
.member .memberMenu .icon-link li a{ min-height:44px; display:flex; align-items:center; gap:10px; }
.member .memberMenu .icon-link li a{ flex-direction:column; justify-content:center; }
.pf-sample{ display:inline-flex; align-items:center; min-height:32px; padding:0 4px; }
.member-page .member-top .m-taggle-bar a{ min-height:36px; display:inline-flex; align-items:center; gap:6px; }
.ft-navbar .ft-link{ min-height:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; }

/* 文字級：站上多處 icon 標籤與說明是 12–13px，拉到 14px 以上 */
.member .memberMenu .icon-link li a div,
.member .memberMenu .menu-link li a div{ font-size:16px !important; }
.prestige-deposit-scope .item-desc{ font-size:14px !important; }

/* ============ 轉點頁：空白收斂（Owner：空白處不要太多） ============ */
#page-transfer .member-top, .member-page.deppost .member-top{ margin-bottom:6px; }
.member .box-user{ padding:0 !important; }
/* 總資產卡：金額與儲值鈕排成一行，不要上下各留一大塊 */
.member .box.box-1:has(.uucash), .member .box.box-1:first-of-type{ padding:18px !important; }
.game-cash .box-title, .game-cash h4{ margin-bottom:14px !important; }
/* 場館清單：卡片內距收緊、欄距縮小，一頁看得到更多場館 */
.game-cash .row{ margin-left:-6px; margin-right:-6px; }
.game-cash .row > [class*="col-"]{ padding-left:6px; padding-right:6px; margin-bottom:12px; }
.game-cash .box, .game-cash .card{ padding:14px 12px !important; }
.game-cash .btn{ min-height:40px !important; font-size:15px !important; }

/* 轉點頁再收一輪：標題列（只剩返回）不必佔 59px、總資產卡內部上下留白過大 */
.member-page .member-top{ padding:0 !important; min-height:0 !important; margin-bottom:10px !important; }
.member-page .user-info{ padding-top:0 !important; }
.member-page .user-info > p{ margin-bottom:10px !important; font-size:16px; }
.member .box-user > *:first-child{ margin-top:0 !important; }
.member .box-user > *:last-child{ margin-bottom:0 !important; }

/* 側欄快捷（儲值存款/遊戲轉點/點數提領…）在 1024px 以下被 member.css 壓成 12px，
   那是可點的主要入口，字級補回 14px（該規則帶斷點，要用同等或更後的斷點蓋掉） */
@media only screen and (max-width:1024px){
  .member .memberMenu .icon-link li,
  .member .memberMenu .icon-link li a,
  .member .memberMenu .icon-link li a div{ font-size:16px !important; }
}

/* ============ 儲值結果頁：改成跟其他頁同一套卡片 ============
   原本是裸表格＋方框按鈕，跟改版後的卡片流完全脫節。
   這頁不重寫樣板（金流結果頁不動邏輯），只用樣式收成一張白卡。 */
.member-page .tabtt{
  font-size:20px; font-weight:900; color:var(--g-text) !important;
  border-bottom:2px solid var(--g-gold); padding:0 0 10px; margin:0 0 18px;
  text-align:left !important;
}
.member-page .inputgroup{
  background:var(--g-panel); border:1px solid var(--g-line); border-radius:16px;
  padding:22px 18px; box-shadow:0 10px 26px -14px rgba(43,32,19,.35);
}
.member-page .inputgroup .table{ margin:0; border-collapse:separate; border-spacing:0; width:100%; }
.member-page .inputgroup .table th{
  background:var(--g-panel-2); color:var(--g-text) !important; font-weight:800; font-size:16px;
  padding:12px 14px !important; border:none !important; text-align:left;
}
.member-page .inputgroup .table th:first-child{ border-radius:10px 0 0 10px; }
.member-page .inputgroup .table th:last-child{ border-radius:0 10px 10px 0; text-align:right; }
.member-page .inputgroup .table td{
  padding:14px !important; border:none !important; border-bottom:1px solid var(--g-line) !important;
  font-size:16px; color:var(--g-text-dim);
}
.member-page .inputgroup .table td:last-child{
  text-align:right; font-weight:800; color:var(--g-text); font-size:17px; letter-spacing:.02em;
}
.member-page .inputgroup .table tr:last-child td{ border-bottom:none !important; }
/* 動作鈕：跟全站主鈕同一套淡藍填色，並排滿版 */
.member-page .inputgroup .center{
  display:flex; gap:10px; margin:18px 0 0; justify-content:stretch;
}
.member-page .btn2{
  flex:1; min-height:48px; border-radius:12px !important;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important;
  color:#1d55a8 !important; font-weight:700; font-size:16px; letter-spacing:.04em;
  box-shadow:none !important; text-shadow:none !important;
}
.member-page .btn2:hover{ background:#d7e7fb !important; }

/* 返回鈕改放標題列右側（Owner 2026-08-27）：
   原本 .member-top 自己佔一整列，標題與分頁列之間空一大段。
   用絕對定位把它疊到「會員中心」那一行的右邊，原本那列就不再佔高度，
   底下的內容整個往上靠。 */
.member-page{ position:relative; }
.member-page .member-top{
  position:absolute !important; top:0; right:0; z-index:3;
  margin:0 !important; padding:0 !important; width:auto !important;
  background:transparent !important; border:none !important;
}
.member-page .member-top .m-taggle-bar{
  margin:0 !important; padding:0 !important; width:auto !important; max-width:none !important;
}
.member-page .member-top .m-taggle-bar a{
  display:inline-flex; align-items:center; gap:6px;
  min-height:36px; padding:0 12px; border-radius:999px;
  background:#fffdf6; border:1px solid var(--g-line);
  color:#8a5c06 !important; font-size:16px; font-weight:700;
}
.member-page .member-top .m-taggle-bar a img{ max-width:14px; }
/* 標題右側要留出返回鈕的位置，字才不會被壓到 */
.pf-title{ padding-right:96px; }

/* 總資產卡重排（Owner：這裡有點亂）：
   原本「總資產(電子錢包)」在左上、儲值鈕靠右、金額掉到左下，三個元素各自為政。
   改成一列：左邊是標籤＋金額（上下疊），右邊是儲值鈕，垂直置中。 */
.member-page .wallet-box{ margin:0; }
/* 標籤與金額是不同層的兄弟節點（標籤被包在一個 .d-flex 裡），
   用 grid + display:contents 把它們拉到同一層排，才排得出「左邊資訊、右邊按鈕」 */
.member-page .wallet-l-1{
  display:grid !important;
  grid-template-columns:1fr auto;
  grid-template-areas:"label btn" "amount btn";
  align-items:center; column-gap:16px; row-gap:2px;
}
.member-page .wallet-l-1 > .d-flex{ display:contents !important; }
.member-page .wallet-l-1 .cash-add{ grid-area:label; }
.member-page .wallet-l-1 .num{ grid-area:amount; }
.member-page .wallet-l-1 .btn-warning{ grid-area:btn; }
.member-page .wallet-l-1 .cash-add{
  display:block; font-size:16px; color:var(--g-text-dim); margin-bottom:2px;
}
.member-page .wallet-l-1 .num{
  font-size:28px; font-weight:900; color:var(--g-text); line-height:1.2; margin:0;
}
.member-page .wallet-l-1 .num span{ font-size:20px; margin-right:2px; }
/* 儲值鈕移到列的右端，垂直置中 */
.member-page .wallet-l-1 .btn-warning{
  order:2; flex-shrink:0; align-self:center; margin:0 !important;
}
/* 按鈕裡的小圖示拿掉（Owner 指示） */
.member-page .btn-warning img, .member-page .btn.btn-warning img{ display:none !important; }

/* 說明文字（轉回或轉入遊戲點數）收到副標下方，不再自己佔一段 */
.member-page .user-info > p{
  margin:-2px 0 12px !important; color:var(--g-text-dim); font-size:16px;
}

/* ============ 優惠頁（active）套上卡片流 ============ */
.faq .container, #main .container{ max-width:1180px; }
/* 頁面標題 */
.counterup h1{ font-size:24px; font-weight:900; margin:6px 0 16px; color:var(--g-text); }
/* 兩個統計數字改成並排的數字卡，不再是擠成一行的標題 */
.row.counterup{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:0 0 18px; }
.row.counterup > [class*="col-"]{ width:auto; max-width:none; padding:0; }
.row.counterup .col-6{
  background:#faf3e0; border:1px solid #eee3c8; border-radius:14px; padding:16px 12px; text-align:center;
}
.row.counterup h2{ font-size:24px !important; font-weight:700; color:#6f5f38 !important; margin:0 0 4px; }
.row.counterup .h2point, .row.counterup h3{ font-size:24px !important; font-weight:900; color:#5f4409 !important; margin:0; }
/* 活動一覽表改成兩欄清單卡 */
#main table[border]{
  width:100% !important; border:1px solid var(--g-line) !important; border-radius:14px;
  border-collapse:separate; border-spacing:0; overflow:hidden; background:#fff; margin:0 0 20px;
}
#main table[border] td{
  border:none !important; border-bottom:1px solid var(--g-line) !important;
  padding:13px 14px !important; font-size:15px; color:var(--g-text);
}
#main table[border] td:first-child{ color:var(--g-text-dim); text-align:left !important; }
#main table[border] td:last-child{ text-align:right !important; font-weight:800; }
#main table[border] tr:last-child td{ border-bottom:none !important; }
/* 活動卡：一張卡一個活動，標題可展開內文 */
.faq-list{ list-style:none; padding:0; margin:0; display:grid; gap:14px; }
.faq-list li{
  background:#fff; border:1px solid var(--g-line); border-radius:16px; overflow:hidden;
  box-shadow:0 10px 26px -18px rgba(43,32,19,.35);
}
.faq-list li > a{
  display:flex; align-items:center; gap:12px; padding:16px 18px;
  color:var(--g-text) !important; text-decoration:none !important; min-height:56px;
}
.faq-list li > a h3{ font-size:16px; font-weight:800; margin:0; flex:1; }
.faq-list li > a img{ max-width:56px; border-radius:10px; }
.faq-list li > a img[src=""], .faq-list li > a img:not([src]){ display:none; }
.faq-list li .collapse{ padding:0 18px; }
.faq-list li .collapse.show, .faq-list li .collapse:not(.collapse){ padding-bottom:16px; }
.faq-list li p{ color:var(--g-text-dim); font-size:15px; line-height:1.9; margin:0 0 10px; }
.faq-list .btn{ min-height:44px; }
/* 跑馬燈區塊在改版裡不需要那塊黑底 */
.counterup_bg, marquee.point{ background:transparent !important; color:var(--g-text-dim) !important; }

/* 優惠頁收尾：統計數字改成等寬兩欄、活動卡沒有縮圖時不留破圖 */
.row.counterup{ align-items:stretch; }
.row.counterup > .col-xs-12{ grid-column:1 / -1; }
.row.counterup > .col-xs-12 h1{ text-align:left; }
.faq-list li > a img[src=""], .faq-list li > a img:not([src]){ display:none !important; }
.faq-list li > a{ align-items:flex-start; }
.faq-list li > a h3{ line-height:1.5; }
/* 中獎跑馬燈在改版裡先收起來（是舊版的黑底捲動塊，跟卡片流不搭） */
marquee.point, .counterup_bg{ display:none !important; }

/* ============ 電腦版右上重排（依 Owner 給的參考圖） ============
   一列由左到右：線上客服 → 帳號/餘額膠囊 → 儲值、轉點小方鈕 → 登出、會員大膠囊。
   顏色沿用本站定案：登出＝暖金淡填色、會員＝淡藍填色（參考圖是別站的紅金，不照抄）。 */
@media (min-width:992px){
  .navbar ul{ align-items:center; gap:10px; }

  /* 帳號＋餘額：合成一顆膠囊 */
  .u-login .u-info{
    display:flex !important; flex-direction:column; gap:2px;
    background:#fffdf6; border:1px solid var(--g-line); border-radius:999px;
    padding:6px 16px; min-height:44px; justify-content:center;
  }
  .u-login .u-info .uuid,
  .u-login .u-info .uucash{
    display:flex !important; align-items:center; gap:6px;
    font-size:13px; font-weight:700; color:var(--g-text) !important; line-height:1.25;
  }
  .u-login .u-info .uucash{ color:#8a5c06 !important; }
  .u-login .u-info img{ width:16px; height:16px; }

  /* 儲值／轉點：小方鈕（圖示在上、字在下），跟參考圖一致 */
  .Wbtn.btn-dpst, .Wbtn.btn-tsfr{
    display:inline-flex !important; flex-direction:column; align-items:center; justify-content:center;
    gap:2px; min-width:56px; height:48px !important; padding:4px 8px !important;
    background:#fffdf6 !important; border:1px solid var(--g-line) !important; border-radius:12px !important;
    font-size:12px !important; font-weight:700; color:var(--g-text-dim) !important;
  }
  .Wbtn.btn-dpst img, .Wbtn.btn-tsfr img{ width:18px; height:18px; margin:0 !important; }
  .Wbtn.btn-dpst:hover, .Wbtn.btn-tsfr:hover{ border-color:var(--g-gold) !important; color:#8a5c06 !important; }

  /* 登出／會員：大膠囊，尺寸與間距照參考圖放大 */
  .btn-login, .btn-register{
    height:44px !important; padding:0 22px !important; border-radius:999px !important;
    font-size:15px !important; gap:7px;
  }
  .btn-login .btn-icon, .btn-register .btn-icon{ max-width:17px !important; max-height:17px !important; }

  /* 線上客服放在最左，純文字連結 */
  .navbar .nav-link[href*="services"], .navbar a[href*="services"]{
    font-weight:700; color:var(--g-text-dim) !important;
  }
}

/* 每頁尾巴的空白收掉（Owner：尾巴空白處都太大）：
   .member-page / .user-info 底部各自留了一段，加上固定導覽的讓位，尾端就空一大塊。
   統一改成只留剛好讓開底部導覽的距離。 */
.member .member-page{ padding-bottom:0 !important; margin-bottom:0 !important; }
.member-page .user-info{ padding-bottom:0 !important; margin-bottom:0 !important; }
.member-page .user-info > .box:last-child,
.member-page .box:last-child{ margin-bottom:0 !important; }
.member section.member{ padding-bottom:12px !important; }
main#main{ padding-bottom:0 !important; }
@media (max-width:991px){
  /* 手機：只留底部固定導覽的高度 */
  .member section.member{ padding-bottom:78px !important; }
}

/* ============ 登入／註冊：玻璃感彈窗（Owner 2026-08-27） ============
   站上本來就有 #authModal 這個彈窗（登入與註冊是同一個彈窗的兩個分頁），
   所以不另做頁面，直接把它的外觀改成玻璃感：半透明白 + 背景模糊 + 細邊 + 柔光。
   背後遮罩也用模糊，才有「浮在頁面之上」的層次。 */
.authModal{
  background:rgba(43,32,19,.42) !important;
  backdrop-filter:blur(10px) saturate(120%);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
}
.authModal .modal-box{
  background:rgba(255,255,255,.82) !important;
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.75) !important;
  border-radius:22px !important;
  box-shadow:0 24px 60px -20px rgba(43,32,19,.5), inset 0 1px 0 rgba(255,255,255,.9) !important;
  padding:26px 22px 24px !important;
  max-width:420px; width:calc(100% - 32px); margin:auto;
}
/* 關閉鈕做成圓形玻璃按鈕 */
.authModal .close_m{
  width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,.75); border:1px solid rgba(43,32,19,.12);
  display:flex; align-items:center; justify-content:center;
  color:var(--g-text) !important; font-size:20px; line-height:1; opacity:1 !important;
  top:14px; right:14px;
}
.authModal .close_m:hover{ background:#fff; }

/* 登入／註冊分頁：玻璃底上的兩顆膠囊，選中的用淡藍填色 */
.authModal .tab-header{
  display:flex; gap:8px; margin:2px 0 20px; padding:5px;
  background:rgba(43,32,19,.06); border-radius:999px;
}
.authModal .tab-btn{
  flex:1; min-height:42px; border:none !important; border-radius:999px !important;
  background:transparent !important; color:var(--g-text-dim) !important;
  font-size:15px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; gap:6px;
}
.authModal .tab-btn img{ width:16px; height:16px; filter:brightness(0) opacity(.5); }
.authModal .tab-btn.active{
  background:#e3eefc !important; color:#1d55a8 !important;
  box-shadow:0 2px 8px -2px rgba(29,85,168,.35);
}
.authModal .tab-btn.active img{ filter:brightness(0) saturate(100%) invert(31%) sepia(72%) saturate(1600%) hue-rotate(203deg); }

/* 表單：玻璃底上的輸入框要更白一點才看得清楚 */
.authModal .form-control{
  background:rgba(255,255,255,.9) !important; border:1px solid rgba(43,32,19,.14) !important;
  border-radius:12px !important; min-height:48px; font-size:16px !important; margin-bottom:12px;
}
.authModal .form-control:focus{
  border-color:#b9d4f7 !important; background:#fff !important;
  box-shadow:0 0 0 3px rgba(61,132,230,.16) !important;
}
.authModal form{ margin:0 !important; }
/* 主要動作鈕：跟全站同一套淡藍填色，滿版 */
.authModal button.login, .authModal button[type=submit]{
  width:100%; min-height:50px; border-radius:12px !important;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important;
  color:#1d55a8 !important; font-size:17px; font-weight:800; letter-spacing:.06em;
  box-shadow:none !important; text-shadow:none !important;
}
.authModal button.login:hover{ background:#d7e7fb !important; }
.authModal a{ color:#8a5c06 !important; font-size:14px; }
/* 其他方式登入：分隔線＋圖示列 */
.authModal .login-else-box{
  display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap;
  margin-top:18px; padding-top:16px; border-top:1px solid rgba(43,32,19,.1);
}
.authModal .login-else-box span{ font-size:13.5px; color:var(--g-text-dim); }
.authModal .codeimg{ border-radius:8px; margin-bottom:12px; }

/* 優惠頁：那張新舊活動對照表拿掉（Owner 指示），改由活動卡呈現 */
#main table[border]{ display:none !important; }
/* 活動卡改成「圖在上、標題與內文在下」，圖片要真的出來 */
.faq-list li > a{ display:block !important; padding:0 !important; }
.faq-list li > a img{
  display:block !important; width:100% !important; max-width:none !important;
  aspect-ratio:16/9; object-fit:cover; border-radius:16px 16px 0 0;
}
.faq-list li > a h3{
  font-size:16px; font-weight:800; margin:0; padding:14px 18px 0;
}
/* 展開箭頭要看得見，不然不知道標題可以點（Owner 2026-09-02） */
.faq-list li > a i{
  display:block; text-align:center; font-size:20px; line-height:1;
  color:var(--g-text-dim); padding:0 0 12px;
}
.faq-list li > a:not(.collapsed) .icon-show{ display:none; }
.faq-list li > a.collapsed .icon-close{ display:none; }
.faq-list li .collapse{ padding:6px 18px 16px; }
.faq-list li p{ color:var(--g-text-dim); font-size:14.5px; line-height:1.85; margin:0; }

/* 儲值頁尾巴：最後一張卡與固定送出列之間還有頁面自己的收尾，一併收掉 */
.prestige-deposit-scope > *:last-child{ margin-bottom:0 !important; }
.prestige-deposit-scope .box.pf-card:last-of-type{ margin-bottom:0 !important; }
.member-page.deppost{ padding-bottom:0 !important; }

/* 玻璃彈窗收尾：分頁內容本來是白底方塊，會把玻璃感整個蓋掉；改成透明 */
.authModal .tab-content{
  background:transparent !important; border:none !important; box-shadow:none !important;
  padding:0 !important; border-radius:0 !important;
}
.authModal .modal-box > .tab-content{ margin:0 !important; }
/* 註冊分頁的送出鈕沒有 .login class，補上同一套樣式 */
.authModal button[type=submit], .authModal .register, .authModal button.reg{
  width:100%; min-height:50px; border-radius:12px !important;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important;
  color:#1d55a8 !important; font-size:17px; font-weight:800; letter-spacing:.06em;
  box-shadow:none !important; text-shadow:none !important;
}
.authModal button[type=submit]:hover{ background:#d7e7fb !important; }
/* 驗證碼圖與說明置中對齊 */
.authModal .codeimg{ display:block; margin:0 auto 12px; }
.authModal form > a{ display:block; text-align:center; margin:10px 0 0; }

/* 首頁卡片尺寸改寫在 assets/gr66-home-light.css（載入順序最後才蓋得過核准稿） */

/* 手機版用獨立的登入／註冊頁，不用彈窗（Owner 2026-08-28）：
   小螢幕上彈窗會擠、鍵盤一跳出來就更難用；電腦版維持玻璃感彈窗。 */
/* 手機也用玻璃彈窗（Owner 2026-08-28 更正：內容與排版照獨立頁，樣式維持彈窗），
   而且要在畫面正中央 */

/* 獨立登入／註冊頁：收斂成一張置中卡片，跟全站同一套語言 */
#register .section-title h2, .register .section-title h2{
  font-size:24px; font-weight:900; color:var(--g-text) !important; text-align:center; margin:0 0 20px;
}
#register .login_form, .register .login_form, #register .register_form{
  background:#fff; border:1px solid var(--g-line); border-radius:18px;
  box-shadow:0 10px 26px -16px rgba(43,32,19,.35);
  padding:22px 18px; max-width:460px; margin:0 auto 24px;
}
#register .form-group{ margin-bottom:14px; }
#register .form-group label{
  display:block; font-size:14px; font-weight:700; color:var(--g-text) !important; margin:0 0 6px;
}
#register .form-control{ min-height:48px; font-size:16px !important; }
/* 登入／註冊主鈕滿版，次要動作放下面 */
#register .btn-login.btn-sm, #register button[type=submit]{
  width:100%; min-height:50px; border-radius:12px !important; font-size:17px !important;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
  box-shadow:none !important;
}
#register .form-group.text-center.d-flex{ display:block !important; }
#register a.btn-register[href*="register"]{
  display:block; text-align:center; margin-top:10px; min-height:44px; line-height:44px;
  background:transparent !important; border:none !important; color:#8a5c06 !important; font-weight:700;
}
/* 社群登入列 */
#register .else-btn{ max-width:460px; margin:8px auto !important; }

/* 彈窗置中：站上的 JS 只把 .authModal 設成 display:block，
   所以置中要靠內層 box 自己定位（外層不能改成 flex，會被 JS 的 inline style 蓋掉）。 */
.authModal .modal-box{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  max-height:88vh; overflow-y:auto; -webkit-overflow-scrolling:touch;
}
/* 欄位標籤：照獨立頁的排法，標籤在上、輸入框在下 */
.authModal .fld{
  display:block; font-size:14px; font-weight:700; color:var(--g-text) !important;
  margin:2px 0 6px;
}
.authModal input[type=text], .authModal input[type=password]{
  width:100%; background:rgba(255,255,255,.9) !important;
  border:1px solid rgba(43,32,19,.14) !important; border-radius:12px !important;
  min-height:48px; padding:10px 14px !important; font-size:16px !important; margin-bottom:12px;
}
/* 註冊分頁：社群註冊排在最上面，下面一條分隔線 */
.authModal .login-else-box.top{
  margin:0 0 16px; padding:0 0 14px; border-top:none;
  border-bottom:1px solid rgba(43,32,19,.1);
}
.authModal .login-else-box img{ height:38px; width:auto; }
.authModal .register{ margin-top:4px; }
/* 忘記密碼做成次要按鈕（照獨立登入頁） */
.authModal form > a[href*="Forget"], .authModal form > a[href*="forget"]{
  display:block; text-align:center; margin:12px auto 0; max-width:220px;
  min-height:44px; line-height:44px; border-radius:12px;
  background:rgba(255,255,255,.75); border:1px solid rgba(43,32,19,.12);
  color:var(--g-text-dim) !important; font-weight:700;
}

/* 彈窗表單收尾：標籤靠左、驗證碼圖排在欄位下方靠左，不要被表單的置中規則帶著跑 */
.authModal .tab-content form{ text-align:left !important; }
.authModal .fld{ text-align:left !important; }
.authModal .codeimg{
  display:block; margin:0 0 12px !important; max-width:130px; border-radius:8px;
}
.authModal .login-else-box.top{ justify-content:flex-start; }
/* 彈窗高度：內容多時可捲，捲軸不要貼齊圓角 */
.authModal .modal-box{ padding-right:18px !important; }

/* 手機號碼＋簡訊驗證：驗證碼欄與「發送驗證簡訊」排成一行 */
.sms-row{ display:flex; gap:8px; align-items:stretch; }
.sms-row input{ flex:1; min-width:0; margin-bottom:0 !important; }
.btn-sms{
  flex-shrink:0; min-height:48px; padding:0 14px; border-radius:12px;
  background:#faf3e0 !important; border:1px solid #e2cf9a !important;
  color:#6b4f0e !important; font-size:14px; font-weight:800; white-space:nowrap;
}
.btn-sms:hover{ background:#f5ead0 !important; }

/* ============ 獨立登入／註冊頁也做成玻璃感（Owner：這也不是玻璃彈窗的感覺） ============
   整頁背景放模糊的品牌底色，表單收成一張玻璃卡片，跟彈窗同一種語言。 */
#register.register, section#register{
  position:relative; background:var(--g-ink);
  padding:28px 0 40px;
}
#register .login_form, #register .form.login_form{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.75) !important;
  border-radius:22px !important;
  box-shadow:0 24px 60px -22px rgba(43,32,19,.45), inset 0 1px 0 rgba(255,255,255,.9) !important;
  padding:24px 20px !important; max-width:440px; margin:0 auto !important;
}
#register .section-title h2{ margin-bottom:16px; }
/* 社群註冊列：兩顆等寬玻璃鈕 */
#register .login-else{
  display:grid; grid-template-columns:1fr; gap:10px;
  max-width:440px; margin:0 auto 14px !important;
}
#register .else-btn{
  width:100% !important; min-height:52px !important; margin:0 !important;
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.8) !important; border-radius:14px !important;
  display:flex !important; align-items:center; justify-content:center; gap:10px;
  box-shadow:0 10px 24px -18px rgba(43,32,19,.4) !important;
}
#register .else-btn div{
  width:auto !important; height:auto !important; background:transparent !important;
  display:flex; align-items:center; gap:10px; padding:0 !important; margin:0 !important;
}
#register .else-btn span{
  width:auto !important; border-left:none !important; padding-left:0 !important;
  font-size:15px; font-weight:700; color:var(--g-text) !important;
}
#register .else-btn img{ max-width:24px !important; padding:0 !important; }
#register .else-btn.line img{ background:#06c755; border-radius:6px; padding:3px !important; box-sizing:border-box; }
/* 送出鈕滿版 */
#register button[type=submit], #register .btn-login.btn-sm, #register #submitBtn{
  width:100% !important; max-width:none !important; min-height:50px !important;
  border-radius:12px !important; font-size:17px !important; font-weight:800;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
  box-shadow:none !important; margin-top:6px;
}

/* ============ 登入頁：主要按鈕左右並排（Owner 2026-08-28） ============ */
#register .form-group.text-center.d-flex,
#register form .form-group:has(> .btn-login) {
  display:grid !important; grid-template-columns:1fr 1fr; gap:10px; align-items:stretch;
}
#register .form-group:has(> .btn-login) .btn-login,
#register .form-group:has(> .btn-login) .btn-register{
  width:100% !important; max-width:none !important; min-height:50px !important;
  margin:0 !important; border-radius:12px !important; font-size:17px !important; font-weight:800;
  display:inline-flex !important; align-items:center; justify-content:center;
}
/* 左邊主要動作＝淡藍填色；右邊次要動作＝米白描邊 */
#register .form-group:has(> .btn-login) .btn-login{
  background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
}
#register .form-group:has(> .btn-login) a.btn-register{
  background:rgba(255,255,255,.8) !important; border:1px solid var(--g-line) !important;
  color:#8a5c06 !important; line-height:normal !important;
}
/* 忘記密碼降成文字連結，不再是一顆框 */
#register a[href*="Forget"], #register a[href*="forget"]{
  display:block !important; text-align:center; background:none !important; border:none !important;
  min-height:40px; line-height:40px; color:var(--g-text-dim) !important; font-size:14px; font-weight:600;
  margin-top:6px !important;
}
/* 彈窗裡也並排（登入分頁的登入鈕＋切到註冊） */
.authModal .btn-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }

/* ============ Google／Line 改成淡色實心（Owner 2026-08-28） ============
   跟主按鈕同一種語言：淡填色 + 細邊 + 深字，不用白底玻璃、也不用品牌滿版色。
   兩顆等寬並排。 */
#register .login-else, #register .login-else-box,
.authModal .login-else-box{
  display:grid !important; grid-template-columns:1fr 1fr; gap:10px;
  max-width:440px; margin:14px auto 0 !important;
}
#register .else-btn, .authModal .login-else-box a{
  min-height:52px !important; border-radius:14px !important;
  display:flex !important; align-items:center; justify-content:center; gap:9px;
  box-shadow:none !important; backdrop-filter:none !important; margin:0 !important;
  font-weight:800; font-size:14.5px;
}
/* Google：淡灰實心 */
#register .else-btn.google{
  background:#eef1f5 !important; border:1px solid #dfe3e8 !important;
}
#register .else-btn.google span, #register .else-btn.google div span{ color:#3c4043 !important; }
/* Line：淡綠實心 */
#register .else-btn.line{
  background:#e4f6ec !important; border:1px solid #c6ead6 !important;
}
#register .else-btn.line span{ color:#127a45 !important; }
#register .else-btn.line img{ background:#06c755 !important; border-radius:7px; padding:3px !important; box-sizing:border-box; }
#register .else-btn img{ max-width:24px !important; }
/* 彈窗裡的社群鈕同一套（那裡只有圖示，補上淡底方塊） */
.authModal .login-else-box{ grid-template-columns:auto 1fr 1fr; align-items:center; }
.authModal .login-else-box span{ grid-column:1; font-size:13.5px; color:var(--g-text-dim); }
.authModal .login-else-box a{
  background:#eef1f5 !important; border:1px solid #dfe3e8 !important; padding:6px 10px;
}
.authModal .login-else-box a:last-child{ background:#e4f6ec !important; border-color:#c6ead6 !important; }
.authModal .login-else-box img{ height:26px !important; width:auto; }

/* 兩顆主按鈕都用淡色實心（Owner：也改成淡色實心）：登入淡藍、註冊淡金 */
#register .form-group:has(> .btn-login) a.btn-register,
#register a.btn-register[href*="register"]{
  background:#faf3e0 !important; border:1px solid #e2cf9a !important;
  color:#6b4f0e !important; font-weight:800;
}

/* 提領頁的「一鍵轉回／查詢點數」文字不要折行（Owner 2026-08-28）：
   兩顆並排時寬度被壓到，四個字硬折成兩行。改成不折行、字級與內距跟著縮。 */
.member-page .btn, .member-modal .btn{ white-space:nowrap; }
.member-page .box-user .btn, .member-page .wallet-box .btn{
  padding-left:14px !important; padding-right:14px !important;
}
@media (max-width:420px){
  .member-page .box-user .btn, .member-page .wallet-box .btn{
    font-size:16px !important; padding-left:10px !important; padding-right:10px !important;
  }
}

/* ============ /action/ 自己的客服頁（Owner 2026-08-28 指定新增） ============ */
.sv-list{ display:grid; gap:10px; }
.sv-item{
  display:flex; align-items:center; gap:12px; min-height:64px;
  padding:12px 14px; border-radius:14px;
  background:#faf7f0; border:1px solid var(--g-line);
  text-decoration:none !important; color:var(--g-text) !important;
}
.sv-item:hover{ background:#fff; border-color:var(--g-gold); }
.sv-ic{
  width:40px; height:40px; border-radius:12px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:20px;
}
.sv-chat{ background:#e3eefc; } .sv-chat::before{ content:"💬"; }
.sv-tg{ background:#e4f1fb; } .sv-tg::before{ content:"✈️"; }
.sv-help{ background:#faf3e0; } .sv-help::before{ content:"📖"; }
.sv-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.sv-txt b{ font-size:16px; font-weight:800; }
.sv-txt em{ font-style:normal; font-size:13.5px; color:var(--g-text-dim); }
.sv-go{
  flex-shrink:0; min-height:38px; padding:0 16px; border-radius:999px;
  display:inline-flex; align-items:center; white-space:nowrap;
  background:#e3eefc; border:1px solid #b9d4f7; color:#1d55a8 !important;
  font-size:14px; font-weight:800;
}
.sv-note{ margin:0; padding-left:20px; color:var(--g-text-dim); font-size:15px; line-height:2; }
.sv-faq details{
  border-bottom:1px solid var(--g-line); padding:12px 2px;
}
.sv-faq details:last-child{ border-bottom:none; }
.sv-faq summary{
  cursor:pointer; font-size:15.5px; font-weight:800; color:var(--g-text);
  list-style:none; display:flex; align-items:center; justify-content:space-between; gap:10px;
  min-height:32px;
}
.sv-faq summary::-webkit-details-marker{ display:none; }
.sv-faq summary::after{ content:"＋"; color:var(--g-gold-dim); font-weight:900; }
.sv-faq details[open] summary::after{ content:"−"; }
.sv-faq p{ margin:8px 0 0; color:var(--g-text-dim); font-size:14.5px; line-height:1.9; }

/* ============ 綁定狀態:未綁定 vs 已綁定(Owner 2026-08-28) ============
   後台有欄位可判斷:樣板用 $rowMember["google_login_id"] / ["line_login_id"] 是否為空,
   所以兩種狀態是真的能偵測的,不是裝飾。
   未綁定＝可點的動作(淡藍實心＋箭頭);已綁定＝狀態顯示(米色底＋勾,不強調可點)。 */
.pf-bind{
  position:relative; justify-content:flex-start !important; padding:10px 14px !important;
  gap:10px !important;
}
/* 未綁定:淡藍實心,右邊補一個「去綁定」箭頭 */
.pf-bind:not(.pf-bound){
  background:#e3eefc !important; border:1px solid #b9d4f7 !important;
  color:#1d55a8 !important; font-weight:800;
}
.pf-bind:not(.pf-bound)::after{
  content:"綁定 ›"; margin-left:auto; font-size:13px; font-weight:800; color:#1d55a8;
}
/* 已綁定:米色底、深金字,前面加勾,不再看起來像可按的主要動作 */
.pf-bind.pf-bound{
  background:#faf3e0 !important; border:1px solid #e2cf9a !important;
  color:#6b4f0e !important; font-weight:700;
}
.pf-bind.pf-bound::after{
  content:"✓"; margin-left:auto; font-size:15px; font-weight:900; color:#1e7a45;
}
.pf-bind span{ font-size:14.5px; }

/* 儲值鈕:文字置中、比例調整(原本繼承到左右不等的內距) */
.pf-points .btn, .pf-points a.btn-warning{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  min-width:104px; min-height:48px; padding:0 20px !important;
  font-size:16px !important; line-height:1 !important; text-align:center !important;
  border-radius:12px !important;
}

/* 活動卡內文重新排版（Owner 2026-08-28）：
   圖片滿版在上、標題與內文有各自的層級與行距，不再是一段擠在一起的長文字。 */
.faq-list li{ overflow:hidden; }
.faq-list li > a{ display:block !important; padding:0 !important; }
.faq-list li > a img{
  width:100% !important; aspect-ratio:16/9; object-fit:cover;
  border-radius:16px 16px 0 0; display:block !important;
}
.faq-list li > a h3{
  font-size:17px !important; font-weight:900; line-height:1.5;
  margin:0 !important; padding:14px 18px 0 !important; color:var(--g-text) !important;
}
.faq-list li .collapse{ padding:8px 18px 18px !important; }
.faq-list li p{
  color:var(--g-text-dim) !important; font-size:15px !important; line-height:1.95 !important;
  margin:0 !important; letter-spacing:.01em;
}
/* 報名按鈕收進卡片底部，靠右 */
.faq-list li .text-center ul{ list-style:none; margin:12px 0 0; padding:0; display:flex; justify-content:flex-end; }
.faq-list li .btn{
  min-height:44px; border-radius:12px !important; font-size:15px !important; font-weight:800;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
  box-shadow:none !important;
}

/* 綁定按鈕跑出卡片的修正（Owner 2026-08-28）：
   grid 的 1fr 最小寬度是 auto，內容（圖示＋文字＋狀態）撐不下時軌道會被推寬，
   兩欄加起來就超過卡片。改成 minmax(0,1fr) 讓欄位可壓縮，文字超長截斷。 */
.pf-binds{
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:10px !important;
}
.pf-bind{
  min-width:0; padding:10px 12px !important; gap:8px !important;
}
.pf-bind span{
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:14px;
}
.pf-bind img{ flex-shrink:0; }
.pf-bind::after{ flex-shrink:0; margin-left:6px !important; }
/* 窄螢幕（<380px）改成上下一欄，寧可堆疊也不要溢出 */
/* Owner 指定：一律左右兩顆，不因窄螢幕改成上下堆疊；文字縮短後 360px 也放得下 */

/* 綁定按鈕：圖示已經表明是 Google 還是 Line，文字只留狀態，窄欄也放得下 */
.pf-bind{ justify-content:center !important; }
.pf-bind span{ overflow:visible; text-overflow:clip; font-size:14.5px; }
.pf-bind:not(.pf-bound)::after{ content:"›"; font-size:17px; }

/* 儲值頁底部送出列重做（Owner：這條做的有點醜）：
   原本整條白底＋厚留白，像多壓一塊板子。改成毛玻璃底、貼齊卡片寬度、
   按鈕本身變成實心主動作（頁面上唯一的實心，責任明確）。 */
.fixed-bottom-bar{
  background:rgba(251,248,242,.86) !important;
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-top:1px solid rgba(43,32,19,.08) !important;
  box-shadow:0 -10px 24px -18px rgba(43,32,19,.4) !important;
  padding:10px 16px calc(12px + env(safe-area-inset-bottom)) !important;
}
.fixed-bottom-bar .submit-btn, .footer-bar .submit-btn{
  min-height:50px !important; padding:0 24px !important;
  background:linear-gradient(180deg,#3d84e6,#2668c7) !important;
  border:none !important; color:#fff !important;
  border-radius:14px !important; font-size:17px !important; font-weight:800; letter-spacing:.08em;
  box-shadow:0 8px 20px -10px rgba(38,104,199,.7) !important;
  text-shadow:none !important;
}
.fixed-bottom-bar .submit-btn:hover{ filter:brightness(1.04); }

/* 轉點／提領頁的「儲值」鈕比照基本資料那顆（Owner 2026-08-28）：
   同一個動作在不同頁面要長一樣（天條 55：主要動作按鈕全站同一種樣式）。 */
.member-page .wallet-l-1 .btn-warning,
.member-page .box-user .btn-warning{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  min-width:104px; min-height:48px; padding:0 20px !important;
  font-size:16px !important; line-height:1 !important; border-radius:12px !important;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
  box-shadow:none !important; text-shadow:none !important; font-weight:800;
}

/* ============ 優惠活動內容重新排版（Owner 2026-08-28：文字全展開） ============
   活動內文本來就有結構（小標、清單、規則表），先前被我剝成純文字才擠成一長段。
   現在保留原結構，用這裡的樣式排：小標拉出層級、段落放行距、表格可水平捲動。 */
.faq-list li .collapse{ padding:6px 18px 20px !important; }
.faq-list li p{
  color:var(--g-text-dim) !important; font-size:15px !important; line-height:2 !important;
  margin:0 !important;
}
/* 內文裡的區塊：每個 div 當一段，段與段之間留白 */
.faq-list li p > div{ margin:0 0 10px; }
.faq-list li p > div:last-child{ margin-bottom:0; }
/* 內文中的重點數字／短句（原站用 span 標記）做成金色重點 */
.faq-list li p span{ color:var(--g-text) !important; font-weight:800; }
/* 規則表：卡片內可水平捲動，不撐破版面 */
.faq-list li table{
  width:max-content; min-width:100%; margin:12px 0 4px;
  border-collapse:separate; border-spacing:0;
  background:#fff; border:1px solid var(--g-line); border-radius:12px; overflow:hidden;
  font-size:14px;
}
.faq-list li p:has(table){ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.faq-list li th, .faq-list li td{
  padding:9px 12px; white-space:nowrap; text-align:center;
  border-bottom:1px solid var(--g-line-2); color:var(--g-text);
}
.faq-list li th{ background:var(--g-panel-2); font-weight:800; }
.faq-list li tr:last-child td{ border-bottom:none; }
/* 活動卡之間留白拉開，一張卡就是一個活動 */
.faq-list{ gap:18px !important; }


/* 編號條列：數字做成小圓章，後面接內容 */
.faq-list .ac-step{
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%; margin:10px 8px 0 0;
  background:#faf3e0; border:1px solid #e2cf9a; color:#8a5c06 !important;
  font-size:12.5px; font-weight:900; vertical-align:middle;
}
.faq-list .ac-step + .ac-p{ display:inline; }

/* 送出列比例重調（Owner：取代按鈕那一列比例不對）：
   ①按鈕寬度對齊卡片內容寬（不再整條拉滿），高度 48、圓角 12、字級 16.5，看起來不會胖；
   ②固定列是 position:fixed 不佔版面，內容要留出等高的空間，否則最後一段被壓在底下（先前就是這個問題）。 */
.fixed-bottom-bar{
  padding:12px 16px calc(14px + env(safe-area-inset-bottom)) !important;
}
.fixed-bottom-bar .submit-btn, .footer-bar .submit-btn{
  display:block; width:100%; max-width:440px; margin:0 auto !important;
  min-height:48px !important; height:48px; padding:0 24px !important;
  border-radius:12px !important; font-size:16.5px !important; letter-spacing:.06em;
  box-shadow:0 6px 16px -8px rgba(38,104,199,.6) !important;
}
.prestige-deposit-scope{
  /* 手機還要再讓開底部固定導覽（73px），不然最後一段仍會被壓住 */
  padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important;
}
@media (max-width:991px){
  /* 需要讓開的是「固定送出列 78px ＋ 底部導覽 73px」＝151px，多留 10px 呼吸即可。
     先前給 170px 再加上頁面自己的收尾，尾端就多出一大塊空白。 */
  .prestige-deposit-scope{ padding-bottom:calc(161px + env(safe-area-inset-bottom)) !important; }
}

/* ============ 提領頁重排（Owner 2026-08-28） ============
   金額與兩顆動作放同一行、說明改成粉色警示區塊移到資產卡下方。 */
.wd-assetrow{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
}
.wd-assetrow .num{
  margin:0 !important; font-size:28px; font-weight:900; color:var(--g-text); line-height:1.2;
}
.wd-assetrow .num span{ font-size:20px; margin-right:2px; }
.wd-actions{ display:flex; gap:10px; flex-shrink:0; }
.member-page .wd-actions .btn{
  margin:0 !important; width:auto !important; min-width:104px; min-height:44px;
  padding:0 16px !important; font-size:16px !important; border-radius:12px !important;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
  box-shadow:none !important; white-space:nowrap;
}
/* 粉色警示：說明性規則，不是主要動作，用最淡的紅粉底＋左側色條 */
.wd-alert{
  display:flex; flex-direction:column; gap:4px;
  background:#fdeef0; border:1px solid #f7d3d8; border-left:4px solid #e0798a;
  border-radius:12px; padding:14px 16px; margin:14px 0 0;
}
.wd-alert b{ font-size:14.5px; font-weight:900; color:#a33a4a; }
.wd-alert span{ font-size:14.5px; line-height:1.9; color:#7d4650; }
@media (max-width:420px){
  .wd-assetrow{ align-items:flex-start; }
  .wd-actions{ width:100%; }
  .member-page .wd-actions .btn{ flex:1; min-width:0; }
}

/* 提領表單要在第一畫面內：資產卡與表單卡的間距收緊，表單內欄位也不要太鬆 */
.member-page .box-user + .box{ margin-top:12px !important; }
.member-page .form-withdraw .form-group{ margin-bottom:12px !important; }
.member-page .form-withdraw .group-prepend{ gap:8px !important; }
.wd-alert{ margin:14px 0 0 !important; }

/* ============ 優惠活動內容：對齊 WordPress 優惠頁的排版（Owner：兩邊都要有） ============
   WP 那頁每個活動都有自己的元件（主標、小標、資訊卡、重點框、注意事項框）。
   /action/ 這邊保留同一套元件結構，只換成我們的樣式，兩邊排版一致但配色是這裡的。
   選擇器用共通後綴（tj-*-v3-xxx），新活動照同樣命名就會自動吃到。 */
.faq-list [class*="-container"]{ display:block; }
.faq-list [class*="-header"]{ text-align:center; margin:6px 0 14px; }
.faq-list [class*="-main-title"]{
  display:block; font-size:19px; font-weight:900; color:var(--g-text) !important; line-height:1.5;
}
.faq-list [class*="-banner"]:not([class*="-banner-note"]){
  display:block; font-size:13px; font-weight:800; letter-spacing:.14em;
  color:var(--g-gold-dim) !important; margin-bottom:4px; text-transform:uppercase;
}
.faq-list [class*="-banner-note"], .faq-list [class*="-subtitle"]{
  display:block; font-size:14px; color:var(--g-text-dim) !important; margin-top:2px;
}
.faq-list [class*="-amount"]{
  display:block; font-size:26px; font-weight:900; color:#a9720a !important; margin:6px 0 2px;
}
/* 小標：金色豎線 */
.faq-list [class*="-section-title"]{
  display:block; font-size:16px; font-weight:900; color:var(--g-text) !important;
  margin:18px 0 8px; padding-left:11px; position:relative;
}
.faq-list [class*="-section-title"]::before{
  content:""; position:absolute; left:0; top:.3em; width:3px; height:1em;
  background:var(--g-gold); border-radius:2px;
}
/* 資訊卡／自動派發框：淺米卡片 */
.faq-list [class*="-info-card"], .faq-list [class*="-auto-box"], .faq-list [class*="-highlight-box"]{
  display:block; background:#faf7f0; border:1px solid var(--g-line); border-radius:12px;
  padding:14px 16px; margin:10px 0;
}
/* 注意事項框：淡紅警示（跟提領頁同一套語言） */
.faq-list [class*="-alert-box"], .faq-list [class*="-note-frame"]{
  display:block; background:#fdeef0; border:1px solid #f7d3d8; border-left:4px solid #e0798a;
  border-radius:12px; padding:14px 16px; margin:12px 0 0;
}
.faq-list [class*="-note-line"]{ display:block; font-size:14px; line-height:1.9; color:#7d4650 !important; }
/* 條列 */
.faq-list [class*="-bullet"]{
  display:block; position:relative; padding-left:16px; margin:6px 0; line-height:1.9; font-size:15px;
}
.faq-list [class*="-bullet"]::before{
  content:""; position:absolute; left:2px; top:.75em; width:5px; height:5px;
  background:var(--g-gold); border-radius:50%;
}
/* 標籤與數值成對 */
.faq-list [class*="-label"]{ font-size:13.5px; color:var(--g-text-dim) !important; }
.faq-list [class*="-label-text"]{ font-weight:800; color:var(--g-text) !important; }
/* 重點色 */
.faq-list [class*="-highlight-gold"]{ color:#a9720a !important; font-weight:900; }
.faq-list [class*="-highlight-red"]{ color:#b02a37 !important; font-weight:900; }
.faq-list [class*="-body"]{ display:block; font-size:15px; line-height:2; color:var(--g-text-dim) !important; }

/* 活動元件的其他命名（VIP 那支用 -section-label / -rule-item / -circle-num） */
.faq-list [class*="-section-label"]{
  display:block; font-size:16px; font-weight:900; color:var(--g-text) !important;
  margin:18px 0 8px; padding-left:11px; position:relative;
}
.faq-list [class*="-section-label"]::before{
  content:""; position:absolute; left:0; top:.3em; width:3px; height:1em;
  background:var(--g-gold); border-radius:2px;
}
/* 編號條列：圓章＋內容同一行 */
.faq-list [class*="-rule-item"]{
  display:flex; align-items:flex-start; gap:10px; margin:8px 0; line-height:1.9;
  font-size:15px; color:var(--g-text-dim) !important;
}
.faq-list [class*="-circle-num"]{
  flex-shrink:0; width:22px; height:22px; border-radius:50%; margin-top:.25em;
  display:inline-flex; align-items:center; justify-content:center;
  background:#faf3e0; border:1px solid #e2cf9a; color:#8a5c06 !important;
  font-size:12.5px; font-weight:900;
}
/* 表格的分類欄位靠左、其餘置中（原站的 -cell-category） */
.faq-list [class*="-cell-category"]{ text-align:left !important; font-weight:800; background:#faf7f0; }

/* 注意事項清單：圓點與文字同一行（原本 span 與 div 各自成塊，圓點自己佔一行） */
.faq-list [class*="-note-box"]{
  display:block; background:#fdeef0; border:1px solid #f7d3d8; border-left:4px solid #e0798a;
  border-radius:12px; padding:12px 14px; margin:10px 0 0;
}
.faq-list [class*="-note-row"]{
  display:flex; align-items:flex-start; gap:8px; margin:6px 0;
  font-size:14.5px; line-height:1.9; color:#7d4650 !important;
}
.faq-list [class*="-note-dot"]{
  flex-shrink:0; color:#e0798a !important; font-size:10px; line-height:2.2;
}
.faq-list [class*="-note-row"] > div{ flex:1; min-width:0; }

/* 送出列比例再修（Owner：這個比例還是不對）：
   問題不在尺寸而在「它跟全站主鈕長得不一樣」——別頁的主要動作都是淡藍填色 48px，
   這裡卻是一整條飽和深藍，看起來又胖又重。統一成同一種按鈕即可。 */
.fixed-bottom-bar .submit-btn, .footer-bar .submit-btn{
  background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
  height:48px !important; min-height:48px !important; border-radius:12px !important;
  font-size:16.5px !important; font-weight:800; letter-spacing:.06em;
  box-shadow:none !important; text-shadow:none !important;
  max-width:min(440px, 100%); margin:0 auto !important;
}
.fixed-bottom-bar .submit-btn:hover{ background:#d7e7fb !important; }
.fixed-bottom-bar{
  padding:10px 16px calc(12px + env(safe-area-inset-bottom)) !important;
  box-shadow:0 -8px 20px -16px rgba(43,32,19,.35) !important;
}

/* 支付方式圖示重做（Owner：左邊的 icon 做的也太醜）：
   原本每個管道各自一種底色（金褐／深藍灰／褐），同一張清單三種色系，很雜。
   改成同一套中性底＋線性圖示，只有「選中的那個」才變成藍色，狀態一眼看得出來。 */
.prestige-deposit-scope .payment-item .icon-box{
  width:44px; height:44px; border-radius:13px;
  background:#f4f1ea !important; border:1px solid var(--g-line);
  color:var(--g-text-dim) !important;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.prestige-deposit-scope .payment-item .icon-box svg{
  width:21px; height:21px; stroke:currentColor; stroke-width:1.9; fill:none;
}
/* 站上原本用底色 class 區分（bg-atm / bg-card / bg-epay / bg-711…），一律蓋掉 */
.prestige-deposit-scope .icon-box[class*="bg-"]{ background:#f4f1ea !important; }
/* 選中：圖示連動變藍，跟右邊的藍勾一致 */
.prestige-deposit-scope .payment-item.active .icon-box{
  background:#e3eefc !important; border-color:#b9d4f7 !important; color:#1d55a8 !important;
}
/* 子選項（LINE Pay／街口）的小圓章也收成同一套尺度 */
.prestige-deposit-scope .brand-icon{
  width:30px !important; height:30px !important; border-radius:9px !important;
  font-size:11px !important; font-weight:800; display:inline-flex; align-items:center; justify-content:center;
  flex-shrink:0; margin-right:8px;
}

/* 送出列間距最終校正（Owner 反覆指出上下不協調）：
   數字上其實對稱（上 11 / 下 12），但底部導覽自己還有 24px 安全區留白，
   兩者相加後視覺重心偏下。做法：①上下都給 14px；②列的底邊貼齊導覽高度（73px），
   中間不留縫；③列與導覽之間用一條髮絲線分界，不靠留白區隔。 */
.fixed-bottom-bar{
  bottom:73px !important;
  padding:14px 16px !important;
  border-top:1px solid rgba(43,32,19,.10) !important;
  border-bottom:1px solid rgba(43,32,19,.06) !important;
  box-shadow:0 -6px 16px -14px rgba(43,32,19,.3) !important;
}
@media (min-width:992px){
  /* 桌機沒有底部導覽，列直接貼底 */
  .fixed-bottom-bar{ bottom:0 !important; padding:14px 16px calc(14px + env(safe-area-inset-bottom)) !important; }
}

/* ============ 警示區塊統一（Owner：出售規則做得不錯，其他位置照做） ============
   全站「規則／限制／違規後果」這類內容,一律用同一種淡紅警示框:
   左側色條 + 淡紅底 + 深紅小標。掃過後套用的位置:
   ①儲值頁的注意事項(原本是卡片內的純文字條列)
   ②帳戶管理／會員中心的身分驗證注意事項(原本是 ul.note 小灰字)
   ③提領頁的出售規則(已完成,樣式來源) */
.member-page .info-box,
.member-page ul.note{
  background:#fdeef0 !important; border:1px solid #f7d3d8 !important;
  border-left:4px solid #e0798a !important; border-radius:12px !important;
  padding:14px 16px !important; margin:12px 0 0 !important;
  color:#7d4650 !important; font-size:16px !important; line-height:1.95 !important;
  list-style:none !important;
}
/* 條列首項通常是「注意事項：」，當成小標 */
.member-page ul.note li:first-child{
  font-weight:900; color:#a33a4a !important; margin-bottom:4px; padding-left:0;
}
.member-page ul.note li{
  position:relative; padding-left:14px; margin:4px 0;
}
.member-page ul.note li:not(:first-child)::before{
  content:""; position:absolute; left:2px; top:.78em;
  width:5px; height:5px; border-radius:50%; background:#e0798a;
}
/* 儲值頁的注意事項卡：卡片標題留著，內容改成警示框 */
.prestige-deposit-scope .info-box{
  background:#fdeef0 !important; border:1px solid #f7d3d8 !important;
  border-left:4px solid #e0798a !important; border-radius:12px !important;
  padding:14px 16px !important; color:#7d4650 !important;
}
/* 小提示（設定完成才能使用…）也用同一個語言，但只做成一行標記 */
.pf-warn{
  display:inline-flex; align-items:center; gap:6px;
  background:#fdeef0; border:1px solid #f7d3d8; border-radius:999px;
  padding:3px 10px; color:#a33a4a !important; font-size:12.5px !important; font-weight:800;
  margin-left:auto;
}

/* 最後一張卡與收尾之間不要再各自留白 */
.prestige-deposit-scope .deposit-container{ padding-bottom:0 !important; }
.prestige-deposit-scope .box.pf-card:last-of-type{ margin-bottom:0 !important; }

/* 活動規則表要能左右滑（Owner：這裡不能左右移）：
   站上把表格包在 [class*="-table-scroll"] 裡，但那層的 overflow 是 visible，
   所以表格只是被裁掉、滑不動。給那層真正的水平捲動。 */
.faq-list [class*="-table-scroll"],
.faq-list [class*="-table-wrap"],
.faq-list [class*="-table-wrapper"],
.faq-list [class*="-table-box"]{
  display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;
  border-radius:12px;
}
/* 捲動容器內的表格才需要 max-content；沒有容器的維持滿版 */
.faq-list [class*="-table-scroll"] table,
.faq-list [class*="-table-wrapper"] table,
.faq-list [class*="-table-wrap"] table{ width:max-content; min-width:100%; }
/* 提示可以左右滑：右緣加一道漸層陰影 */
.faq-list [class*="-table-scroll"]{
  background:linear-gradient(90deg, transparent calc(100% - 24px), rgba(43,32,19,.06) 100%);
}

/* 捲動時出現黑色殘影的處理（iOS 常見）：
   毛玻璃（backdrop-filter）疊在固定/黏著元素上，捲動時容易重繪失敗留下黑塊。
   固定送出列改用實色背景，導覽與送出列都提升成獨立圖層，避免殘影。 */
.fixed-bottom-bar{
  background:#fbf8f2 !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  transform:translateZ(0); will-change:transform;
}
.ft-navbar{ transform:translateZ(0); will-change:transform; }
.faq-list [class*="-table-scroll"], .faq-list [class*="-table-wrapper"]{
  transform:translateZ(0);
}

/* ============================================================
   電腦版細節整理（2026-08-28）
   照天條 55：每頁的內容邊界一致、限寬置中、卡片同一套底色、
   主要動作按鈕全站同一種樣式。只在 ≥992px 生效，手機版不動。
   ============================================================ */
@media (min-width:992px){

  /* 左側選單：「帳戶管理」那格量到 108px，其它 64px，中間就空出一段。
     真正的原因不是換行空白，是那個 li 裡有第二條連結，內容只有一個手機版才顯示的
     副標（.info.d-md-none）；電腦版副標被藏起來，連結本身還占著 44px 變成空白列。 */
  .member-menu_web li > a:has(> .info){ display:none !important; }

  /* 提領頁第一張卡比標題右移 10px，跟其它頁對不齊 */
  .member-page .box-2{ margin-left:0 !important; margin-right:0 !important; }

  /* 儲值頁本來是手機優先的 500px 窄欄置中，電腦版會跟頁面標題錯開 192px。
     拉齊成跟其它頁一樣的內容欄，標題與卡片同一條左邊界。 */
  .member-page .prestige-deposit-scope .deposit-container{
    max-width:none !important; margin:0 !important;
    padding-left:0 !important; padding-right:0 !important;
  }
  /* 送出列跟著內容欄走，不要用 left:50% 吊在視窗中央 */
  .member-page .prestige-deposit-scope .fixed-bottom-bar{
    position:sticky !important; left:auto !important; right:auto !important;
    transform:none !important; width:100% !important; max-width:none !important;
    bottom:0 !important; margin-top:14px; border-radius:14px;
  }
  .member-page .prestige-deposit-scope{ padding-bottom:0 !important; }

  /* 提領頁：總資產卡的兩顆按鈕靠右收齊，不要浮在中間留一大片空白 */
  .member-page .wd-assetrow{
    display:flex !important; align-items:center; justify-content:space-between;
    gap:20px; margin-left:0 !important; margin-right:0 !important;
  }
  .member-page .wd-actions{ margin-left:auto; display:flex; gap:12px; }
  /* ---- 按鈕系統（Owner 2026-08-28：電腦版按鈕都很長、排版有點醜）----
     盤點到主要送出鈕有 280／440／472／484／493／100 六種寬度，高度 44～60 都有。
     統一成兩種：主要送出 280×48 置中；次要與行內按鈕高度 48、寬度照內容。 */
  .member-page .btn.w-100,
  .member-page .submit-btn,
  .member-page .center > .btn,
  .member-page form .text-center > .btn,
  .member-page form .text-center > .btn-register,
  .member-page form .text-center > .btn2,
  .member-page .form-withdraw .btn-warning,
  .member-page .form-withdraw .btn-primary{
    width:280px !important; max-width:100% !important; min-width:0 !important;
    min-height:48px !important; height:auto !important;
    display:inline-flex !important; align-items:center; justify-content:center;
    margin-left:auto !important; margin-right:auto !important;
  }
  /* 次要與行內：發送簡訊、一鏈轉回、查詢點數、發送認證簡訊 */
  .member-page .pf-inline .btn,
  .member-page .wd-actions .btn,
  .member-page .inputR .btn{
    width:auto !important; max-width:none !important;
    height:48px !important; min-height:48px !important; padding:0 20px !important;
    display:inline-flex !important; align-items:center; justify-content:center;
  }
  .member-page .pf-inline .btn{ min-width:140px !important; flex:0 0 auto; }
  .member-page .wd-actions .btn{ min-width:132px !important; }
  /* 送出那一行維持置中 */
  .member-page form .text-center, .member-page .center{ text-align:center !important; }

  /* 優惠頁：橫幅原圖是 1920×480，卻被拉成 1128×635（高度多了 2.25 倍）才會糊掉。
     還原成原本的比例；內容欄限寬，中文一行才不會拉到七十幾個字。 */
  .faq-list{ max-width:980px; margin-left:auto !important; margin-right:auto !important; }
  .faq-list img{ height:auto !important; aspect-ratio:auto !important; object-fit:contain; }
  .counterup, .row.counterup{ max-width:980px; margin-left:auto !important; margin-right:auto !important; }
  /* 統計那列的「第三個」其實是區塊標題，卡片本來就只有兩張，兩欄是對的，不動欄數。
     只把統計卡到第一張活動之間的 108px 空白收掉（天條 38：間距只留上方） */
  /* 統計卡外層有 36px 內距，卡片就比下面的活動卡窄了 36px、上下也多出一段空白。
     內距歸零讓兩邊同一條邊界，活動列表只留上方間距（天條 38）。 */
  .counterup, .row.counterup{ padding:0 !important; margin-bottom:0 !important; }
  .faq-list{ margin-top:28px !important; }
}

/* 登入／註冊玻璃彈窗：站上的 .modal-box 是 height:50%（390×844 上算出來 422px），
   內容有 691px，等於一開啟就被裁掉一半，登入按鈕要在框內再捲一次才看得到。
   改成高度跟著內容走，只在螢幕不夠高時才封頂捲動。 */
#authModal .modal-box{
  height:auto !important; bottom:auto !important;   /* 同時有 top 與 bottom 時，高度由偏移決定，height:auto 會被無視 */
  max-height:86vh !important; overflow-y:auto !important;
}

/* 優惠橫幅：原圖是 1920×480（4:1），手機版被套上 aspect-ratio:16/9 再 object-fit:cover，
   等於左右各裁掉一塊，標題就看不完整。這條不分裝置都還原原圖比例。 */
.faq-list img{
  aspect-ratio:auto !important; height:auto !important;
  object-fit:contain !important; width:100%;
}

/* ============================================================
   舊樣板頁的收尾（2026-08-28，Owner 指示把剩下 10 頁一起做完）
   這些頁沒有經過改版，共通毛病有三個：
   1. 桌機用的會員側欄整份印在手機上，跟我們的分頁列重複
   2. 樣板自己又印一次「會員中心」標題
   3. 表單沒有卡片外框，內容直接貼在背景上
   ============================================================ */
@media (max-width:991px){
  .member-page > .title,
  .member-page .memberMenu,
  .member-page .membernav,
  .member-page .mobUserMenu{ display:none !important; }
}
/* 桌機保留原本的側欄，但標題不要重複 */
@media (min-width:992px){
  .member-page > .title{ display:none !important; }
}

/* 表單／內容區包成卡片，跟其他會員頁同一套 */
.member-page .scontainer,
.member-page .tab-content.member,
.member-page .content > .row{
  background:#fff; border:1px solid var(--g-line); border-radius:14px;
  padding:16px; margin-top:14px;
}
.member-page .scontainer h2, .member-page .tab-content.member h2,
.member-page .scontainer h3, .member-page .tab-content.member h3{
  font-size:18px; font-weight:800; color:var(--g-text); margin:0 0 12px;
}
/* 舊樣板的輸入框吃不到新樣式，補上 */
.member-page .scontainer input[type=text],
.member-page .scontainer input[type=password],
.member-page .scontainer input[type=tel],
.member-page .tab-content.member input[type=text],
.member-page .tab-content.member input[type=password]{
  width:100%; min-height:46px; padding:10px 12px;
  border:1px solid var(--g-line) !important; border-radius:10px;
  background:#fdfaf3 !important; color:var(--g-text) !important; font-size:16px;
}
.member-page .scontainer label,
.member-page .tab-content.member label{ font-weight:700; color:var(--g-text); }

/* 舊樣板引用的 _images/all/*.PNG 在線上已經是 404（不是預覽環境的問題），
   留著就是一排破圖框。預覽先藏起來，正式修要回頭清樣板裡的引用。 */
.member-page img[src*="/_images/all/"]{ display:none !important; }

/* 紅利儲值頁的付款方式：三顆選項的標籤裡只有圖，沒有文字，
   而那些圖在線上是 404，等於整排選項沒有標示。改成用文字標。 */
.member-page label:has(> img[src*="/_images/member/"]) > img{ display:none !important; }
.member-page label:has(> img[src*="/_images/member/"]){
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 16px; margin:0 8px 8px 0;
  background:#faf3e0; border:1px solid #e2cf9a; border-radius:12px;
  color:#6b4f0e; font-weight:700; cursor:pointer;
}
.member-page label:has(> img[src*="/_images/member/bank"])::after{ content:"銀行匯款"; }
.member-page label:has(> img[src*="/_images/member/atm"])::after{ content:"ATM 轉帳"; }
.member-page label:has(> img[src*="/_images/member/credit"])::after{ content:"信用卡"; }

/* 舊樣板用 Bootstrap 3 的 .tab-pane.fade.in，站上載的是 BS4（要 .show），
   結果 .fade 把整塊內容的 opacity 壓成 0 —— 畫面上就是一張空白卡。 */
.member-page .tab-pane.fade{ opacity:1 !important; }

/* 註冊第二步的社群登入圖示在線上是 404，改用文字按鈕 */
.member-page a:has(> img[src*="login_google"]),
.member-page a:has(> img[src*="login_line"]){
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 18px; margin:0 8px 8px 0; border-radius:12px;
  font-weight:700; text-decoration:none;
}
.member-page a:has(> img[src*="login_google"]) > img,
.member-page a:has(> img[src*="login_line"]) > img{ display:none !important; }
.member-page a:has(> img[src*="login_google"]){ background:#fff; border:1px solid #dcd3c4; color:#3b3226; }
.member-page a:has(> img[src*="login_google"])::after{ content:"Google 帳號註冊"; }
.member-page a:has(> img[src*="login_line"]){ background:#e8f7ec; border:1px solid #bfe3cb; color:#1f6b42; }
.member-page a:has(> img[src*="login_line"])::after{ content:"LINE 帳號註冊"; }

/* 跑馬燈本來就比畫面寬（靠捲動播），外層沒有裁切就會讓整頁能左右拉動。 */
.mq-section, .marquee, .marquee-wrap, [class*="marquee"]:not(.marquee-content){
  overflow:hidden !important; max-width:100%;
}

/* 註冊第二步的輸入框是固定寬（249px）配上左側標籤欄，390 螢幕會撐出 55px 橫捲。
   手機版讓輸入框跟著容器寬走。 */
@media (max-width:991px){
  .member-page .signInput{ width:100% !important; max-width:100% !important; min-height:46px; }
  .member-page .row > [class*="col-"]{ max-width:100%; }
}

/* 舊頁的送出鈕沿用不到我們的按鈕系統，尺寸與顏色都各走各的 */
.member-page input[type=submit],
.member-page button[type=submit],
.member-page .btn-send, .member-page .sendbtn{
  min-height:46px !important; padding:0 22px !important; border-radius:12px !important;
  background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
  font-weight:700 !important; letter-spacing:.06em; box-shadow:none !important;
}
@media (max-width:991px){
  .member-page form .text-center input[type=submit],
  .member-page form .text-center button[type=submit]{ width:100%; }
}

/* 紅利返水的三格：舊的彩色圓形圖示跟金色系不搭，拿掉只留數據，
   洗碼與返水做成上下兩層的數據卡，字級拉開層級（天條 42）。 */
#page-refund .vip-icon, .member-page .rake-box img, .member-page .vipbox img{ display:none !important; }
.member-page .vipbox, .member-page .rake-box{
  background:#fff; border:1px solid var(--g-line); border-radius:14px; padding:14px;
}

/* 紀錄表格容器的收邊：直接掛在頁面下的要有邊界，包在卡片裡的不要再有一層框 */
.member-page > .pf-scroll{ margin:14px 0 0; }
.member-page .box .pf-scroll, .member-page .pf-card .pf-scroll{
  border:0 !important; border-radius:0 !important; background:transparent !important;
}

/* 紅利返水的狀態圖示（status1/2、base）是舊素材，跟金色系不搭，換成純文字層級 */
.member-page img[src*="status1"], .member-page img[src*="status2"],
.member-page img[src*="/base.png"]{ display:none !important; }

/* 舊頁把送出做成 <a class="btn-register">，高度只有 34px，吃不到按鈕系統也不合觸控標準 */
.member-page a.btn-register, .member-page a.btn2, .member-page a.wbtn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:46px; padding:0 22px; border-radius:12px; text-decoration:none;
  background:#e3eefc; border:1px solid #b9d4f7; color:#1d55a8;
  font-weight:700; letter-spacing:.06em;
}
@media (max-width:991px){
  .member-page .text-center > a.btn-register, .member-page .text-center > a.btn2{ width:100%; }
}

/* 重寫頁共用的小元件（2026-08-28） */
.member-page .pf-kv{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 0; border-bottom:1px solid var(--g-line-2);
}
.member-page .pf-kv:last-child{ border-bottom:0; }
.member-page .pf-kv span{ color:var(--g-text-dim); font-size:16px; }
.member-page .pf-kv b{ font-size:18px; font-weight:900; color:var(--g-text); }
.member-page .pf-kv b.pf-code{ letter-spacing:.08em; color:#8a5c06; }
.member-page .pf-note{ color:var(--g-text-dim); font-size:16px; line-height:1.8; margin:0 0 14px; }

/* 洗碼與返水三格 */
.member-page .rk-grid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; margin:0 0 14px;
}
.member-page .rk-item{
  background:#faf7f0; border:1px solid var(--g-line); border-radius:12px;
  padding:12px 10px; text-align:center;
}
.member-page .rk-name{ display:block; font-size:16px; font-weight:800; color:var(--g-text); }
.member-page .rk-wash{ display:block; font-size:16px; color:var(--g-text-dim); margin:4px 0 6px; }
.member-page .rk-back{ display:block; font-size:17px; font-weight:900; color:#8a5c06; }

/* 手機驗證的「發送簡訊」跟輸入框同一列 */
.member-page .pf-inline{ display:flex; gap:10px; align-items:flex-end; }
.member-page .pf-inline .form-group{ flex:1 1 auto; margin-bottom:0; }
.member-page .pf-sms{ flex:0 0 auto; min-height:46px; white-space:nowrap; }

/* 結果頁的步驟指示 */
.member-page .pf-steps{ display:flex; gap:8px; margin:0 0 12px; }
.member-page .pf-steps span{
  width:28px; height:28px; border-radius:50%; display:inline-flex;
  align-items:center; justify-content:center; font-weight:800; font-size:16px;
  background:#f2ece0; color:#a2988a; border:1px solid var(--g-line);
}
.member-page .pf-steps span.on{ background:#faf3e0; color:#8a5c06; border-color:#e2cf9a; }

/* 次要動作：跟主要動作放在一起時要看得出主從（主要淡藍、次要淡金） */
.member-page .pf-secondary{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:46px; padding:0 22px; border-radius:12px; text-decoration:none;
  background:#faf3e0 !important; border:1px solid #e2cf9a !important; color:#6b4f0e !important;
  font-weight:700; letter-spacing:.06em;
}

/* 入口列與方格（會員中心／帳戶管理用） */
.member-page .pf-linkrow{
  display:flex; flex-direction:column; gap:2px; padding:14px 0;
  border-bottom:1px solid var(--g-line-2); text-decoration:none; position:relative; min-height:44px;
}
.member-page .pf-linkrow:last-child{ border-bottom:0; }
.member-page .pf-linkrow::after{
  content:"›"; position:absolute; right:2px; top:50%; transform:translateY(-50%);
  color:var(--g-text-dim); font-size:20px;
}
.member-page .pf-linkname{ font-size:16px; font-weight:800; color:var(--g-text); }
.member-page .pf-linkdesc{ font-size:16px; color:var(--g-text-dim); }

.member-page .pf-tiles{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
.member-page .pf-tile{
  display:flex; align-items:center; justify-content:center; min-height:48px;
  background:#faf3e0; border:1px solid #e2cf9a; border-radius:12px;
  color:#6b4f0e; font-weight:700; text-decoration:none;
}
@media (min-width:992px){ .member-page .pf-tiles{ grid-template-columns:repeat(4, minmax(0,1fr)); } }

/* 觸控尺寸（天條 34，上線前檢查）
   底部導覽的 <a> 只有 34px（外觀不變，把可點區域撐到整格高）；
   紀錄頁的日期篩選鈕 38px，一併補到 44。 */
.ft-navbar .ft-link{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-height:56px;
}
.member-page .btn-outline-primary, .member-page .btn-sm{
  min-height:44px !important; display:inline-flex; align-items:center; justify-content:center;
}

/* 轉點頁的回收鈕 40px，補到 44（天條 34） */
.member-page .btn-warning.w-100, .member-page [class*="btn100"]{
  min-height:44px !important; display:inline-flex; align-items:center; justify-content:center;
}

/* _images 這個資料夾在 repo 裡整個不存在，所有引用都是死的（不只預覽，線上也一樣）。
   側邊抽屜、公告頁、分頁器都有。預覽先藏起來，正式修要清掉樣板裡的引用。 */
img[src*="/_images/"]{ display:none !important; }

/* 遊戲紀錄的查詢條件（Owner 2026-08-28 指出廠商要列全、下面排版要重調） */
/* 廠商：19 家，做成籌碼狀標籤，換行也整齊 */
.member-page .pf-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.member-page .pf-chip{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:38px; padding:0 14px; border-radius:999px;
  background:#faf3e0; border:1px solid #e2cf9a; color:#6b4f0e !important;
  font-size:16px; font-weight:700; text-decoration:none; white-space:nowrap;
}
.member-page .pf-chip:hover{ background:#f6ead0; }
.member-page .pf-chip.on{ background:#e3eefc; border-color:#b9d4f7; color:#1d55a8 !important; }

/* 日期快捷：原本 4＋2 落差很大，改成等寬三欄（電腦六欄一列） */
.member-page .btn-group1{
  display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;
}
.member-page .btn-group1 .btn{
  width:100%; min-height:44px !important; border-radius:12px !important;
  background:#fff !important; border:1px solid var(--g-line) !important;
  color:var(--g-text) !important; font-weight:700 !important;
}
.member-page .btn-group1 .btn:hover{ background:#faf7f0 !important; }
@media (min-width:992px){
  .member-page .btn-group1{ grid-template-columns:repeat(6, minmax(0,1fr)); }
}
/* 日期輸入框兩欄 */
.member-page .pf-field .form-control.jqdatetime{ min-height:46px; }

/* 同上：會員區各頁也用同一支共用頁首 */
@media (min-width:992px) and (max-width:1399px){
  .navbar-bg .container{ max-width:100% !important; padding-left:16px; padding-right:16px; }
  .navbar{ min-width:0; max-width:100%; }
  .navbar ul{ display:flex; flex-wrap:wrap; gap:6px 20px; margin:0; padding:0; }
  .navbar ul li{ white-space:nowrap; }
}


/* ============================================================
   2026-08-28 Owner：「這樣誰看得懂 對比度也做得太差」
   ------------------------------------------------------------
   (一) 捲動時整列變黑的根因
   捲動容器先前為了處理 iOS 殘影加了 transform:translateZ(0)，等於把它
   提升成獨立的合成層；但那層本身沒有實色背景（只有漸層背景圖），
   儲存格也大多是透明的 —— 捲動時合成器沒重繪就露出黑底，
   看起來就是「隔幾列整條變黑、字還在」。
   做法：拿掉多餘的圖層提升，並讓容器、表格、儲存格都有實色背景。
   透明的東西不要放進會捲動的層裡。
   ============================================================ */
.member-page .pf-scroll,
.faq-list [class*="-table-scroll"], .faq-list [class*="-table-wrapper"],
[class*="-table-scroll"], [class*="-table-wrapper"]{
  transform:none !important; will-change:auto !important;
  background-color:#fff !important;
}
.member-page .box .pf-scroll, .member-page .pf-card .pf-scroll{
  background-color:#fff !important;
}
.member-page .pf-scroll table, .faq-list table, [class*="-table-scroll"] table{
  background-color:#fff;
}
/* 儲存格自己也要有底色：沒有底色的格子在捲動層裡就是那條黑的來源。
   有自訂底色的（斑馬紋、標題列）用各自的規則蓋回去，這裡只補沒有的。 */
.member-page .pf-scroll td, .member-page .pf-scroll th,
[class*="-table-scroll"] td, [class*="-table-scroll"] th{
  background-color:#fff;
}
.member-page .pf-scroll thead th{ background-color:var(--g-panel-2) !important; }
.member-page .pf-scroll tbody td:first-child,
.member-page .pf-scroll tbody th:first-child{ background-color:#fff !important; }
/* 右緣的「可以左右滑」提示：改成漸層＋實色一起給，不要把底色洗成透明 */
.faq-list [class*="-table-scroll"]{
  background-image:linear-gradient(90deg, transparent calc(100% - 24px), rgba(43,32,19,.06) 100%);
}

/* ============================================================
   2026-08-28 Owner：分頁列加上「紅利返水」，並要可以左右移動
   六顆在 390px 放不下，改成可滑動；右緣壓一道漸層告訴使用者還有，
   桌機沒有觸控慣性，另外補了拖曳（腳本在 render.php）。
   ============================================================ */
.pf-tabs-wrap{ position:relative; margin:0 0 18px; }
.pf-tabs-wrap .pf-tabs{ margin:0; padding-right:26px; scroll-behavior:smooth; cursor:grab; }
.pf-tabs-wrap .pf-tabs:active{ cursor:grabbing; }
.pf-tabs-wrap::after, .pf-tabs-wrap::before{
  content:""; position:absolute; top:0; bottom:1px; width:34px;
  pointer-events:none; opacity:0; transition:opacity .15s;
}
.pf-tabs-wrap::after{
  right:0; background:linear-gradient(90deg, rgba(251,248,242,0), var(--g-ink) 78%);
}
.pf-tabs-wrap::before{
  left:0; background:linear-gradient(270deg, rgba(251,248,242,0), var(--g-ink) 78%);
}
.pf-tabs-wrap.has-more::after{ opacity:1; }
.pf-tabs-wrap.has-prev::before{ opacity:1; }

/* 按鈕高度的收尾：前面幾條舊規則寫死了 44/46，排在後面會贏過上面的按鈕系統。
   這段放檔尾統一拉齊，電腦版主要與次要一律 48。 */
@media (min-width:992px){
  .member-page .btn.w-100,
  .member-page .submit-btn,
  .member-page .center > .btn,
  .member-page form .text-center > .btn,
  .member-page .pf-inline .btn,
  .member-page .wd-actions .btn,
  .member-page .inputR .btn,
  .member-page .btn-warning.w-100,
  .member-page [class*="btn100"]:not([class*="btn1009"]){
    min-height:48px !important; height:auto !important;
  }
  /* 卡片裡的次要動作（確認變更之類）也對齊同一個高度 */
  .member-page .box .btn:not(.btn-outline-primary):not(.btn-sm):not([class*="btn100"]){
    min-height:48px !important;
  }
}
@media (min-width:992px){
  /* 前面有一條 .member-page button[type="submit"]{min-height:46px !important}，
     特異性比 .member-page .submit-btn 高，所以要用同一組選擇器才蓋得掉 */
  .member-page button[type="submit"], .member-page input[type="submit"]{
    min-height:48px !important;
  }
}
@media (min-width:992px){
  /* 驗證碼那一列：欄位不要拉滿整張卡，發送鈕才會貼在欄位旁邊，不會被推到最右邊 */
  .member-page .pf-inline{ align-items:flex-end; justify-content:flex-start; }
  .member-page .pf-inline .form-group{
    flex:0 1 420px;
    /* 這一格本來有下內距與底線，box 比輸入框低 22px，發送鈕就對不齊還多一條線 */
    padding-bottom:0 !important; border-bottom:0 !important; margin-bottom:0 !important;
  }
  .member-page .pf-inline .btn{ margin:0 !important; }
}
@media (min-width:992px){
  /* 驗證碼那一列跟下面的送出鈕要留距離，不然兩顆黏在一起 */
  .member-page .pf-inline{ margin-bottom:22px; }
  /* 發送簡訊是輔助動作，跟主要送出鈕長一樣會分不出主次（天條 42） */
  .member-page .pf-inline .btn, .member-page .inputR .btn{
    background:#fff !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
    font-weight:700;
  }
  .member-page .pf-inline .btn:hover, .member-page .inputR .btn:hover{ background:#f3f8ff !important; }
}
@media (min-width:992px){
  /* 一頁只留一顆實心的主要動作，其餘輔助動作用線框（天條 42、55）。
     提領頁的一鏈轉回／查詢點數、轉點頁各場館的回收都屬輔助。 */
  .member-page .wd-actions .btn,
  .member-page .game-cash-box .btn{
    background:#fff !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
  }
  .member-page .wd-actions .btn:hover,
  .member-page .game-cash-box .btn:hover{ background:#f3f8ff !important; }
}


/* ============================================================
   完成註冊（register2）電腦版收版 —— 2026-08-28
   ============================================================ */
@media (min-width:992px){
  /* 兩大塊（快速註冊、填寫資料註冊）收成同一個寬度置中 */
  .member-page .hidden-xs.col-md-12,
  .member-page .rform{
    max-width:660px !important; margin-left:auto !important; margin-right:auto !important;
    float:none !important; flex:0 0 auto !important; width:100% !important;
  }
  .member-page .rform{
    background:#fff; border:1px solid var(--g-line); border-radius:16px;
    padding:24px 30px 28px; margin-top:18px !important;
  }
  /* 「線｜標題｜線」的裝飾線在 BS4 下對不齊，拿掉，標題自己站一行 */
  .member-page .hr2{ display:none !important; }
  .member-page .hidden-xs .col-xs-4,
  .member-page .rform > .col-xs-4{
    width:100% !important; max-width:100% !important; flex:0 0 100% !important;
    padding:0 !important;
  }
  .member-page .hidden-xs h4, .member-page .rform h4{
    text-align:center; font-size:17px; font-weight:900; margin:0 0 14px;
    padding-bottom:10px; border-bottom:1px solid var(--g-line);
  }
  /* 快速註冊的兩顆第三方登入鈕排成一列 */
  .member-page .hidden-xs .col-sm-2{ display:none !important; }
  .member-page .hidden-xs .login2{
    width:auto !important; max-width:none !important; flex:0 0 auto !important;
  }
  .member-page .hidden-xs.col-md-12.row{
    display:flex !important; flex-wrap:wrap; justify-content:center; gap:12px;
  }

  /* 每一列：標籤｜輸入｜必填星號，三欄對齊 */
  .member-page .rform .form-group{
    display:grid !important; grid-template-columns:104px minmax(0,1fr) 12px;
    align-items:center; gap:14px; margin:0 0 14px !important;
    padding:0 0 14px; border-bottom:1px solid var(--g-line-2);
  }
  .member-page .rform .form-group:last-of-type{ border-bottom:0; }
  .member-page .rform .form-group > label{
    margin:0 !important; text-align:right; font-size:16px; font-weight:700;
    color:var(--g-text-dim); white-space:nowrap;
  }
  .member-page .rform .signInput{ width:100% !important; max-width:none !important; margin:0 !important; }
  .member-page .rform .pa{ color:#b02a37; font-weight:700; text-align:center; }
  /* 簡訊驗證碼與圖形驗證碼那兩列，右邊還有一顆鈕／一張圖 */
  .member-page .rform .inputR{
    display:flex !important; align-items:center; gap:10px; min-width:0;
  }
  .member-page .rform .inputR .signInput{ flex:1 1 auto; }
  .member-page .rform .inputR .pa{ flex:0 0 auto; }
  .member-page .rform .inputR .codeimg{ flex:0 0 auto; height:46px; width:auto; border-radius:8px; }
  /* 同意條款那一列不是欄位列，不要套三欄 */
  .member-page .rform p.form-group{
    display:flex !important; align-items:center; justify-content:center; gap:8px;
    border-bottom:0; padding:6px 0 0;
  }
  .member-page .rform p.form-group input[type="checkbox"]{
    width:18px; height:18px; margin:0; flex:0 0 auto;
  }
  .member-page .rform p.center{ margin:18px 0 0; text-align:center; }
}
@media (min-width:992px){
  /* 標籤欄要放得下「輸入簡訊驗證碼」七個字，原本 104px 會被輸入框蓋掉 */
  .member-page .rform .form-group{ grid-template-columns:130px minmax(0,1fr) 12px; }
  .member-page .rform .form-group > label{
    width:auto !important; min-width:0 !important; max-width:none !important;
    overflow:visible; font-size:16px;
  }
  /* 送出是這頁唯一的主要動作，要實心，不能跟輔助鈕長一樣 */
  .member-page .rform p.center > .btn{
    background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
    font-weight:800; letter-spacing:.08em;
  }
  .member-page .rform p.center > .btn:hover{ background:#d7e7fb !important; }
  /* 快速註冊那一段：標題跟兩顆鈕靠近一點 */
  .member-page .hidden-xs.col-md-12.row{ gap:12px; margin-bottom:0 !important; }
  .member-page .hidden-xs h4{ margin-bottom:6px; }
  .member-page .hidden-xs .login2 .btn{ margin:0 !important; }
}

/* ============================================================
   忘記密碼：改成跟登入彈窗同一個樣子（Owner 2026-08-28）
   同一組玻璃卡：半透明白、模糊、22px 圓角、柔光陰影，
   欄位標籤在上、輸入框白底圓角 48 高，主要動作滿版填色。
   手機與電腦都套用。
   ============================================================ */
#page-forget .box.pf-card{
  max-width:420px; margin:0 auto !important;
  background:rgba(255,255,255,.82) !important;
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.75) !important;
  border-radius:22px !important;
  box-shadow:0 24px 60px -20px rgba(43,32,19,.28), inset 0 1px 0 rgba(255,255,255,.9) !important;
  padding:26px 22px 24px !important;
}
#page-forget .pf-h{ text-align:center; border-bottom:0 !important; margin-bottom:4px; }
#page-forget .pf-h::after{ display:none !important; }
#page-forget .pf-note{
  text-align:center; font-size:13.5px; color:var(--g-text-dim);
  margin:0 auto 18px; max-width:32ch; line-height:1.7;
}
#page-forget .group-prepend.form-group{
  display:block !important; border-bottom:0 !important;
  padding:0 !important; margin:0 0 12px !important;
}
#page-forget .group-text{
  display:block; width:auto !important; text-align:left;
  font-size:13.5px; font-weight:700; color:var(--g-text-dim); margin:0 0 6px;
  background:none !important; border:0 !important; padding:0 !important;
}
#page-forget input[type="text"]{
  width:100% !important; min-height:48px; font-size:16px !important;
  background:rgba(255,255,255,.9) !important;
  border:1px solid rgba(43,32,19,.14) !important; border-radius:12px !important;
  padding:0 14px !important;
}
#page-forget input[type="text"]:focus{
  border-color:#b9d4f7 !important; background:#fff !important;
  box-shadow:0 0 0 3px rgba(61,132,230,.16) !important; outline:none;
}
#page-forget .text-center{ margin-top:6px; }
@media (min-width:992px){
  /* 這頁的送出鈕跟著彈窗走：滿版，不套全站那顆 280px */
  #page-forget .btn.w-100, #page-forget form .text-center > .btn{
    width:100% !important; max-width:none !important; min-height:50px !important;
  }
}
/* 忘記密碼：收尾（標題置中、說明寬一點、送出滿版；彈窗沒有會員分頁列，這頁也不要） */
#page-forget .pf-h{ text-align:center !important; }
#page-forget .pf-note{ max-width:40ch; }
#page-forget .btn.w-100, #page-forget form .text-center > .btn{
  width:100% !important; max-width:none !important; min-height:50px !important;
}
#page-forget .pf-tabs-wrap{ display:none !important; }
#page-forget .pf-h{ justify-content:center !important; }


/* ============================================================
   上線前檢視清單的修正（Owner 2026-08-28：改）
   ============================================================ */

/* 1) 底部固定導覽高 73px，頁面沒留下方留白，捲到底最後一段內容永遠被壓著。
      只在有那條導覽的斷點補（電腦版沒有這條列）。 */
@media (max-width:991px){
  body:has(.ft-navbar) main,
  body:has(nav.fixed-bottom) main{ padding-bottom:calc(55px + 16px) !important; }
  /* 舊瀏覽器沒有 :has，補一層保險：會員頁與紀錄頁一律留白 */
  .member-page{ padding-bottom:calc(55px + 16px); }
}

/* 3) 對比不足三處（顏色是算過的，不是估的）
      優惠頁金字 #df9a00 白底 2.40:1 → #8a5f00 5.65:1
      儲值頁的 $ #df9a00 米底 2.13:1 → #a87400 3.61:1（大字需 3）
      側邊選中那顆 #6b6152 灰底 3.23:1 → #2b2013 8.47:1 */
.tj-vip-v4-intro-banner, .tj-vip-v4-intro-banner *{ color:#8a5f00 !important; }
.currency-symbol{ color:#a87400 !important; }
.memberMenu .icon-link li.mb-1,
.memberMenu .icon-link li.mb-1 *{ color:#2b2013 !important; }

/* 4) 公告頁一列拆成兩個 21px 高的連結，指頭很容易點到隔壁那則。
      兩顆都拉到 44px，整列也拉開間距。 */
.member-page .news-list a, .member-page #announcementList a,
.notice a[href*="news"], .member-page li a[href*="news"]{
  min-height:44px; display:flex; align-items:center;
}

/* 5) 頁首 logo 連結只有 26px 高，低於次要連結 32px 的下限 */
header .logo > a{
  display:inline-flex; align-items:center; min-height:34px;
}
@media (max-width:991px){
  /* 前面有 .member .member-page{padding-bottom:0 !important} 與 .member-page.deppost，
     特異性比單一 .member-page 高，要用同層級的選擇器才蓋得掉 */
  .member .member-page, .member-page.deppost, .member-page{
    padding-bottom:calc(55px + 16px) !important;
  }
}
/* 公告清單：日期與標題各是一個連結，原本各 21px 高，指頭容易點錯行。
   兩顆都撐滿所在的儲存格並拉到 44px。 */
.member-page .news-date-text a,
.member-page td[class*="news-"] a,
.member-page tr td a[href*="/News/son/"]{
  display:flex; align-items:center; min-height:44px; width:100%;
}

/* 檢視第二輪的收尾（2026-08-28） */
/* 優惠頁其餘幾塊 banner 的金字，跟 VIP 那塊同一個問題：#df9a00 配白底只有 2.40:1 */
[class^="tj-"] [class*="banner"],
[class^="tj-"] [class*="banner"] *{ color:#8a5f00 !important; }
/* 公告跑馬燈的每一則都是連結，原本 24px 高 */
.marquee-content li a, .marquee-content li{ min-height:44px; display:inline-flex; align-items:center; }
/* 提領單的步驟號碼：#a2988a 配 #f2ece0 只有 2.41:1 */
.member-page .pf-steps span{ color:#6b5a3d !important; }
/* 表單錯誤訊息紅字 4.45:1，差一點點；加深到 5.4:1 */
.invalid-feedback, .member-page .invalid-feedback{ color:#c62030 !important; }
/* 註冊頁的「使用者合約」連結只有 26px 高 */
.member-page .rform p.form-group a, .member-page .rform p.form-group span{
  min-height:32px; display:inline-flex; align-items:center;
}
/* 注意事項的圓點 #e0798a 在粉底上只有 2.57:1；圓點是裝飾，但仍算文字節點 */
[class*="-note-dot"], [class*="-v3-dot"]{ color:#a33a4e !important; }
/* 關卡數字 4.12:1，差一點 */
[class*="tj-"] [class*="-step-count"], [class*="tj-"] [class*="-count"]{ color:#6b4f0e !important; }
[class*="-highlight-gold"]{ color:#7d5600 !important; }
/* 前面有 .faq-list [class*="-note-dot"] 這種 0,2,0 的規則，選擇器要同層級才蓋得掉 */
.faq-list [class*="-note-dot"], .faq-list [class*="-v3-dot"]{ color:#a33a4e !important; }
.faq-list [class*="-highlight-gold"]{ color:#7d5600 !important; }

/* 下方留白疊加（Owner 2026-08-28：會員中心這間距太大）。
   儲值／紅利儲值這類頁面本來就在 .prestige-deposit-scope 上留了 161px，
   要讓內容清掉「固定送出列 78px ＋ 底部導覽 73px」；我後來又在 .member-page
   補了 88px，兩層加起來 249px，底下就空出一大塊。
   有固定送出列的頁面不要再補第二層。 */
@media (max-width:991px){
  .member-page:has(.fixed-bottom-bar),
  .member .member-page:has(.fixed-bottom-bar){
    padding-bottom:0 !important;
  }
}
@media (min-width:992px){
  /* 送出鈕是 inline-flex，margin:auto 對行內元素不生效，要靠父層置中 */
  .fixed-bottom-bar, .footer-bar{ text-align:center !important; }
}

/* 手機版：送出列離底部導覽一點距離，不要緊貼（Owner 2026-09-01）。
   實測原本 bottom:73px，剛好壓在導覽列上緣，看起來像連在一起。 */
@media (max-width:991px){
  .fixed-bottom-bar{ bottom:calc(55px + 12px) !important; }
  .prestige-deposit-scope{ padding-bottom:calc(145px + 12px) !important; }
}

/* ── 字級規則：一般文字 16px、標題 24px（Owner 2026-09-01）─────────
   量到 658 個節點在 16px 以下（13～15px 是大宗），內文太小。
   這裡把會員區的一般文字拉到 16、標題統一 24。
   排除的是介面零件不是內文：底部導覽標籤、角標、徽章、按鈕上的英文小字。 */
.member-page,
.member-page p,
.member-page li,
.member-page td,
.member-page th,
.member-page label,
.member-page dd,
.member-page dt,
.member-page .info,
.member-page .pf-sub,
.member-page .pf-linkdesc,
.member-page .pf-card span,
.member-page .pf-card div,
.member-page .pf-card a,
.member-page .pf-field span,
.member-page .pf-field div{
  font-size:16px !important;
  line-height:1.7 !important;
}

/* 標題一律 24px，字重拉開層級（天條 42：不能只靠字級） */
.member-page .pf-title,
.member-page .pf-h,
.member-page h1,
.member-page h2,
.member-page h3,
.member-page h4{
  font-size:24px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* 例外：這些不是一般文字，維持原本尺寸 */
.member-page .ft-navbar *,
.member-page .fixed-bottom *,
.member-page .badge,
.member-page .badge *,
.member-page .brand-icon,
.member-page small,
.member-page sup,
.member-page .pf-tabs a{
  font-size:revert !important;
  line-height:revert !important;
}

/* 分頁列自己一組：比內文小一點才排得下六顆，但不低於 15 */
.member-page .pf-tabs a{ font-size:16px !important; }

/* ── 字級第二輪（Owner 2026-09-01）：內文類一律 16px ─────────────
   第一輪只蓋到卡片與欄位底下，這些元件自成一格所以漏掉。
   刻意不動的在最下面那組，都是介面零件不是內文。 */
.member-page .pf-who span,
.member-page .pf-stat span,
.member-page .pf-bind,
.member-page .pf-points-num span,
.member-page .pf-field label,
.member-page .pf-val,
.member-page .pf-links,
.member-page .pf-statgrid span,
.member-page .pf-sample,
.member-page .pf-upload-btn,
.member-page .pf-upload-name,
.member-page .form-group label,
.member-page .else-btn span,
.member-page em,
.member-page .note,
.member-page .notice,
.member-page ul li,
.member-page ol li{
  font-size:16px !important;
  line-height:1.7 !important;
}

/* 表格內容也是內文 */
.member-page .pf-scroll table td,
.member-page .pf-scroll table th{
  font-size:16px !important;
}

/* 標題補齊：彈窗與區塊標題也是 24（天條 42：層級要拉開） */
.member-page .modal-title,
.member-page .section-title,
.member-page h5{
  font-size:24px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
}

/* ── 刻意維持原尺寸的介面零件 ───────────────────────────────
   這些放大到 16 會擠爆版面，也不是給人閱讀的內文：
   分頁列（六顆要排得下）、底部固定導覽、頁首登入登出鈕、
   角標／徽章、狀態警語小字。 */
.member-page .pf-tabs a{ font-size:16px !important; }
.member-page .pf-warn,
.member-page .pf-chip{ font-size:16px !important; }

/* ── 字級第三輪（Owner 2026-09-01）：導覽與選單也是要讀的字 ──────
   量到剩下的小字集中在導覽、選單、按鈕標籤，一併拉到 16。 */
.ft-nav .ft-link div,
.ft-navbar .ft-link div,
ul.menu-link li a div,
ul.menu-link li a span,
li.u-login .link .Wbtn div,
li.u-login .u-info .uuid div,
li.u-login .u-info .uucash div,
.member-page .quick-grid .quick-btn,
.member-page .pf-tabs a,
.navbar .btn-login,
.navbar .btn-register,
.navbar-bg .btn-login,
.navbar-bg .btn-register{
  font-size:16px !important;
}

/* 底部導覽六格等分，字大了圖示要收一點才排得下 */
.ft-nav .ft-link img,
.ft-navbar .ft-link img{ max-height:20px; }

/* ── 字級第四輪（Owner 2026-09-01）：側欄與抽屜選單 ──────────────
   第三輪的選擇器綁了 ul.menu-link，但有幾組 ul 沒帶那個 class 所以漏掉。 */
li.mb-1 > a > div,
li.mb-1 > a > div > span,
li.d-md-none > a > div,
li.d-none > a > div,
li.u-login a > div,
.m-taggle-bar a,
.member-page .member-top .m-taggle-bar a{
  font-size:16px !important;
}
/* 優惠頁的說明內文也是內文 */
[class*="tj-"][class*="-note"],
[class*="tj-"][class*="-desc"],
[class*="tj-"][class*="-label"]{
  font-size:16px !important;
}

/* ── 字級第五輪（Owner 2026-09-01）：會員側欄選單 ────────────────
   前一輪用 li.mb-1 > a > div 蓋不掉，原規則特異性更高。
   改成跟著實際結構寫滿：div.member-menu_web ... ul li a div。 */
div.member-menu_web div.memberMenu ul li a div,
div.member-menu_web div.memberMenu ul li a span,
div.member-menu_web div.memberMenu div.icon-link ul li a div,
div.member-menu_web div.memberMenu div.icon-link ul li a span,
div.member-menu_web ul.menu-link li a div{
  font-size:16px !important;
}

/* ── 字級收尾（Owner 2026-09-01）─────────────────────────────────
   側欄選單各層 class 不一致，逐條追會沒完沒了。
   整塊統一 16（裡面本來就沒有比 16 大的字），圖示不受影響。 */
html body div.member-menu_web *:not(img):not(i):not(svg){
  font-size:16px !important;
}
html body div.info.d-md-none{ font-size:16px !important; }

/* ── 字級最終（Owner 2026-09-01）：優惠頁與零星幾處 ──────────────
   剩下的小字集中在優惠頁的表格與區塊標題，還有幾個綁定狀態、日期篩選鈕。
   只留兩種例外：純裝飾的圓點與編號圓圈（放大會破版，也不是給人讀的字）。 */
[class*="tj-"] td, [class*="tj-"] th,
[class*="tj-"] p, [class*="tj-"] li, [class*="tj-"] span,
[class*="tj-"] div:not([class*="note-dot"]):not([class*="circle-num"]),
.pf-bind span, .pf-bind,
.member-page .btn-outline-primary,
.member-page .btn.btn-outline-pri,
.member-page small.pf-warn,
.counterup h2, .counterup span{
  font-size:16px !important;
}
[class*="tj-"] h1, [class*="tj-"] h2, [class*="tj-"] h3,
[class*="tj-"][class*="main-title"],
.counterup h2.title, .section-title h2{
  font-size:24px !important;
  font-weight:700 !important;
}

/* .row.counterup h2 收尾：那三個是區塊標題，照 24（Owner 2026-09-01） */
.row.counterup h2{ font-size:24px !important; }
.nav-link.active, .nav-link{ font-size:16px !important; }
span:not([class]){ }

/* 零星收尾（Owner 2026-09-01）：日期篩選鈕與頁尾品牌字也拉到 16 */
.btn-outline-pri, .btn.btn-outline-pri, button.btn-outline-pri{ font-size:16px !important; }
footer span, .footer span, .foot-copy, .foot-copy span{ font-size:16px !important; }

/* btn-outline 收尾：實際 class 是 btn-outline-primary，用包含比對才蓋得到 */
button[class*="btn-outline"], a[class*="btn-outline"]{ font-size:16px !important; }

/* ── 字級真的收尾（Owner 2026-09-01）──────────────────────────────
   剩下的幾處：日期篩選鈕、總資產標籤、注意事項裡的粗體小標。
   用 html body 前綴把特異性拉高，免得又被別條 !important 蓋掉。 */
html body button[class*="btn-outline"],
html body a[class*="btn-outline"],
html body .btn-sm,
html body button.btn.btn-sm,
html body .cash-add,
html body .member-page .box b,
html body .member-page .pf-card b,
html body .member-page ul li b{
  font-size:16px !important;
}

/* 表格與粗體收尾（Owner 2026-09-01）：表格內容與說明裡的粗體小標也是一般文字 */
html body table td, html body table th{ font-size:16px !important; }
html body .box b, html body .content b, html body li b{ font-size:16px !important; }


/* ── 底部導覽收留白（Owner 2026-09-01）─────────────────────────
   原本圖示上面空了 24px，太鬆。收到 6px，圖示與文字之間 4px，
   文字下方留 8px 不貼邊。整條 <a> 仍保持 44px 以上的觸控目標（天條 34）。 */
.ft-navbar, nav.fixed-bottom, .fixed-bottom.ft-navbar{
  padding-top:6px !important;
  padding-bottom:5px !important;
}
.ft-navbar ul, nav.fixed-bottom ul,
.ft-navbar li, nav.fixed-bottom li{
  padding-top:0 !important;
  margin-top:0 !important;
}
.ft-navbar .ft-link, nav.fixed-bottom .ft-link,
.ft-navbar li > a, nav.fixed-bottom li > a{
  padding-top:0 !important;
  padding-bottom:0 !important;
  min-height:44px;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.ft-navbar .ft-link img, nav.fixed-bottom .ft-link img,
.ft-navbar li > a img, nav.fixed-bottom li > a img{
  margin-bottom:0 !important;
  margin-top:0 !important;
}

/* 導覽高度改為 55px 之後，底部留白跟著收（原本按 73px 算） */
@media (max-width:991px){
  .member-page{ padding-bottom:calc(55px + 16px) !important; }
  .member-page:has(.fixed-bottom-bar),
  .member .member-page:has(.fixed-bottom-bar){ padding-bottom:0 !important; }
}

/* ══ 底部導覽 A 版：貼底深色條（Owner 2026-09-01 改選 A）══════════
   深色條維持站上原本的調性，只把「目前所在頁」做出來：
   頂端一道金線 + 圖示與文字一起提亮。沒有凸出的元件，內容不必額外讓位。 */
.ft-navbar, nav.fixed-bottom{
  background:linear-gradient(180deg,#241b10,#1c160e) !important;
  border-top:1px solid rgba(216,163,56,.3) !important;
}
.ft-navbar .ft-link, nav.fixed-bottom .ft-link{
  color:#c9b490 !important;
  position:relative;
}
.ft-navbar .ft-link img, nav.fixed-bottom .ft-link img{
  filter:invert(1) brightness(1.05) !important;
  opacity:.72;
}

/* 目前所在頁 */
.ft-navbar .ft-link.pf-here, nav.fixed-bottom .ft-link.pf-here{
  color:#f0c76a !important;
}
.ft-navbar .ft-link.pf-here img, nav.fixed-bottom .ft-link.pf-here img{
  filter:invert(1) brightness(1.35) !important;
  opacity:1;
}
.ft-navbar .ft-link.pf-here::before, nav.fixed-bottom .ft-link.pf-here::before{
  content:"";
  /* 金線要在深色條裡面貼著上緣，-6 會跑到條子外面壓在頁面上 */
  position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:30px; height:2px;
  background:#d8a338; border-radius:0 0 2px 2px;
}

/* 沒有 FAB，回到單純的導覽高度 */
@media (max-width:991px){
  .member-page{ padding-bottom:calc(55px + 16px) !important; }
  .member-page:has(.fixed-bottom-bar),
  .member .member-page:has(.fixed-bottom-bar){ padding-bottom:0 !important; }
  .fixed-bottom-bar{ bottom:calc(55px + 12px) !important; }
  .prestige-deposit-scope{ padding-bottom:calc(145px + 12px) !important; }
}

/* ── 平板內容欄伸縮（天條 36）─────────────────────────────────
   .container 是 flex，側欄固定 200px，內容欄沒設 flex 就不會長大：
   1024px 時中間會空掉 224px。給它 flex:1 1 auto + min-width:0，
   剩餘空間讓 flex 自己算，既不溢出也不留空。 */
@media (min-width:768px){
  .member .container > .member-page,
  .container > .member-page{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .member .container > .member-menu_web,
  .container > .member-menu_web{
    flex:0 0 auto !important;
  }
}

/* ── 頁首折行時自己長高（天條 36）─────────────────────────────
   站上把 #header 寫死 70/85px（gr66-base.css，來自原始 style.css）。
   992px 以上，導覽連結加帳號區排不下一行就折成兩列，
   內容 110～167px 塞進固定高度會往上溢出被切掉（實測 top 是負的，
   992～1180 與 1200～1439 都會）。
   所以不分段，992 以上一律讓它自己長高，並把折行後的兩列壓緊。 */
@media (min-width:992px){
  #header, .navbar-bg{
    height:auto !important;
    min-height:70px;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
  #navbar > ul, .navbar-bg ul{
    flex-wrap:wrap !important;
    row-gap:4px;
    align-items:center;
  }
  /* li 原本 85px 高（含下拉觸發區），折成兩列就 170 起跳，收掉 */
  #navbar > ul > li{ height:auto !important; }
  #navbar .nav-link{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
}

/* ── 平板細修（天條 36、55）───────────────────────────────────
   1. 更多服務那組磁磚寫死兩欄 240px，三顆就會留一顆落單尾巴。
      改成自動填欄，820px 排三顆、窄一點排兩顆。
   2. 側欄「帳戶管理」底下空了 64px：那是一個空的連結 ——
      它裡面的說明文字是 d-md-none，768px 以上被藏起來，
      但連結本身還在、還吃了 44px 的觸控高度。連結一起收掉。 */
.pf-tiles{
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)) !important;
}
@media (min-width:768px){
  .member-menu_web li > a:has(> .info.d-md-none){ display:none !important; }
}

/* ── 底部導覽比例重配（Owner 2026-09-01）─────────────────────────
   根因：標籤的 line-height 被設成 0，盒高也是 0 ——
   字是溢出到盒外才看得到的，垂直置中卻照「0 高的盒子」在算，
   結果圖示偏上、文字偏下，下方看起來空一塊。
   給標籤真正的行高之後再配：圖示 20 ＋ 間距 3 ＋ 文字 18 = 41，
   上下各 6，觸控目標仍保 44 以上。 */
.ft-navbar, nav.fixed-bottom{
  /* 不加 env(safe-area-inset-bottom)：站上原本只有 #footer 用它，底部導覽從來沒有。
     我加上去之後 iPhone 會多出 34px，桌機無頭瀏覽器卻量到 0，所以一直沒發現。 */
  /* 高度交回自動：原本被寫死 55px，但 li 自己 55.4px 會溢出去，
     結果下內距等於沒作用，看起來就是「上下不對、下面空一塊」 */
  height:auto !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
}
.ft-navbar ul, nav.fixed-bottom ul{
  height:auto !important;
  align-items:stretch !important;
}
.ft-navbar li, nav.fixed-bottom li{
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  /* li 是行內容器時會留下行高造成的空隙，本來想改成 flex 收掉，
     但 display:flex !important 會把 .d-none（Menu／Close／登出）一起叫出來、
     還互相重疊 —— 只對「沒有被隱藏的」那些生效。 */
  line-height:0 !important;
}
.ft-navbar li:not(.d-none), nav.fixed-bottom li:not(.d-none){
  display:flex !important;
}
.ft-navbar li > a, nav.fixed-bottom li > a{ flex:1 1 auto; }
.ft-navbar .ft-link, nav.fixed-bottom .ft-link{
  gap:4px !important;
  padding:0 !important;
  min-height:44px;
  justify-content:center;
}
.ft-navbar .ft-link > div, nav.fixed-bottom .ft-link > div{
  line-height:1.15 !important;
  font-size:16px !important;
  display:block;
  /* 標籤自己帶外距，gap 就被墊高了，圖到字量到 7px 而不是設定的 4 */
  margin:0 !important;
  padding:0 !important;
}
.ft-navbar .ft-link img, nav.fixed-bottom .ft-link img{
  height:20px !important;
  max-height:20px !important;
  margin:0 !important;
  display:block;
}

/* ============================================================
   會員中心分頁列改版（Owner 2026-09-02）
   原本六顆橫向捲動，最後兩顆永遠被切在畫面外，看起來像被擠壓。
   改成六等分、圖示在上文字在下，一次全部看得到，不再捲動。
   圖示尺寸與底部導覽對齊（24×20），視覺上是同一種語言。
   ============================================================ */
.pf-tabs-wrap{ margin:0 0 18px !important; }
.pf-tabs-wrap::before, .pf-tabs-wrap::after{ display:none !important; }

.pf-tabs{
  display:flex !important;
  overflow:visible !important;
  white-space:normal !important;
  gap:0 !important;
  padding:0 !important;
  cursor:auto !important;
}
.pf-tabs a{
  flex:1 1 0 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  padding:8px 2px 10px !important;
  text-align:center;
}
.pf-tabs a img{
  width:24px; height:20px; object-fit:contain;
  display:block; margin:0;
  /* 未選取的降到跟文字一樣的灰度，選取的才是實色 —— 六顆一起實色會太吵 */
  opacity:.45; transition:opacity .15s;
}
.pf-tabs a.on img{ opacity:1; }
.pf-tabs a span{
  /* 四個字要塞進六分之一的寬度：390 螢幕一格 60px。
     實測 15px 的四個字是 59px —— 等於整格，兩顆之間一點空隙都不剩，就是黏在一起。
     13px 量到 51px，左右各留得出 4px 的呼吸。 */
  font-size:13px; line-height:1.15; letter-spacing:-.02em;
  white-space:nowrap;
}
/* 更窄的機子（360 以下）再降一級，寧可小一點也不要黏住 */
@media (max-width:374px){
  .pf-tabs a span{ font-size:12px; }
  .pf-tabs a img{ width:22px; height:18px; }
}
/* 這條底線本來只有文字寬，改成整格寬才對得上六等分 */
.pf-tabs a.on::after{ left:6px !important; right:6px !important; }

/* ============================================================
   動作頁下方的「最近紀錄」（Owner 2026-09-02 規劃）
   儲值紀錄接在儲值頁的注意事項下方、提領紀錄接在出售規則下方，
   只放最近幾筆，完整查詢仍在原本的紀錄頁。
   ============================================================ */
.pf-recent .pf-recent-table{ margin:0; font-size:14px; }
.pf-recent .pf-recent-table th{ font-weight:700; white-space:nowrap; }
.pf-recent .pf-recent-table td{ vertical-align:middle; white-space:nowrap; }
.pf-recent .pf-num{ font-variant-numeric:tabular-nums; }
.pf-recent .pf-state{
  display:inline-block; padding:2px 9px; border-radius:999px;
  font-size:13px; font-weight:700; line-height:1.6;
}
.pf-recent .pf-state.ok  { background:#e6f4ec; color:#22694a; }
.pf-recent .pf-state.wait{ background:#fdeeea; color:#9b3b26; }
.pf-recent-empty{
  margin:0; padding:18px 2px; text-align:center;
  color:var(--g-text-dim); font-size:15px;
}
/* 「看全部紀錄」是次要動作，做成整列的邊框鈕，不跟主要按鈕搶 */
.pf-recent-more{
  display:block; margin-top:14px; padding:11px 0;
  text-align:center; border:1px solid var(--g-line); border-radius:10px;
  font-size:15px; font-weight:700; text-decoration:none;
  min-height:44px; line-height:22px;
}
.pf-recent-more:hover{ background:rgba(216,163,56,.08); text-decoration:none; }

/* 一列一筆的紀錄清單（取代表格，390 螢幕不用橫向捲） */
.pf-rec-list{ list-style:none; margin:0; padding:0; }
.pf-rec-row{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 2px; border-top:1px solid var(--g-line);
}
.pf-rec-row:first-child{ border-top:0; padding-top:4px; }
.pf-rec-l{ min-width:0; }
.pf-rec-time{ font-size:15px; font-weight:700; line-height:1.35; }
.pf-rec-sub{ font-size:13px; color:var(--g-text-dim); line-height:1.4; margin-top:2px; }
.pf-rec-r{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.pf-rec-amt{ font-size:16px; font-weight:900; font-variant-numeric:tabular-nums; }

/* 紀錄區塊自己帶卡片外觀 —— 優惠頁不在會員版型裡，吃不到 .box.pf-card 那組，
   不補這段就會變成一塊沒有底的浮字。數值抄自會員頁量到的實測值。 */
.pf-recent{
  background:#fff !important;
  border:1px solid #e8e3d3 !important;
  border-radius:16px !important;
  padding:22px 18px !important;
  box-shadow:0 10px 26px -14px rgba(43,32,19,.35) !important;
  margin-top:18px !important;
}

/* ============================================================
   公告跑馬燈的字被上下切掉（Owner 2026-09-02）
   .marquee-wrapper 是 26px 高又 overflow:hidden，但裡面的 li 被
   觸控目標那條規則撐成 44px —— 差 18px 就從上下兩端切掉。
   窗口拉到 44 對齊 li，外層那條帶子跟著長高。
   ============================================================ */
.mq-section{ height:auto !important; padding:8px 0 !important; }
.top-bar{ height:auto !important; }
.marquee-wrapper{ height:44px !important; display:flex; align-items:center; }
.marquee-content{ align-items:center; }

/* ============================================================
   返回按鈕做進共用元件，每頁都有（Owner 2026-09-02）
   原本只有部分頁面在 .member-top 裡有一顆；那顆留著會變兩顆，收掉。
   ============================================================ */
.pf-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin:0 0 4px;
}
.pf-head .pf-title{ margin:0 !important; }
.pf-back{
  flex:0 0 auto;
  display:inline-flex; align-items:center; gap:6px;
  min-height:44px; padding:0 16px;
  border:1px solid var(--g-line); border-radius:999px;
  background:#fff; font-size:15px; font-weight:700;
  text-decoration:none; white-space:nowrap;
}
.pf-back:hover{ background:rgba(216,163,56,.10); text-decoration:none; }
.pf-back span{ font-size:17px; line-height:1; }
/* 各頁自己那顆返回（.member-top 右半）收掉，全站只留共用元件這一顆。
   但只在「這一頁真的有共用那顆」時才收 —— account_sell 這類沒載入
   member_tabs 的頁面只有自己那顆，一律收掉會變成整頁沒有返回。 */
:has(.pf-back) .member-top .m-taggle-bar{ display:none !important; }

/* 沒載入共用元件、只有自己那顆返回的頁面（account_sell、deposit、gift_new…）：
   那顆量到 36px，差 8px 不到觸控下限，補到 44（天條 34）。 */
.member-top .m-taggle-bar a{
  display:inline-flex !important; align-items:center; gap:6px;
  min-height:44px !important; height:auto !important; padding:0 14px !important;
  border:1px solid var(--g-line); border-radius:999px;
  background:#fff; font-weight:700; text-decoration:none;
}
.member-top .m-taggle-bar a:hover{ background:rgba(216,163,56,.10); text-decoration:none; }

/* ============================================================
   信用卡綁定欄位（Owner 2026-09-02，member_bank.card_number1/2/3）
   ============================================================ */
.pf-cardno{
  font-variant-numeric:tabular-nums;
  letter-spacing:.06em;
}
.pf-field{ position:relative; }
/* 卡別在輸入框右側，認出來才顯示，認不出就不佔位置 */
.pf-cardbrand{
  position:absolute; right:12px; bottom:12px;
  font-size:12.5px; font-weight:900; letter-spacing:.06em;
  color:var(--g-text-dim); pointer-events:none;
}
.pf-cardmask{ font-variant-numeric:tabular-nums; letter-spacing:.08em; }
.pf-note{
  margin:2px 0 14px; font-size:13.5px; line-height:1.6;
  color:var(--g-text-dim);
}
/* 警語排在「確認變更」下方（Owner 2026-09-02）：按鈕是靠右的，
   警語要回到整列起頭，不然會被誤讀成按鈕的說明。 */
.pf-note-after{ clear:both; margin:14px 0 0; }

/* ============================================================
   紅利返水改成「每小時自動派發」（Owner 2026-09-02 提案）
   ============================================================ */
.rb-big{ display:flex; align-items:baseline; gap:4px; margin:4px 0 2px; }
.rb-big .rb-cur{ font-size:24px !important; font-weight:900; color:var(--g-gold); }
.rb-big b{ font-size:44px !important; font-weight:900; line-height:1.1; letter-spacing:-.02em;
  font-variant-numeric:tabular-nums; }
.rb-next{ margin:0 0 16px; font-size:14px !important; color:var(--g-text-dim); line-height:1.6; }
.rb-next b{ color:var(--g-text); font-weight:700; }

/* 三個廳各一列：名稱、金額、下面小字放有效投注 */
.rb-parts{ display:grid; gap:0; }
.rb-part{
  display:grid; grid-template-columns:1fr auto; gap:2px 12px;
  padding:12px 2px; border-top:1px solid var(--g-line); align-items:baseline;
}
.rb-pname{ font-size:16px; font-weight:700; }
.rb-pamt{ font-size:18px !important; font-weight:900; font-variant-numeric:tabular-nums; }
.rb-pwash{ grid-column:1/-1; font-size:13px !important; color:var(--g-text-dim); }

/* 派發紀錄：一天一列，點開看每小時 */
.rb-day{ border-top:1px solid var(--g-line); }
.rb-day:first-of-type{ border-top:0; }
.rb-daybtn{
  width:100%; min-height:52px; padding:12px 2px;
  display:grid; grid-template-columns:1fr auto 20px; gap:12px; align-items:center;
  background:none; border:0; text-align:left; cursor:pointer; font-family:inherit;
}
.rb-date{ font-size:16px; font-weight:700; }
.rb-date em{ font-style:normal; font-size:13px; font-weight:400;
  color:var(--g-text-dim); margin-left:8px; }
.rb-daysum{ font-size:17px !important; font-weight:900; font-variant-numeric:tabular-nums; }
.rb-caret{ width:20px; height:20px; position:relative; }
.rb-caret::before{
  content:""; position:absolute; left:4px; top:6px;
  width:8px; height:8px; border-right:2px solid var(--g-text-dim);
  border-bottom:2px solid var(--g-text-dim); transform:rotate(45deg);
  transition:transform .18s;
}
.rb-day.on .rb-caret::before{ transform:rotate(-135deg); top:9px; }

.rb-hours{ list-style:none; margin:0; padding:0; display:none; }
.rb-day.on .rb-hours{ display:block; }
.rb-hours li{
  display:grid; grid-template-columns:auto 1fr; gap:2px 12px;
  padding:10px 2px 10px 14px; border-top:1px dashed var(--g-line);
  border-left:2px solid var(--g-gold); margin-left:2px;
}
.rb-t{ font-size:15px; font-weight:700; font-variant-numeric:tabular-nums; }
.rb-hamt{ font-size:15px; font-weight:900; text-align:right;
  font-variant-numeric:tabular-nums; }
.rb-detail{ grid-column:1/-1; font-size:13px !important; color:var(--g-text-dim); }

@media (min-width:768px){
  .rb-part{ grid-template-columns:160px 120px 1fr; align-items:baseline; }
  .rb-pwash{ grid-column:auto; text-align:right; }
  .rb-hours li{ grid-template-columns:70px 110px 1fr; align-items:baseline; }
  .rb-hamt{ text-align:left; }
  .rb-detail{ grid-column:auto; text-align:right; }
}

/* 那天沒有投注就沒有明細，點開是空的 —— 不給箭頭也不給游標，
   免得客人以為壞掉。 */
.rb-day.empty .rb-caret{ display:none; }
.rb-day.empty .rb-daybtn{ cursor:default; }
.rb-day.empty .rb-date, .rb-day.empty .rb-daysum{ color:var(--g-text-dim); }

/* 上面那組字級被 `html body .box b{font-size:16px !important}` 壓掉了 ——
   兩邊都 !important，就由選擇器權重決定，那條是 0,1,3 比 .rb-big b 的 0,1,1 高。
   這裡把權重墊到 0,2,3 以上才蓋得過去。（用 CDP 問過瀏覽器才確定是這條） */
html body .box .rb-big b{ font-size:44px !important; }
html body .box .rb-big .rb-cur{ font-size:24px !important; }
html body .box .rb-part b.rb-pamt{ font-size:18px !important; }
html body .box .rb-day b.rb-daysum{ font-size:17px !important; }
html body .box .rb-hours b.rb-hamt{ font-size:15px !important; }

/* ── 返水頁「改清楚版」（Owner 2026-09-02）────────────────────
   讓客人不用問的三個手段：狀態標（已入錢包）、下次派發獨立一列、
   每廳直接寫算式 投注×比例=金額。 */
.rb-badge{
  align-self:center; margin-left:6px;
  padding:3px 12px; border-radius:999px;
  background:#e6f4ec; color:#22694a;
  font-size:13px !important; font-weight:700; white-space:nowrap;
}
.rb-clock{
  display:grid; grid-template-columns:auto auto 1fr; gap:4px 10px;
  align-items:baseline; padding:12px 14px; margin:0 0 16px;
  background:rgba(216,163,56,.08); border:1px solid rgba(216,163,56,.28);
  border-radius:12px;
}
.rb-clock span{ font-size:14px; font-weight:700; color:var(--g-text-dim); }
html body .box .rb-clock b{ font-size:22px !important; font-weight:900;
  font-variant-numeric:tabular-nums; }
.rb-clock em{ font-style:normal; font-size:13px; color:var(--g-text-dim);
  text-align:right; }
@media (max-width:420px){
  .rb-clock{ grid-template-columns:auto 1fr; }
  .rb-clock em{ grid-column:1/-1; text-align:left; }
}
.rb-parthead{
  font-size:14px; font-weight:700; color:var(--g-text-dim);
  padding:2px 2px 8px;
}
/* 算式那一列：名稱｜投注×比例｜=金額，手機直式兩行 */
.rb-part{ grid-template-columns:auto 1fr; }
.rb-formula{ grid-column:1/-1; font-size:14px !important; color:var(--g-text-dim);
  font-variant-numeric:tabular-nums; order:3; }
.rb-part .rb-pname{ order:1; }
.rb-part .rb-pamt{ order:2; text-align:right; }
@media (min-width:768px){
  .rb-part{ grid-template-columns:90px 1fr 130px; }
  .rb-formula{ grid-column:auto; order:2; }
  .rb-part .rb-pamt{ order:3; }
}
.rb-count{ display:block; font-size:12.5px !important; font-weight:400;
  color:var(--g-text-dim); margin-top:1px; }

/* ── 返水主視覺卡：深底金字（Owner 2026-09-02，配色跟底部導覽同一組）──── */
.rb-hero{
  background:#fff;
  border:1px solid #e8e3d3;
  border-radius:16px;
  padding:22px 18px 16px;
  margin-bottom:16px;
  box-shadow:0 10px 26px -14px rgba(43,32,19,.35);
  color:var(--g-text);
  position:relative; overflow:hidden;
}
/* 右上一圈淡金光暈，不搶主數字 */
.rb-hero::before{
  content:""; position:absolute; right:-70px; top:-70px;
  width:220px; height:220px; border-radius:50%;
  background:radial-gradient(closest-side, rgba(216,163,56,.12), transparent);
  pointer-events:none;
}
.rb-hero-top{ display:flex; align-items:center; justify-content:space-between; }
.rb-hero-label{
  font-size:14px !important; font-weight:700; letter-spacing:.12em;
  color:var(--g-text-dim);
}
.rb-hero .rb-badge{
  margin:0; background:#e6f4ec; color:#22694a;
  border:1px solid rgba(34,105,74,.25);
}
.rb-hero .rb-big{ margin:10px 0 16px; }
html body .rb-hero .rb-big b{
  font-size:52px !important; color:var(--g-text);
}
html body .rb-hero .rb-cur{ font-size:26px !important; color:var(--g-gold); }

/* 派發時間：兩格並排 */
.rb-hero .rb-clock{
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
  background:rgba(216,163,56,.08); border:1px solid rgba(216,163,56,.28);
  border-radius:12px; padding:12px 14px; margin:0 0 8px;
}
.rb-clock-cell{ display:grid; gap:2px; }
.rb-clock-cell span{ font-size:12.5px !important; color:var(--g-text-dim);
  letter-spacing:.06em; }
html body .rb-hero .rb-clock-cell b{
  font-size:17px !important; font-weight:900; color:var(--g-text);
  font-variant-numeric:tabular-nums;
}

/* 廳別列：名稱｜算式｜金額，同一行 */
.rb-hero .rb-part{
  display:grid; grid-template-columns:auto 1fr auto; gap:12px;
  align-items:baseline; padding:12px 2px;
  border-top:1px solid var(--g-line);
}
.rb-hero .rb-pname{ font-size:15px !important; font-weight:700; color:var(--g-text); order:0; }
.rb-hero .rb-formula{
  grid-column:auto; order:0; text-align:right;
  font-size:13px !important; color:var(--g-text-dim);
  font-variant-numeric:tabular-nums;
}
html body .rb-hero .rb-pamt{
  font-size:17px !important; font-weight:900; color:var(--g-text); order:0;
  font-variant-numeric:tabular-nums; text-align:right; min-width:74px;
}
.rb-hero-note{
  margin:10px 0 0; font-size:12.5px !important;
  color:var(--g-text-dim); text-align:center; letter-spacing:.04em;
}
@media (max-width:374px){
  html body .rb-hero .rb-big b{ font-size:44px !important; }
  .rb-hero .rb-formula{ font-size:12px !important; }
}

/* 儲值方式清單的圖示比例（Owner 2026-09-02）：
   量到盒 44×44、svg 只有 21×21 —— 圖形不到盒子的一半，看起來像縮在中間。
   svg 拉到 26，比例約 0.6 才正常；子選項的小圓標也一起對齊。 */
.payment-item .icon-box{ width:44px; height:44px; border-radius:12px; }
/* 頁內 style 用 .prestige-deposit-scope 前綴（0,2,1 → 它其實同權重但排後面贏），
   這裡墊一層同前綴蓋回去 */
.prestige-deposit-scope .payment-item .icon-box svg{ width:26px !important; height:26px !important; }
.sub-payment-item .brand-icon{ width:28px; height:28px; font-size:12px; }

/* 快速日期鈕按下的亮起狀態（遊戲紀錄頁，Owner 2026-09-02） */
.btn-group1 .btn.on, #toDay.on, #yeDay.on, #toWeek.on, #yeWeek.on, #toMonth.on, #ymMonth.on{
  background:rgba(216,163,56,.14) !important;
  border-color:var(--g-gold) !important;
  color:#7a5a10 !important;
  font-weight:900;
}

/* Owner 2026-09-02 裁示：彈出視窗不滿版，高度約七五成 */
#authModal .modal-box, .authModal .modal-box{ max-height:75vh !important; }

/* ── 登入彈窗：第三方登入那列（Owner 2026-09-02 回報跑版）──────────
   原本是「標籤 + 兩顆鈕」三欄格線，390px 以下塞不下就折行；
   註冊分頁更明顯，LINE 會掉到下一行。改成標籤獨立一行、兩顆等寬並排。 */
.authModal .login-else-box{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  align-items:center;
}
.authModal .login-else-box span{
  grid-column:1 / -1 !important;
  text-align:center; margin-bottom:2px;
}
.authModal .login-else-box a{
  width:100% !important; margin:0 !important; min-height:52px;
}
/* LINE 的圖帶 inline width:54px、Google 只有 28px，一大一小。統一高度、寬度自適應 */
.authModal .login-else-box a img{
  width:auto !important; height:30px !important; max-height:30px !important;
  object-fit:contain;
}

/* ── 快速轉帳彈窗（Owner 2026-09-02 重做）────────────────────────────
   舊版把「轉出／轉入」硬排成一行，手機寬度下選單被壓到剩幾個字，
   「全部轉入」變成圓形、動作鈕被切在框外。改成單欄由上往下，
   欄位樣式與登入彈窗一致。 */
#authModalTransfer .modal-box .content{
  padding:22px 18px 20px !important; text-align:left !important;
}
#authModalTransfer h5{
  text-align:center; font-size:18px; font-weight:800; margin:0 0 16px !important;
}
#authModalTransfer .transfer-group-box{
  display:grid !important; grid-template-columns:1fr; gap:8px; align-items:stretch;
}
#authModalTransfer .transfer-group{
  width:100% !important; background:rgba(255,255,255,.92);
  border:1px solid rgba(43,32,19,.14); border-radius:12px;
  padding:10px 14px !important; margin:0 !important;
  font-size:16px; font-weight:700; color:var(--g-text);
}
#authModalTransfer .transfer-group label{
  display:block; width:100% !important; padding:0 !important; margin:0 0 2px !important;
  font-size:13px; font-weight:600; color:var(--g-text-dim);
}
#authModalTransfer #transferTo{
  width:100%; min-height:40px; padding:0 !important; margin:0 !important;
  border:0 !important; background:transparent !important;
  font-size:16px; font-weight:700; color:var(--g-text);
}
/* 箭頭改成向下：單欄排列時橫向箭頭指不到東西 */
#authModalTransfer .transferToIcon{
  font-size:18px !important; line-height:1; margin:0 auto !important;
  transform:rotate(90deg); color:var(--g-text-dim) !important;
}
/* 金額列：輸入框與「全部轉入」同一列，按鈕不再被壓成圓形 */
#authModalTransfer .transfer-group.Amount{
  display:flex !important; align-items:center; gap:10px;
  padding:6px 8px 6px 14px !important; margin-top:10px !important;
}
#authModalTransfer #transferAmount{
  flex:1 1 auto; min-width:0; min-height:44px;
  border:0 !important; background:transparent !important;
  font-size:16px !important; padding:0 !important; margin:0 !important;
}
#authModalTransfer button.transfer-all{
  flex:0 0 auto; width:auto !important; min-height:38px; padding:0 14px !important;
  margin:0 !important; border-radius:999px !important;
  background:#eef1f5 !important; border:1px solid #dfe3e8 !important;
  color:#1d55a8 !important; font-size:14px !important; font-weight:800; white-space:nowrap;
}
/* 兩顆動作鈕等寬並排，高度足夠不被切 */
#authModalTransfer .transfer-actions{
  display:grid !important; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px;
}
#authModalTransfer .transfer-actions button{
  width:100% !important; margin:0 !important; min-height:50px;
  border-radius:12px !important; font-size:16px !important; font-weight:800;
  padding:0 8px !important;
}
#authModalTransfer .transfer-actions .btn-confirm{
  background:#e3eefc !important; border:1px solid #b9d4f7 !important; color:#1d55a8 !important;
}
#authModalTransfer .transfer-actions button:not(.btn-confirm){
  background:rgba(255,255,255,.85) !important; border:1px solid rgba(43,32,19,.14) !important;
  color:var(--g-text) !important;
}

/* ── 底部導覽高度（Owner 2026-09-02：扁扁的擠壓到）──────────────────
   圖 20px ＋ 間距 4px ＋ 字 16px 已經 40px，塞在 44px 的可點區裡上下貼死。
   放到 52px，圖與字都不動，只把留白加回來。 */
.ft-navbar .ft-link, nav.fixed-bottom .ft-link,
.gr66frame .ft-navbar .ft-link{ min-height:52px !important; }
.ft-navbar, nav.fixed-bottom{ padding-top:7px !important; padding-bottom:6px !important; }

/* 驗證彈窗的說明與錯誤訊息 */
.authModal .vf-title{ text-align:center; font-size:18px; font-weight:900; margin:0 0 6px; }
.authModal .vf-lead{ text-align:center; font-size:14px; color:var(--g-text-dim); margin:0 0 16px; line-height:1.8; }
.authModal .vf-err{
  display:none; margin:10px 0 0; padding:10px 12px; border-radius:10px;
  background:#fdeef0; border:1px solid #f7d3d8; border-left:4px solid #e0798a;
  color:#8d4452; font-size:14px; line-height:1.7;
}

/* ── 遊戲清單頁的頁首橫幅：線上四張圖都是 404（Owner 2026-09-02 回報破圖框）── */
img[src$="top_slot.jpg"], img[src$="top_sport.jpg"],
img[src$="top_keno.jpg"], img[src$="top_casino.jpg"]{ display:none !important; }

/* ── 遊戲紀錄的廠商篩選：固定兩欄（Owner 2026-09-02：版面有些亂）──────
   18 家廠商名稱長短差很多，自動換行排出來每排 2～3 顆、右緣參差不齊。
   固定兩欄等寬，整片就對齊了；桌機四欄。 */
.member-page .pf-chips{
  display:grid !important; grid-template-columns:repeat(2,1fr) !important;
  gap:8px !important;
}
.member-page .pf-chip{
  width:100% !important; padding:0 8px !important; min-height:44px;
  font-size:14.5px !important; text-align:center; line-height:1.3;
}
@media (min-width:760px){
  .member-page .pf-chips{ grid-template-columns:repeat(4,1fr) !important; }
}
/* 沒有查詢設定的廠商 */
.member-page .pf-empty{
  text-align:center; padding:26px 16px !important; color:var(--g-text-dim) !important;
  font-size:15px; line-height:1.9;
}