/* ============================================================
   da2236 登入後區 v2 深色化(批次二 · 開發中,尚未部署)
   涵蓋三套結構:.member-page+.box、deposit2 元件、page-wrapper+wapper。
   一律只換外觀,不碰 form/欄位 name/token。
   ============================================================ */
:root{
  --v2-panel:#221a0b; --v2-panel2:#2a2010; --v2-line:rgba(212,160,23,.28);
  --v2-goldsoft:#f1c85c; --v2-muted:#dcc79a; --v2-inputbg:#17120a;
}

/* ============================================================
   彈窗統一深金(把其他彈窗做成跟登入彈窗一樣;不碰已做好的 authModal)
   ============================================================ */
.member-modal .modal-content,
#notice .modal-content, #welcome .modal-content, #login-window .modal-content,
#forget-window .modal-content, #myModal-mail .modal-content, #myModal-sendmail .modal-content,
#gr-opennews .modal-content, #re_word .modal-content, #joint .modal-content {
  background: var(--v2-panel) !important; color: var(--color-text-primary) !important;
  border: 1px solid var(--v2-line) !important; border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.5) !important;
}
.member-modal .modal-header,
#notice .modal-header, #welcome .modal-header, #login-window .modal-header,
#forget-window .modal-header, #myModal-mail .modal-header, #myModal-sendmail .modal-header,
#gr-opennews .modal-header, #re_word .modal-header, #joint .modal-header {
  background: linear-gradient(180deg,#8e6204,#4a3301) !important;
  color: #fff8e1 !important; border-bottom: 1px solid var(--v2-line) !important;
}
.member-modal .modal-title, #notice .modal-title, #joint .modal-title { color: #fff8e1 !important; }
.member-modal .modal-body, #notice .modal-body, #welcome .modal-body,
#login-window .modal-body, #forget-window .modal-body, #joint .modal-body {
  background: var(--v2-panel) !important; color: var(--color-text-primary) !important;
}
/* 彈窗內文字、label、表格 */
.member-modal *, #notice *, #welcome *, #joint * { border-color: var(--v2-line); }
.member-modal label, #notice label { color: var(--v2-muted) !important; }
.member-modal .form-control, .member-modal input, .member-modal .input-group-text {
  background: var(--v2-inputbg) !important; color: var(--color-text-primary) !important;
  border-color: rgba(212,160,23,.32) !important;
}
.member-modal h4, #notice h4, #joint h4, #joint h5, #joint h6 { color: var(--v2-goldsoft) !important; }
.member-modal .close, #notice .close, #joint .close { color: #fff8e1 !important; opacity: .9; }
/* 表格(合營制度那種) */
#joint .table, #joint .table td, #joint .table th { color: var(--color-text-primary) !important; border-color: var(--v2-line) !important; }
#joint .table thead th { background: var(--v2-panel2) !important; color: var(--v2-goldsoft) !important; }
/* 按鈕統一:主要金、次要外框金,不用刺眼紅 */
.member-modal .btn-danger, #notice .mbtn, .member-modal .accountBTN,
#login-window .btn, #joint .btn {
  background: linear-gradient(180deg,#ffc107,#e0a800) !important; color:#1c1407 !important; border:0 !important; font-weight:700 !important;
}
.member-modal .btn-outline-danger, .member-modal .btn[data-dismiss] {
  background: transparent !important; color: var(--v2-goldsoft) !important;
  border: 1px solid var(--v2-line) !important;
}
/* 彈窗寬度:別過寬(登入表單類)也別過窄;內容決定高度、不要一大片空 */
.member-modal .modal-dialog { max-width: 460px !important; }
.member-modal .modal-body { min-height: 0 !important; }

/* ============================================================
   登入/註冊/轉點彈窗(authModal / authModalTransfer):
   原本手機是「貼底全寬 sheet + × 浮在框外」,不像彈窗。
   改成置中卡片浮層,對齊公告彈窗那套深金卡片;close 收進卡內。
   ============================================================ */
