/* 會員中心手調（疊在自動產生的 member-blue.css 之後）：個資卡／錢包卡改成乾淨的藍色漸層，去掉舊紅金底圖 */
.pcard { background: linear-gradient(135deg, #2670ca 0%, #3590ec 55%, #63b4fb 100%) !important; text-shadow: none !important; box-shadow: 0 10px 30px rgba(38, 112, 202, .28) !important; }
.pcard::after { display: none !important; }
.pcard__av { border: 3px solid rgba(255, 255, 255, .9) !important; background: #fff !important; }
.pcard__name { color: #fff; }
.pcard__id { color: rgba(255, 255, 255, .85); }
.pcard__carry, .pcard__carry.is-clear, .pcard__wallet { background: rgba(255, 255, 255, .16) !important; border: 1px solid rgba(255, 255, 255, .38) !important; }
.pcard__carry .l, .pcard__wallet .h { color: rgba(255, 255, 255, .9); }
.pcard__carry .n { color: #fff !important; font-style: normal !important; }
.pcard__carry.is-clear .n { color: #d9ffe9 !important; }
.pcard__carry .bar { background: rgba(255, 255, 255, .28) !important; }
.pcard__carry .bar i, .pcard__carry.is-clear .bar i { background: #fff !important; }
.pcard__wallet .v { color: #fff !important; font-style: normal !important; font-family: "DIN Alternate", "Bahnschrift", "Arial Narrow", var(--font-sans) !important; letter-spacing: .5px; }
.pcard__wbtn { color: #fff !important; background: rgba(255, 255, 255, .2) !important; border: 0 !important; }
.pcard__wbtn:hover { background: rgba(255, 255, 255, .34) !important; }
.pcard__acts button { border: 1px solid rgba(255, 255, 255, .75) !important; color: #fff !important; background: rgba(255, 255, 255, .12) !important; text-shadow: none !important; }
.pcard__acts button:first-child { background: #fff !important; color: #2670ca !important; border-color: #fff !important; }
.wcard .recover, .pcard__acts .recover { background: #fff !important; color: #2670ca !important; }
/* 各功能面板的標題橫幅：徽章邊框改白 */
.agent-hero__badge, .promo-hero__tag { border-color: rgba(255, 255, 255, .6) !important; }
/* 等級獎勵一覽等橫向頁籤：四等分、不設最小寬，375 畫布放得下；超出時右緣淡出提示 */
.rwd-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.rwd-tabs button { min-width: 0 !important; padding: 9px 2px !important; font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
.rec-tabs, #promoTabs, .rec-range { scrollbar-width: none; }
.rec-tabs::-webkit-scrollbar, #promoTabs::-webkit-scrollbar { display: none; }
/* 獎勵／階梯列表（.giftrow）：窄畫布改成「圖示｜標題+說明｜金額＋狀態」三欄網格，文字不再被擠成一字一行 */
@container (max-width: 600px) {
  .giftrow, body.sh-mobile .giftrow { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "lv info amt" "lv info st"; column-gap: 10px; row-gap: 4px; align-items: center; padding: 12px 6px !important; }
  .giftrow .lv { grid-area: lv; width: 44px !important; height: 44px !important; align-self: center; }
  .giftrow .info { grid-area: info; }
  .giftrow .info .t, .giftrow .info .d { white-space: normal; line-height: 1.35; }
  .giftrow .info .d { font-size: 11.5px; }
  .giftrow .amt { grid-area: amt; justify-self: end; font-size: 15px; white-space: nowrap; }
  .giftrow .st, .giftrow .rwd-claim { grid-area: st; justify-self: end; white-space: nowrap; }
  .giftlist { padding: 4px 10px; }
}

/* 手機殼下一律使用網格版獎勵列（不依賴媒體查詢，避免縮放／快取造成回退） */
body.sh-mobile .giftrow { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "lv info amt" "lv info st"; column-gap: 10px; row-gap: 4px; align-items: center; padding: 12px 6px !important; }
body.sh-mobile .giftrow .lv { grid-area: lv; width: 44px !important; height: 44px !important; }
body.sh-mobile .giftrow .info { grid-area: info; min-width: 0; }
body.sh-mobile .giftrow .info .t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.sh-mobile .giftrow .info .d { white-space: normal; font-size: 11.5px; line-height: 1.35; }
body.sh-mobile .giftrow .amt { grid-area: amt; justify-self: end; font-size: 15px; white-space: nowrap; }
body.sh-mobile .giftrow .st, body.sh-mobile .giftrow .rwd-claim { grid-area: st; justify-self: end; white-space: nowrap; }

/* 錢包卡：遊戲中金額 + 一鍵回收（星汇三方） */
.pcard__game { margin-top: 8px; font-size: 12px; color: rgba(255,255,255,.9); display: flex; align-items: center; gap: 8px; }
.pcard__game b { color: #fff; font-size: 14px; }
.pcard__game button { margin-left: auto; border: 1px solid rgba(255,255,255,.7); background: rgba(255,255,255,.18); color: #fff; border-radius: 999px; padding: 4px 12px; font-size: 12px; font-weight: 700; cursor: pointer; }
.pcard__game button[disabled] { opacity: .5; }

/* 投注紀錄：三方遊戲標籤色 + 分類列可橫向滑動 */
.bet-tag.games { background: #ecfdf5; color: #15803d; }
.rec-cats { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.rec-cats::-webkit-scrollbar { display: none; }
.rec-cats button { flex: 0 0 auto; }

/* ===== 活動頭圖對比與排版（2026-10-02 使用者回饋） ===== */
/* 活動詳情頭圖：圖片壓暗、文字加陰影，摘要行高放寬 */
.promo-hero.has-img { background-size: cover; background-position: center 28%; min-height: 176px; padding: 22px 20px 20px; }
.promo-hero.has-img::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 18, 40, .10), rgba(8, 18, 40, .55)); pointer-events: none; }
.promo-hero.has-img > * { position: relative; z-index: 1; }
.promo-hero.has-img .promo-hero__t { font-size: 21px; line-height: 1.3; text-shadow: 0 2px 10px rgba(0, 0, 0, .7), 0 0 2px rgba(0, 0, 0, .6); }
.promo-hero.has-img .promo-hero__sub { color: #fff; opacity: 1; font-size: 13.5px; line-height: 1.65; text-shadow: 0 1px 6px rgba(0, 0, 0, .75); }
.promo-hero__glow { display: none; }
/* 簽到頭圖：改用新直式圖＋壓暗層，文字區拉到全寬避免擠壓 */
.signin-hero { background: linear-gradient(180deg, rgba(8, 18, 40, .32), rgba(8, 18, 40, .78)), url(../assets/promo/signin-card.jpg?v=20261002) center 28% / cover no-repeat !important; border-color: rgba(255, 255, 255, .35) !important; min-height: 168px; display: flex; flex-direction: column; justify-content: flex-end; }
.signin-hero__txt { max-width: 100%; }
.signin-hero__txt h2 { font-size: 21px; line-height: 1.3; text-shadow: 0 2px 10px rgba(0, 0, 0, .7); }
.signin-hero__txt p { color: #fff; line-height: 1.65; text-shadow: 0 1px 6px rgba(0, 0, 0, .75); }
.signin-hero__txt b { color: #ffd75e; text-shadow: 0 1px 6px rgba(0, 0, 0, .75); }
/* 參與條件：標籤不折行、數值可換行，不再出現「达标条／件」 */
.promo-cond__meta { flex-wrap: wrap; row-gap: 4px; align-items: center; }
.promo-cond__meta .pcm-k { white-space: nowrap; flex: 0 0 auto; }
.promo-cond__meta .pcm-v { white-space: nowrap; }
.promo-cond__meta .pcm-eq { white-space: nowrap; }

/* ===== 電腦版會員中心：右欄標題列（手機不顯示，手機有自己的 detail-bar） ===== */
.pc-paneltitle { display: none; }
@container (min-width: 900px) {
  .pc-paneltitle { display: block; margin: 0 0 14px; padding: 0 0 12px; font-size: 20px; font-weight: 800; color: #1f2a3a; border-bottom: 1px solid #e6ebf3; }
}
@supports not (container-type: inline-size) { @media (min-width: 900px) { .pc-paneltitle { display: block; margin: 0 0 14px; padding: 0 0 12px; font-size: 20px; font-weight: 800; color: #1f2a3a; border-bottom: 1px solid #e6ebf3; } } }
/* 消息分類頁籤：全部／公告／私信 */
.msg-tabs { display: flex; gap: 0; margin: 0 0 14px; border: 1px solid #dbe6f5; border-radius: 10px; overflow: hidden; background: #fff; }
.msg-tabs button { flex: 1; min-height: 38px; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 600; color: #5b6b82; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 4px; }
.msg-tabs button + button { border-left: 1px solid #dbe6f5; }
.msg-tabs button span { font-size: 12px; color: #9aa3b5; }
.msg-tabs button.is-active { background: linear-gradient(135deg, #3590ec, #2670ca); color: #fff; }
.msg-tabs button.is-active span { color: rgba(255, 255, 255, .85); }

/* ===== 反水分類列：圖示用首頁分類 3D 圖示；金額欄不被擠壓（按鈕不換行）；窄版收緊間距 ===== */
.rebate-cat .ic { background: linear-gradient(160deg, #f1f6fd, #dbe7f6); }
.rebate-cat .ic img { width: 34px; height: 34px; object-fit: contain; display: block; }
.rebate-cat.is-empty .ic img { filter: grayscale(1); opacity: .7; }
.rebate-cat .info { flex: 1 1 auto; min-width: 0; }
.rebate-cat .info b { display: block; }
.rebate-cat .info span { line-height: 1.45; }
.rebate-cat .amt { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; }
.rebate-cat .amt .n { white-space: nowrap; }
.rebate-cat .amt button { white-space: nowrap; min-width: 76px; min-height: 30px; font-size: 13px; }
@container (max-width: 599px) {
  .rebate-cat { gap: 10px; padding: 12px; }
  .rebate-cat .ic { width: 42px; height: 42px; }
  .rebate-cat .ic img { width: 30px; height: 30px; }
  .rebate-cat .info b { font-size: 15px; }
  .rebate-cat .amt button { min-width: 68px; padding: 6px 12px; }
}
@supports not (container-type: inline-size) { @media (max-width: 599px) {
  .rebate-cat { gap: 10px; padding: 12px; }
  .rebate-cat .ic { width: 42px; height: 42px; }
  .rebate-cat .ic img { width: 30px; height: 30px; }
  .rebate-cat .amt button { min-width: 68px; padding: 6px 12px; }
} }