/* ===========================================================================
   RSG Casino 泰文站「泰國味」(Owner 2026-09-29/30 定案五點,照 dg66net d732649/4a6c452)
   ---------------------------------------------------------------------------
   兩套殼都載這支,各自排在自己的樣式之後;只加規則、不改舊規則(要還原把兩個 head 的 <link> 拿掉):
     - 09-06 改版的 *_v2 公開頁:includes/head_clean.php,排在 base.css 後面(本檔上半,限定 body.rs-v2-body)
     - 會員中心/註冊/登入的 www2 舊殼:includes/head.php,排在 style.css 後面(本檔下半)
   1. 字型:標題/按鈕/選單 Kanit(500/600/700),內文 Sarabun(400/500/700)。
      泰文有上下標(สระ / วรรณยุกต์):內文行高 ≥ 1.6、標題 ≥ 1.3;Kanit 只載到 700,標題不寫 800/900。
   5. 視覺:沿用本站的金(#f2b736,亮 #ffd062、暗 #b8830f)+ 深藍;標題下一條細的泰式花紋線
      (純 SVG data URI);按鈕圓角 10 + 金色柔影;卡片圓角 16 + 金邊。版型一格不動。
   =========================================================================== */

:root {
    --th-font-head: 'Kanit', 'Sarabun', 'Tahoma', sans-serif;
    --th-font-body: 'Sarabun', 'Kanit', 'Tahoma', sans-serif;
    --th-gold: #f2b736;
    --th-gold-hi: #ffd062;
    --th-gold-lo: #b8830f;
    --th-gold-grad: linear-gradient(180deg, #ffd062, #f2b736);
    --th-ink-on-gold: #0a1020;
    --th-radius: 10px;
    --th-card-radius: 16px;
    --th-card-line: rgba(242, 183, 54, .38);
    --th-shadow-gold: 0 6px 18px rgba(242, 183, 54, .24);
    --th-shadow-gold-hover: 0 8px 22px rgba(242, 183, 54, .38);
    --th-shadow-card: 0 10px 26px rgba(0, 0, 0, .35);
    --th-rule: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 12' fill='none' stroke='%23f2b736' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 6h56M110 6h56' stroke-opacity='.75'/><path d='M58 6c4-4 8-4 12 0-4 4-8 4-12 0z'/><path d='M110 6c-4-4-8-4-12 0 4 4 8 4 12 0z'/><path d='M84 1.5c2 2 3.2 3.5 3.2 4.5S86 8.5 84 10.5c-2-2-3.2-3.5-3.2-4.5S82 3.5 84 1.5z' fill='%23f2b736'/><path d='M74 6c2.6-2.6 4.6-2.6 6 0M94 6c-2.6-2.6-4.6-2.6-6 0'/><circle cx='70' cy='6' r='1.1' fill='%23f2b736' stroke='none'/><circle cx='98' cy='6' r='1.1' fill='%23f2b736' stroke='none'/></svg>");
}

/* ===========================================================================
   A. 改版 *_v2 公開頁(base.css):換字型變數,其他只加不改
   =========================================================================== */
body.rs-v2-body {
    --font-th: 'Sarabun', 'Kanit', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-dis: 'Kanit', 'Sarabun', system-ui, sans-serif;
    font-family: var(--font-th);
}
body.rs-v2-body h1, body.rs-v2-body h2, body.rs-v2-body h3, body.rs-v2-body h4 { line-height: 1.35; }
body.rs-v2-body .rs-nav a, body.rs-v2-body .rs-bnav span, body.rs-v2-body .rs-footer nav a,
body.rs-v2-body .rs-tab, body.rs-v2-body .rs-ptab, body.rs-v2-body .rs-game__go { font-family: var(--font-dis); }
body.rs-v2-body .rs-bnav span { line-height: 1.35; }

/* 泰式花紋線:頁標題、區塊標題下方 */
body.rs-v2-body .rs-page h1::after, body.rs-v2-body .rs-h2::after, body.rs-v2-body .rs-prose > h2::after {
    content: ""; display: block; width: 150px; height: 11px; margin: 10px 0 0;
    background: var(--th-rule) left center / contain no-repeat; opacity: .9;
}
body.rs-v2-body .rs-prose > h2::after { width: 120px; height: 9px; margin-top: 6px; }

/* 按鈕:圓角 10,金色鈕加金色柔影 */
body.rs-v2-body .rs-btn { border-radius: var(--th-radius); }
body.rs-v2-body .rs-btn--gold { box-shadow: var(--th-shadow-gold); }
body.rs-v2-body .rs-btn--gold:hover { box-shadow: var(--th-shadow-gold-hover); }
body.rs-v2-body .rs-btn--ghost { border-color: var(--th-card-line); }

/* 卡片:圓角 16 + 金邊 */
body.rs-v2-body .rs-card, body.rs-v2-body .rs-step, body.rs-v2-body .rs-act, body.rs-v2-body .rs-media__row,
body.rs-v2-body .rs-help, body.rs-v2-body .rs-game, body.rs-v2-body .rs-purse-card, body.rs-v2-body .rs-feature {
    border-radius: var(--th-card-radius);
    border-color: var(--th-card-line);
    box-shadow: var(--th-shadow-card);
}
body.rs-v2-body .rs-promo { border-radius: 0 var(--th-card-radius) var(--th-card-radius) 0; border-color: var(--th-card-line); border-left-color: var(--th-gold); }
body.rs-v2-body .rs-purse__n, body.rs-v2-body .rs-purse-card__n { font-variant-numeric: tabular-nums; }

/* ===========================================================================
   B. www2 舊殼(會員中心 / 註冊 / 登入):style.css + member.css
   =========================================================================== */
body:not(.rs-v2-body), body:not(.rs-v2-body) p, body:not(.rs-v2-body) li, body:not(.rs-v2-body) td, body:not(.rs-v2-body) th,
body:not(.rs-v2-body) label, body:not(.rs-v2-body) input, body:not(.rs-v2-body) select, body:not(.rs-v2-body) .form-control {
    font-family: var(--th-font-body);
}
body:not(.rs-v2-body) { line-height: 1.65; }
body:not(.rs-v2-body) p, body:not(.rs-v2-body) li, body:not(.rs-v2-body) td, body:not(.rs-v2-body) label { line-height: 1.65; }
body:not(.rs-v2-body) h1, body:not(.rs-v2-body) h2, body:not(.rs-v2-body) h3, body:not(.rs-v2-body) h4,
body:not(.rs-v2-body) h5, body:not(.rs-v2-body) .modal-title, body:not(.rs-v2-body) .member-page .member-top {
    font-family: var(--th-font-head); font-weight: 700; line-height: 1.3;
}
body:not(.rs-v2-body) .btn, body:not(.rs-v2-body) button, body:not(.rs-v2-body) .btn-login, body:not(.rs-v2-body) .btn-register,
body:not(.rs-v2-body) .navbar a, body:not(.rs-v2-body) .ft-link, body:not(.rs-v2-body) .memberMenu a, body:not(.rs-v2-body) .overlay a {
    font-family: var(--th-font-head);
}
.btn, button { line-height: 1.35; }
a.ft-link { line-height: 1.2; }
a.ft-link div { line-height: 1.35; }
.th-money, .member-page .wallet-box .num { font-variant-numeric: tabular-nums; }

/* 泰式花紋線:會員頁標題、註冊/登入頁標題 */
.member-page .member-top .col-8::after, section#register .section-title h2::after, section#register .section-title h3::after {
    content: ""; display: block; width: 132px; height: 10px; margin: 8px 0 0;
    background: var(--th-rule) left center / contain no-repeat; opacity: .9;
}
section#register .section-title h2::after, section#register .section-title h3::after { margin: 8px auto 0; background-position: center; }