.authModal{ background:rgba(0,0,0,.74) !important; }
.authModal .modal-box{
  position:absolute !important; top:50% !important; left:50% !important; bottom:auto !important;
  transform:translate(-50%,-50%) !important; margin:0 !important;
  width:calc(100% - 32px) !important; max-width:430px !important;
  max-height:90vh !important; overflow:hidden auto !important;
  background:var(--v2-panel) !important; border:1px solid var(--v2-line) !important;
  border-radius:18px !important; box-shadow:0 24px 64px rgba(0,0,0,.6) !important;
  padding:0 0 20px !important;
}
/* close × 收進卡片右上角(原 top:-51px 浮在框外) */
.authModal .close_m{
  position:absolute !important; top:9px !important; right:11px !important; bottom:auto !important;
  width:32px !important; height:32px !important; line-height:29px !important;
  border:1px solid rgba(255,248,225,.55) !important; border-radius:50% !important;
  background:rgba(0,0,0,.35) !important; color:#fff8e1 !important; font-size:20px !important;
  z-index:6 !important; padding:0 !important;
}
/* 分頁列:貼齊卡頂、圓角、置頂不捲走;作用中金、未選深 */
.authModal .tab-header{ margin:0 !important; border-radius:18px 18px 0 0 !important; overflow:hidden !important; position:sticky !important; top:0 !important; z-index:4 !important; }
.authModal .tab-btn{ background:var(--v2-panel2) !important; color:var(--v2-muted) !important; opacity:1 !important; padding:15px 10px !important; font-weight:700 !important; border:0 !important; }
.authModal .tab-btn.active{ background:linear-gradient(180deg,#8e6204,#5a3f02) !important; color:#fff8e1 !important; }
/* 內容改由 modal-box 捲,tab-content 不各自捲 */
.authModal .tab-content{ max-height:none !important; overflow:visible !important; padding:20px 20px 4px !important; }
/* 連結、其他登入區、說明字:亮色可讀 */
.authModal .tab-content a{ color:var(--v2-goldsoft) !important; }
.authModal .login-else-box{ border-top-color:var(--v2-line) !important; }
.authModal .login-else-box span, .authModal h5{ color:var(--v2-muted) !important; }
/* 對比修正:placeholder 太淡(Bootstrap #6c757d 3.67)→ 提亮到可讀;
   送出鈕原本白字壓金底(~2:1)→ 改深字,對比 11:1 且與全站金鈕一致 */
.authModal input::placeholder, .authModal textarea::placeholder,
.authModal .tab-content input::placeholder{ color:#b6a274 !important; opacity:1 !important; }
.authModal .login, .authModal .register, .authModal .transfer, .authModal .history{
  background:linear-gradient(180deg,#ffc107,#e0a800) !important; color:#1c1407 !important;
}

/* ---- 版面容器:白底→透明、兩欄 grid 置中限寬 ---- */
/* 背景滿版(body 深底),內容以容器限寬置中;左右一律留呼吸空間,三斷點都不貼邊。
   水平留白用 clamp:桌機最多 56px、手機最少 20px。 */
section.member{ padding:24px clamp(20px,4vw,56px) 48px !important; color:var(--color-text-primary) !important; }
section.member > .container{ max-width:1120px !important; padding-left:0 !important; padding-right:0 !important;
  display:grid !important; grid-template-columns:236px 1fr !important; gap:24px !important; align-items:start !important; }
@media (max-width:991px){
  section.member{ padding:18px clamp(20px,5vw,32px) 40px !important; }
  section.member > .container{ grid-template-columns:1fr !important; gap:16px !important; }
}
.member-page{ background:transparent !important; padding:0 !important; width:auto !important; }
.member-page .user-info{ background:transparent !important; }
.member-page a, .member .member-menu_web a{ color:var(--color-text-primary) !important; }

/* 左側會員選單:白卡→深金面板(全頁共通,不然選單字看不見) */
.member .member-menu_web{
  width:auto !important; min-height:0 !important; max-height:none !important;
  background:var(--v2-panel2) !important; border:1px solid var(--v2-line) !important;
  box-shadow:none !important; border-radius:16px !important; position:sticky; top:88px;
}
.member .member-menu_web .memberMenu{ padding:18px 16px !important; }
.member .member-menu_web .memberMenu .user-text{ background:var(--v2-inputbg) !important; border:1px solid var(--v2-line) !important; border-radius:999px !important; color:var(--color-text-primary) !important; }
.member .member-menu_web .memberMenu .menu-link li{ border-bottom:1px solid var(--v2-line) !important; }
.member .member-menu_web .menu-link li a div, .member .member-menu_web .icon-link li a div{ color:var(--color-text-primary) !important; }
.member .member-menu_web .icon-link li a{ background:var(--v2-inputbg) !important; border:1px solid var(--v2-line) !important; border-radius:12px !important; }
.member-page .member-top{ color:var(--v2-goldsoft) !important; font-weight:700 !important; }
.member-page .user-info > p{ color:var(--v2-muted) !important; }

/* ---- 手機驗證頁 phonevalid(.page-invite):頁內 inline style 把欄位組做成白底
   (半套改色殘留),在深金會員頁變「白盒 + 黑輸入框 + 灰標籤」很亂。統一成深金 + 直式排版。
   inline style 在 v2-member.css 之後載,故用更高特異度(.member .member-page.page-invite …)蓋過。
   只換外觀與排版,不碰表單/欄位 name/token。 ---- */
/* 電腦版限寬,不整片拉滿(天條55);手機寬度 < 520 不受影響 */
.member .member-page.page-invite .box-invite{ max-width:520px !important; }
.member .member-page.page-invite .group-invite{
  display:block !important; background:var(--v2-panel2) !important;
  border:1px solid var(--v2-line) !important; border-radius:14px !important; padding:14px 16px !important;
}
.member .member-page.page-invite .group-invite label{
  display:block !important; min-width:0 !important; margin:0 0 8px !important;
  color:var(--v2-goldsoft) !important; font-weight:700 !important;
}
.member .member-page.page-invite .group-invite input.form-control,
.member .member-page.page-invite .group-invite input.form-control:focus{
  display:block !important; width:100% !important; box-sizing:border-box !important;
  background:var(--v2-inputbg) !important;
  color:var(--color-text-primary) !important; border:1px solid rgba(212,160,23,.32) !important;
  border-radius:10px !important; padding:11px 12px !important; box-shadow:none !important;
}
.member .member-page.page-invite .group-invite input.form-control::placeholder{ color:#b6a274 !important; }
.member .member-page.page-invite .group-invite .input-group-append{
  display:block !important; width:100% !important; margin:10px 0 0 !important;
}
.member .member-page.page-invite .group-invite .btn,
.member .member-page.page-invite .group-invite .btn-warning{
  display:block !important; width:100% !important; padding:12px !important;
  background:linear-gradient(180deg,#ffc107,#e0a800) !important; color:#1c1407 !important;
  border:0 !important; border-radius:12px !important; font-weight:700 !important;
}

/* ---- 左選單黑色 PNG 圖示:深底看不見 → filter 提亮成暖米白 ----
   帳戶管理/我的錢包/紀錄類、儲值/轉點、返回箭頭都是 Material 黑版 png.webp。
   排除 user-lv 等級徽章(那是彩圖,filter 會毀)。 */
.member .member-menu_web .menu-link img,
.member .member-menu_web .icon-link img,
.member .m-taggle-bar a img{
  filter:brightness(0) invert(1) sepia(.30) saturate(1.7) hue-rotate(2deg) brightness(1.03) !important;
}
/* hover / 作用中列:member.css 的銀色亮漸層 + 黑字 → 深金高亮,字與圖示維持亮色 */
.member .member-menu_web .menu-link li:hover,
.member .member-menu_web .menu-link li a:hover,
.member .member-menu_web .menu-link li.on, .member .member-menu_web .menu-link li.on a,
.member .member-menu_web .menu-link li.active, .member .member-menu_web .menu-link li.active a,
.member .member-menu_web .menu-link li.current, .member .member-menu_web .menu-link li.current a{
  background:linear-gradient(90deg,rgba(212,160,23,0) 0%,rgba(212,160,23,.20) 58%,rgba(212,160,23,.32) 100%) !important;
  color:#fff8e1 !important;
}

/* 紅利/出售(page-wrapper 舊版)不套 v2 深色,保護舊版不半改 */

/* ---- 通用面板:各家白卡 → 深金面板 ---- */
.member-page .box, .member-page .amount-card, .member-page .amount-section, .member-page .info-box,
.member-page .game-cash-box, .member-page .item-info{
  background:var(--v2-panel) !important; border:1px solid var(--v2-line) !important;
  border-radius:14px !important; color:var(--color-text-primary) !important;
}
/* 卡片系統:原本每個 .box 都有邊框 → 帳戶頁疊 5 個框、看起來很亂。
   收成「一個大面板 + 區塊分隔線」:.user-info 當單一面板(左右內距一併解決貼邊),
   內部 .box 去框、只留 border-bottom 當區塊分隔,最後一塊不留線。 */
.member .member-page .user-info{
  background:var(--v2-panel2) !important; border:1px solid var(--v2-line) !important;
  border-radius:16px !important; padding:10px clamp(18px,2.4vw,30px) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.28) !important;
}
.member .member-page .user-info .box:not(.box-user){
  background:transparent !important; border:0 !important;
  border-bottom:1px solid var(--v2-line) !important; border-radius:0 !important;
  padding:18px 0 !important;
}
.member .member-page .user-info .box:not(.box-user):last-child{ border-bottom:0 !important; }
/* 錢包/總資產卡:深金、金額醒目 */
.member-page .wallet-box, .member-page .row.wallet-box{
  background:var(--v2-panel2) !important; border:1px solid var(--v2-line) !important;
  border-radius:14px !important; color:var(--color-text-primary) !important;
}
/* .box-user 是 wallet-box 的白色外框 → 透明,只留裡面的深色卡 */
.member-page .box-user{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
.member-page .cash-add, .member-page .wallet-box .num, .member-page .wallet-box .num span{ color:var(--color-text-primary) !important; }

/* ---- 標題 ---- */
.member-page h4, .member .member-menu_web h4{
  color:var(--v2-goldsoft) !important; border-left:3px solid var(--primary);
  padding-left:10px;
}

/* ---- label / 值 / 說明 ---- */
/* base.css:2917 與 brand.css:410 有舊白底時期的 `.member-page label{color:#5c5c5c!important}`,
   深底下變 2.57:1 不可讀。這裡用更高特異度(.member 前綴 → 0,2,x)蓋過,順序無關穩贏。 */
.member .member-page label,
.member .member-page label span,
.member .member-page .label label,
section.member .member-page label,
section.member .member-page label span{ color:var(--v2-muted) !important; }
.member-page .content span, .member-page .content{ color:var(--color-text-primary) !important; }
.member-page .note li, .member-page p{ color:var(--color-text-primary) !important; }

/* ============================================================
   修正 brand.css / 頁內 <style> 舊白卡時期的「深字」規則。
   面板改深後這些全變深字壓深底(2~3:1)。一律 scoped 到 .member-page
   (深色會員頁);bonus/sell 用 .page-wrapper,完全不含 .member-page,不受影響。
   全部只換顏色,不碰 form / 欄位 name / token。
   ============================================================ */
/* 一般連結(超商店名、範本、店號查詢):深藍 #0f56b3 / #1a73e8 → 亮金,保留底線 */
.member .member-page a:not(.btn):not(.else-btn):not(.Wbtn):not(.btn-login):not([class*="google"]):not([class*="line"]),
.member .member-page .box a:not(.btn):not(.else-btn),
.member .member-page .text-block ~ a,
.member .member-page .store-link{ color:var(--v2-goldsoft) !important; text-decoration:underline; }
/* Google / LINE 綁定鈕:白底 / 亮綠底都用深字,對比 9:1(比藍字或白字都清楚) */
.member .member-page a.else-btn.google, .member .member-page a.else-btn.google span,
.member .member-page a.else-btn.line, .member .member-page a.else-btn.line span{ color:#1c1407 !important; font-weight:700 !important; }
/* 紅字提示(inline color:red / .text-danger):深紅 #c40000 → 亮紅,深底可讀 */
.member .member-page span[style*="color:red"],
.member .member-page span[style*="color: red"],
.member .member-page .text-danger,
.member .member-page font[color="red"]{ color:#ff9aa2 !important; }
/* deposit:section-label / currency-symbol / group-text 深字 → 亮 */
.member .member-page .section-label, .prestige-deposit-scope .section-label{ color:var(--v2-goldsoft) !important; }
.member .member-page .currency-symbol, .prestige-deposit-scope .currency-symbol{ color:var(--v2-goldsoft) !important; }
.member .member-page .group-text, .member .member-page label.group-text{ color:var(--v2-muted) !important; }
/* history:日期篩選 outline 鈕 #444 深字 → 亮字亮框;選中金底深字 */
.member .member-page .btn-outline-primary, .member-page .btn.btn-outline-primary{
  color:var(--v2-goldsoft) !important; border:1px solid var(--v2-line) !important; background:var(--v2-inputbg) !important;
}
.member .member-page .btn-outline-primary.active, .member .member-page .btn-outline-primary:hover, .member .member-page .btn-outline-primary:focus{
  background:linear-gradient(180deg,#ffd76a,#d4a017) !important; color:#1c1407 !important; border-color:#c99a06 !important;
}

/* ---- 輸入 / 下拉 ---- */
.member-page .form-control, .member-page .amount-input, .member-page input.form-control,
.member-page select.form-control, .member-page textarea.form-control{
  background:var(--v2-inputbg) !important; color:var(--color-text-primary) !important;
  border:1px solid rgba(212,160,23,.32) !important;
}
.member-page .form-control::placeholder, .member-page .amount-input::placeholder{ color:#8a7a5c !important; }
#sel1 option, .member-page select option{ color:#1c1407 !important; background:#fff !important; }

/* ---- 表格(所有紀錄)---- */
.member-page .table, .member-page .table-bordered{ color:var(--color-text-primary) !important; }
.member-page .table th, .member-page .table td, .member-page .table-bordered th, .member-page .table-bordered td{
  border-color:var(--v2-line) !important;
}
.member-page .table thead th{ background:var(--v2-panel2) !important; color:var(--v2-goldsoft) !important; }
.member-page .table tbody tr:nth-child(even){ background:rgba(212,160,23,.05) !important; }

/* ---- 金色按鈕、對比夠 ---- */
.member-page .btn-warning, .member-page .btn-primary{
  background:linear-gradient(180deg,#ffc107,#e0a800) !important; color:#1c1407 !important;
  border:0 !important; font-weight:700 !important;
}

/* ---- deposit2 付款卡 / ICON:深底金框、選中金光 ---- */
.member-page .payment-card{
  background:var(--v2-panel2) !important; border:1px solid var(--v2-line) !important;
  color:var(--color-text-primary) !important; border-radius:12px !important;
}
.member-page .payment-card.active{ border-color:var(--primary) !important; box-shadow:0 0 0 2px rgba(212,160,23,.4) !important; }
.member-page .info-box{ color:var(--color-text-primary) !important; }

/* deposit2:金額快選鈕、固定底部送出條 */
.member-page .quick-btn{
  background:var(--v2-panel2) !important; color:var(--v2-goldsoft) !important;
  border:1px solid var(--v2-line) !important; font-weight:700 !important;
}
.member-page .quick-btn:hover, .member-page .quick-btn.active{
  background:linear-gradient(180deg,#ffd76a,#d4a017) !important; color:#1c1407 !important; border-color:#c99a06 !important;
}
.member-page .fixed-bottom-bar{ background:linear-gradient(0deg,var(--v2-panel) 55%,rgba(34,26,11,.85)) !important; border-top:1px solid var(--v2-line) !important; }
.member-page .submit-btn{
  background:linear-gradient(180deg,#ffc107,#e0a800) !important; color:#1c1407 !important;
  border:0 !important; font-weight:900 !important;
}

/* ---- 帳戶管理｜超商儲值選項(account.php .bankForm3)
   zipcode 那格沒有 class="form-control",吃不到上面的深色輸入框規則 ->
   在深金會員頁變成一顆白盒;標籤與欄位黏在一起;查詢連結是瀏覽器預設藍;
   送出鈕被 .pull-right 卡在右邊。只換外觀與排版,不碰欄位 name/id 與表單。 ---- */
.member .member-page #bankForm3{ max-width:520px !important; }
/* 縣市 / 鄉鎮市區 / 郵遞區號:直式排列,三個都吃深色 */
.member .member-page #bankForm3 .twzipcode{
  display:grid !important; gap:10px !important; margin:6px 0 4px !important;
}
.member .member-page #bankForm3 .twzipcode select,
.member .member-page #bankForm3 .twzipcode input,
.member .member-page #bankForm3 #zipcode{
  display:block !important; width:100% !important; box-sizing:border-box !important;
  background:var(--v2-inputbg) !important; color:var(--color-text-primary) !important;
  border:1px solid rgba(212,160,23,.32) !important; border-radius:10px !important;
  padding:11px 12px !important; height:auto !important; box-shadow:none !important;
}
/* 郵遞區號是選完自動帶的,做成唯讀樣子,不讓人以為要自己打 */
.member .member-page #bankForm3 #zipcode{
  color:var(--v2-muted) !important; background:rgba(23,18,10,.6) !important; max-width:140px !important;
}
/* 標籤:一律獨立一行、金色、與欄位拉開 */
.member .member-page #bankForm3 .label{ display:block !important; margin:0 !important; }
.member .member-page #bankForm3 .label > label{
  display:block !important; margin:12px 0 6px !important;
  color:var(--v2-goldsoft) !important; font-weight:700 !important; font-size:15px !important;
}
/* 超商1 / 超商2 兩組各包一層,視覺上分得開 */
.member .member-page #bankForm3 > .label{
  background:var(--v2-panel2) !important; border:1px solid var(--v2-line) !important;
  border-radius:12px !important; padding:2px 14px 14px !important; margin-top:12px !important;
}
.member .member-page #bankForm3 > .label > label:first-child{
  color:#fff !important; font-size:16px !important; margin-top:10px !important;
}
/* 第一個 .label 只裝「儲值區域」四個字,沒有欄位,不要框成一張空卡 */
.member .member-page #bankForm3 > .label:first-child{
  background:transparent !important; border:0 !important; padding:0 !important; margin-top:0 !important;
}
.member .member-page #bankForm3 input.form-control{
  display:block !important; width:100% !important; box-sizing:border-box !important;
  border-radius:10px !important; padding:11px 12px !important;
}
.member .member-page #bankForm3 input.form-control::placeholder{ color:#b6a274 !important; }
/* 店名店號查詢連結:預設藍改金,點擊區拉到 32px 以上(天條 34) */
.member .member-page #bankForm3 .pull-right{
  float:none !important; display:block !important; width:100% !important; margin:16px 0 0 !important;
}
.member .member-page #bankForm3 .text-block{
  display:block !important; color:var(--v2-muted) !important; margin-bottom:6px !important;
}
.member .member-page #bankForm3 a{
  display:inline-block !important; width:auto !important; max-width:none !important;
  min-height:32px !important; line-height:32px !important; vertical-align:middle !important;
  padding:0 14px !important; margin:0 8px 8px 0 !important; float:none !important;
  color:var(--v2-goldsoft) !important; text-decoration:none !important;
  border:1px solid var(--v2-line) !important; border-radius:999px !important;
  background:var(--v2-inputbg) !important; font-weight:700 !important; font-size:14px !important;
}
.member .member-page #bankForm3 a:hover, .member .member-page #bankForm3 a:focus{
  background:linear-gradient(180deg,#ffd76a,#d4a017) !important; color:#1c1407 !important;
}
/* 送出鈕:整排、48 高 */
.member .member-page #bankForm3 .btn.bankBTN3{
  display:block !important; width:100% !important; max-width:none !important;
  min-height:48px !important; margin-top:14px !important; border-radius:12px !important;
  background:linear-gradient(180deg,#ffc107,#e0a800) !important; color:#1c1407 !important;
  border:0 !important; font-weight:700 !important; font-size:16px !important;
}
/* 欄位沒填時 Bootstrap 的提示,深底要看得見 */
.member .member-page #bankForm3.was-validated .form-control:invalid{
  border-color:#ff8f8f !important; background-image:none !important;
}

/* 點下去的 focus 光圈:Bootstrap 預設是藍的,在金色頁上很突兀 */
.member .member-page #bankForm3 .btn.bankBTN3:focus,
.member .member-page #bankForm3 .btn.bankBTN3.focus,
.member .member-page #bankForm3 .form-control:focus{
  box-shadow:0 0 0 .2rem rgba(212,160,23,.35) !important; outline:0 !important;
  border-color:rgba(212,160,23,.6) !important;
}

/* ---- 實名認證上傳:選檔後顯示檔名與壓縮後大小(原本那行找 .custom-file-label,
   但樣板裡根本沒有那個元素,等於選了檔什麼都不顯示) ---- */
.member .member-page #bankpicForm .pic-name{
  display:block !important; width:100% !important; clear:both !important;
  flex:1 1 100% !important; order:99 !important;
  margin:6px 0 0 !important; padding:7px 11px !important;
  font-size:13.5px !important; line-height:1.5 !important;
  color:var(--v2-goldsoft) !important; word-break:break-all !important;
  background:var(--v2-inputbg) !important; border:1px solid var(--v2-line) !important;
  border-radius:9px !important;
}
/* 原生檔案欄位的「尚未選擇任何檔案」在深底上幾乎看不見,而且會跟檔名打架 */
.member .member-page #bankpicForm .custom-file{ overflow:hidden !important; }

/* 檔名要自己佔一列,不然會擠在「選擇檔案」旁邊把標籤壓成兩行 */
.member .member-page #bankpicForm .form-group{ flex-wrap:wrap !important; }