/* 按鈕:圓角 10 + 金色柔影 */
.btn-register, .btn-login, .login_form .button-red, #authModal .login, #authModal .register, #authModal #smsBTN,
.member-page .btn, .member-modal .btn { border-radius: var(--th-radius) !important; }
.btn-register, .login_form .button-red, #authModal .login, #authModal .register, .member-page .btn-warning, .member .btn-warning { box-shadow: var(--th-shadow-gold); }
.btn-register:hover, .login_form .button-red:hover, .member-page .btn-warning:hover { box-shadow: var(--th-shadow-gold-hover); }
.member-page .btn-warning, .member .btn-warning {
    background: var(--th-gold-grad) !important; border-color: transparent !important; color: var(--th-ink-on-gold) !important; font-weight: 700;
}
section#register .login_form .button-red, section#register .btn-danger:not(#smsBTN) {
    background: var(--th-gold-grad) !important; border-color: transparent !important; color: var(--th-ink-on-gold) !important;
    font-weight: 700 !important; letter-spacing: 0; min-height: 46px;
}

/* 卡片:圓角 16 + 金邊 */
.member-page { border-radius: var(--th-card-radius); border: 1px solid var(--th-card-line); box-shadow: var(--th-shadow-card); }
.member-page .user-info h4 { border-left-color: var(--th-gold); }

/* 儲值:內嵌 SVG 圖示(PromptPay / TrueMoney / 銀行),沒選中灰階,跟舊圖示同一套 */
.pay .payicon .th-payico { width: 56px; height: 56px; display: block; margin: auto; }
.payicon .th-payico { filter: grayscale(100%); opacity: .75; }
.payicon:hover .th-payico, .pay .current .th-payico { filter: none; opacity: 1; }
.pay .payicon { border-radius: 14px; }
/* 儲值金額標籤原本 col-sm-3 窄欄,泰文斷成兩行;拉成整行 */
.depositForm .inputgroup .control-label.col-sm-3 { width: 100%; max-width: 100%; flex: 0 0 100%; padding-left: 0; }

@media (max-width: 767px) {
    body:not(.rs-v2-body) { line-height: 1.7; }
}

/* ===========================================================================
   C. 會員中心三頁(儲值 / 提領 / 帳戶)搬進 v2 深色殼(Owner 2026-09-30)
   帳戶卡片、步驟標題、快捷金額、付款管道、提領條件、改密碼彈窗。
   顏色全走 base.css 的 token(卡片 --surface、邊線 --line、選中金框 --gold、字 --ink / --ink-2);
   字級最小 12px、說明字 13px 起、深色底上的說明一律 --ink-2(≥ 4.5:1)。
   舊白底殼的三頁(deposit.php / withdrawal.php / account.php)已不再載入,這段只服務 v2。
   =========================================================================== */
/* 步驟標題:編號金圓 + 標題 + 一句說明(手機說明自己一行) */
.th-step { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; margin: var(--s5) 0 var(--s3); font-family: var(--font-dis); font-weight: 600; font-size: 16px; color: var(--ink); }
.th-step:first-child { margin-top: 0; }
.th-step__n { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: var(--gold); color: var(--gold-ink); font-size: 13px; font-variant-numeric: tabular-nums; }
.th-step small { font-family: var(--font-th); font-weight: 400; font-size: 13px; color: var(--ink-2); }

/* 帳戶卡片:三行(銀行名 (代碼) / 帳號 / 戶名);主帳戶標籤騎在上邊線上,不吃內文的位置 */
.th-bankcards { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: var(--s3); padding-top: var(--s2); }
.th-bankcard { position: relative; display: block; width: 100%; min-width: 0; min-height: 92px; margin: 0; padding: var(--s3) var(--s4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-m); color: var(--ink); font-family: var(--font-th); font-size: 14px; line-height: 1.5; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease; }
.th-bankcard:hover { border-color: var(--line-2); }
.th-bankcard b { display: block; font-family: var(--font-dis); font-weight: 600; font-size: 15px; color: var(--ink); }
.th-bankcard b span { font-weight: 500; color: var(--ink-2); }
.th-bankcard__no { display: block; font-weight: 600; letter-spacing: .03em; font-variant-numeric: tabular-nums; color: var(--ink); }
.th-bankcard__name { display: block; font-size: 13px; color: var(--ink-2); }
.th-bankcard__pri { position: absolute; top: 0; right: var(--s3); transform: translateY(-55%); padding: 1px var(--s2); border-radius: 999px; background: var(--gold); color: var(--gold-ink); font-family: var(--font-dis); font-size: 12px; font-weight: 600; line-height: 1.4; }
.th-bankcard input[type=radio] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.th-bankcard:has(input:checked), .th-bankcard.is-main:not(:has(input)) { border-color: var(--gold); background: var(--surface-2); box-shadow: 0 0 0 2px rgba(242, 183, 54, .22); }
.th-bankcard:has(input:focus-visible) { outline: 2px solid var(--gold); outline-offset: 2px; }
.th-bankcard--add { display: flex; align-items: center; justify-content: center; border-style: dashed; border-color: var(--line-2); background: transparent; color: var(--gold); font-family: var(--font-dis); font-weight: 600; font-size: 15px; }
.th-bankcard--add:hover { background: var(--surface-2); border-color: var(--gold-dk); }

/* 整張表單包住兩欄時不吃 .rs-form 的 560px 上限(儲值頁) */
.rs-form.th-form-wide { max-width: none; }
/* 金額:大一點、顯示字型 */
.rs-form input.th-amount { font-family: var(--font-dis); font-weight: 600; font-size: 22px; }
/* 快捷金額:四格一列 */
.th-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s2); margin-top: var(--s2); }
.th-quick__b { min-height: 40px; padding: 0 var(--s1); background: var(--surface-2); border: 1px solid var(--line-2); border-radius: var(--r-s); color: var(--ink); font-family: var(--font-dis); font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; cursor: pointer; }
.th-quick__b:hover { border-color: var(--gold-dk); }
.th-quick__b.on { border-color: var(--gold); background: var(--surface-3); color: var(--gold); }
.th-promo-note { margin: var(--s2) 0 0; font-size: 13px; color: var(--ink-2); }

/* 付款管道:--surface 卡片,選中金框;圖示沒選中灰階(class 名 .payment / .current 與舊 JS 一致) */
.th-pay { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s3); }
.th-pay .payment { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s2); min-height: 96px; padding: var(--s3); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-m); text-align: center; cursor: pointer; transition: border-color .18s ease, background .18s ease; }
.th-pay .payment:hover { border-color: var(--line-2); }
.th-pay .payment.current { border-color: var(--gold); background: var(--surface-2); box-shadow: 0 0 0 2px rgba(242, 183, 54, .22); }
.th-pay .th-payico { display: block; width: 44px; height: 44px; filter: grayscale(100%); opacity: .7; }
.th-pay .payment:hover .th-payico, .th-pay .payment.current .th-payico { filter: none; opacity: 1; }
.th-pay .payment span { display: block; font-size: 13px; line-height: 1.4; color: var(--ink-2); }
.th-pay .payment.current span { color: var(--ink); font-weight: 600; }

/* 注意事項:正常圓點清單(base.css 把 ul 的點拿掉了,這裡加回來) */
.th-notes { margin: var(--s5) 0 0; padding-left: 1.3em; list-style: disc; color: var(--ink-2); font-size: 14px; line-height: 1.7; }
.th-notes li { margin-bottom: var(--s1); }
.th-notes li::marker { color: var(--gold); }
.th-notes--sm { margin-top: var(--s4); font-size: 13px; }

/* 提領:餘額 / 可提 / 流水 兩格一列 */
.th-kv { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2); }
.th-kv div { padding: var(--s3) var(--s4); background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--r-s); min-width: 0; }
.th-kv small { display: block; font-size: 13px; color: var(--ink-2); }
.th-kv b { display: block; font-family: var(--font-dis); font-size: 20px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.th-kv b.is-gold { color: var(--gold); }
.th-wdcond { margin-top: var(--s4); padding: var(--s4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-m); }
.th-wdcond h3 { font-size: 17px; font-weight: 600; color: var(--ink); margin-bottom: var(--s3); }
.th-bar { height: 8px; margin: var(--s3) 0; background: var(--surface-3); border-radius: 99px; overflow: hidden; }
.th-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--gold-dk), var(--gold)); }
.th-cond-note { margin: var(--s2) 0 var(--s3); font-size: 13px; color: var(--ink-2); }
.th-alert { margin: var(--s3) 0 0; padding: var(--s3) var(--s4); border-radius: var(--r-s); font-size: 14px; line-height: 1.6; color: var(--ink-2); }
.th-alert b { display: block; margin-bottom: 2px; font-family: var(--font-dis); font-size: 15px; font-weight: 600; }
.th-alert ul { margin: 0; padding-left: 1.2em; list-style: disc; }
.th-alert--bad { background: rgba(242, 89, 107, .12); border: 1px solid rgba(242, 89, 107, .45); }
.th-alert--bad b { color: var(--bad-txt); }
.th-alert--ok { background: rgba(62, 207, 142, .12); border: 1px solid rgba(62, 207, 142, .45); }
.th-alert--ok b { color: var(--ok-txt); }
.th-fee { margin: var(--s3) 0 0; font-size: 13px; color: var(--ink-2); }
body.rs-v2-body .rs-btn[disabled] { opacity: .5; cursor: not-allowed; box-shadow: none; filter: none; }

/* 帳戶頁:唯讀資料列右邊放一顆小按鈕(餘額 → 儲值、密碼 → 改密碼) */
.th-ro-act { justify-content: space-between; gap: var(--s3); padding-right: var(--s2); }
.th-ro-act .rs-btn { flex: none; min-height: 36px; padding: 0 var(--s3); font-size: 14px; }
.th-ro-act .th-money { font-family: var(--font-dis); font-weight: 600; font-size: 18px; color: var(--gold); }
.th-ro-act .th-dots { letter-spacing: .12em; color: var(--ink-2); }
.th-count { margin-left: var(--s2); font-family: var(--font-th); font-size: 14px; font-weight: 400; color: var(--ink-2); }
.th-bankform { margin-top: var(--s4); padding-top: var(--s4); border-top: 1px dashed var(--line-2); }

/* 改密碼彈窗:照 message_v2 的 #rsReply 做法,不靠 Bootstrap;預設一定 display:none */
.th-modal { display: none; position: fixed; inset: 0; z-index: 1200; background: rgba(4, 7, 15, .78); overflow-y: auto; padding: var(--s5) var(--s4); }
.th-modal.is-on { display: block; }
.th-modal__box { position: relative; width: 100%; max-width: 440px; margin: 8vh auto; padding: var(--s6) var(--s5) var(--s5); background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-l); box-shadow: var(--shadow); }
.th-modal__box h2 { font-size: 18px; margin-bottom: var(--s4); }
.th-modal__x { position: absolute; right: var(--s3); top: var(--s2); display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: transparent; border: 0; font-size: 26px; line-height: 1; color: var(--ink-2); cursor: pointer; }
.th-modal__x:hover { color: var(--ink); }
.th-modal .rs-form { max-width: none; }
.th-modal__act { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3); margin-top: var(--s5); }

/* 404 */
.th-404 { margin-bottom: var(--s3); font-family: var(--font-dis); font-size: 64px; font-weight: 700; line-height: 1; letter-spacing: .04em; color: var(--gold); }

@media (max-width: 767px) {
    .th-step small { flex-basis: 100%; padding-left: 34px; }
    .th-bankcards { grid-template-columns: repeat(2, 1fr); gap: var(--s2); }
    .th-bankcard { padding: var(--s3); }
    .th-pay { gap: var(--s2); }
    .th-pay .payment { min-height: 88px; padding: var(--s2); }
    .th-modal__box { margin: 4vh auto; padding: var(--s6) var(--s4) var(--s4); }
    .th-404 { font-size: 52px; }
}