/* 赌王 · 蓝白皮肤（参照 9y.com 的 UI 风格：浅蓝灰底、白卡片、蓝色渐变按钮） */
:root {
  --jb-bg: #f4f7ff;
  --jb-card: #ffffff;
  --jb-soft: #f0f6ff;
  --jb-line: #e3ecfb;
  --jb-ink: #0f1a33;
  --jb-ink-2: #3a4866;
  --jb-vice: #6a7897;
  --jb-assist: #8d9fc7;
  --jb-brand: #167de4;
  --jb-brand-2: #17bdff;
  --jb-fill: linear-gradient(90deg, #167de4 0%, #00a6ff 100%);
  --jb-title: linear-gradient(90deg, #17bdff, #167de4 30%, #167de4 70%, #17bdff);
  --jb-shadow: 0 .05333rem .26667rem #2c5fb00f;
}

html, body, #app { background: var(--jb-bg) !important; }
#realapp { background: var(--jb-bg) !important; }

/* ---------- 大厅 ---------- */
.hallPage { background: var(--jb-bg) !important; color: var(--jb-ink) !important; }
.hallPage .head_area { background: var(--jb-bg) !important; }
.hallPage .head_area .head_text { color: var(--jb-ink) !important; }
.hallPage .toppart, .hallPage .allGameContent { background: transparent !important; }

/* 轮播：圆角 6px，底部带一层淡蓝 */
.hallPage .swiper-container {
  border-radius: .16rem !important; background: var(--jb-card);
  box-shadow: var(--jb-shadow);
}
.hallPage .swiper-container:after {
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(353deg, #3381ff35 6%, transparent 51%);
}
.hallPage .hall-banner-indicators span { background: #ffffff99 !important; border-radius: .05333rem; }
.hallPage .hall-banner-indicators span.active { background: var(--jb-brand) !important; }
.hallPage .hall-image-frame[data-hall-image-state=loading]:before {
  background: linear-gradient(100deg, #eef4ff 25%, #fff 45%, #eef4ff 65%) 0 0/220% 100% !important;
}
.hallPage .hall-image-frame[data-hall-image-state=loading]:after {
  border-color: #d6e6ff !important; border-top-color: var(--jb-brand) !important;
}

/* 公告条：白底 8px 圆角，无阴影 */
.hallPage .noticecontent {
  height: .8rem !important; border-radius: .21333rem !important;
  background: var(--jb-card) !important; border: 0 !important; box-shadow: none !important;
}
.hallPage .noticecontent .noticect .van-notice-bar,
.hallPage .noticecontent .noticect .van-notice-bar__wrap { background: transparent !important; }
.hallPage .noticecontent .van-notice-bar__content,
.hallPage .noticecontent .van-notice-bar span,
.hallPage .noticecontent .van-notice-bar p { color: var(--jb-ink-2) !important; font-weight: 500 !important; }

/* 登录 / 钱包卡：白底 12px 圆角 */
.hallPage .centerArea {
  background: var(--jb-card) !important; border: 0 !important;
  border-radius: .32rem !important; box-shadow: var(--jb-shadow) !important;
}
.hallPage .centerArea .toptit,
.hallPage .centerArea .logindd1 { color: var(--jb-assist) !important; font-weight: 600 !important; }
.hallPage .centerArea .logindd2 { color: var(--jb-ink) !important; }
.hallPage .centerArea .right_item_span { color: var(--jb-ink-2) !important; font-weight: 600 !important; }
/* 登录、注册改成 9y 的按钮：注册浅蓝底，登录蓝色渐变 */
.hallPage .centerArea .btn_item1, .hallPage .centerArea .btn_item2 {
  position: relative; background-image: none !important; border-radius: .16rem;
  display: flex; align-items: center; justify-content: center; font-size: .34667rem; font-weight: 600;
}
.hallPage .centerArea .btn_item1 { background: var(--jb-fill) !important; color: #fff; order: 2; margin-left: .13333rem; }
.hallPage .centerArea .btn_item2 { background: var(--jb-soft) !important; color: var(--jb-vice); order: 1; margin-left: 0 !important; }
.hallPage .centerArea .btn_item1:after { content: "登录"; }
.hallPage .centerArea .btn_item2:after { content: "注册"; }

/* 9y 账户栏：头像与真实等级、账号余额、三个快捷入口。原入口保留用于点击转发。 */
.hallPage .centerArea.jg-has-account { height: 2.4rem; padding: 0 .32rem; box-sizing: border-box; }
.hallPage .centerArea.jg-account-guest { height: 1.38667rem; }
.hallPage .centerArea.jg-has-account > .left_content,
.hallPage .centerArea.jg-has-account > .right_content { display: none !important; }
.jg-account { display: grid; grid-template-columns: 1.28rem minmax(0, 1fr) 3.76rem; align-items: center; gap: .24rem; width: 100%; color: #111; }
.jg-account [hidden] { display: none !important; }
.jg-account--guest { display: flex; justify-content: space-between; }
.jg-account--guest .jg-account__info { display: contents; }
.jg-account button { margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.jg-account button:focus-visible { outline: 2px solid var(--jb-brand); outline-offset: 3px; border-radius: .08rem; }
.jg-account__profile { display: flex; flex-direction: column; align-items: center; gap: .08rem; }
.jg-account__avatar { display: block; width: 1.04rem; height: 1.04rem; border-radius: 50%; object-fit: cover; }
.jg-account__vip { position: relative; display: block; min-width: 1.04rem; padding: 0 .08rem; box-sizing: border-box; border-radius: .08rem; background: #d8dee6; color: #3f4a59; font: italic 800 .26667rem/1.15 Arial,sans-serif; }
.jg-account__vip:before { content: "V"; position: absolute; left: -.12rem; top: -.09333rem; color: #b8c2cf; font: italic 900 .45333rem/1 Arial,sans-serif; }
.jg-account__info { min-width: 0; display: flex; flex-direction: column; gap: .16rem; font-size: .34667rem; font-weight: 700; }
.jg-account__id { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jg-account__balance { display: flex; align-items: center; gap: .13333rem; white-space: nowrap; font-family: Arial,sans-serif; }
.jg-account__balance strong { overflow: hidden; text-overflow: ellipsis; }
.jg-account__coin { display: inline-flex; flex: none; align-items: center; justify-content: center; width: .32rem; height: .32rem; border-radius: 50%; background: #36c8a1; color: #fff; font: 700 .26667rem/1 Arial,sans-serif; }
.jg-account .jg-account__refresh { display: flex; flex: none; align-items: center; justify-content: center; width: .48rem; height: .48rem; color: #6b8abc !important; }
.jg-account__refresh svg { width: .32rem; height: .32rem; }
.jg-account__auth { display: flex; align-items: center; gap: .32rem; }
.jg-account__auth button { width: 1.46667rem; height: .69333rem; border-radius: .16rem; font-size: .32rem !important; font-weight: 600 !important; }
.jg-account__auth [data-action="register"] { background: var(--jb-soft); color: var(--jb-assist) !important; }
.jg-account__auth [data-action="login"] { background: #0096ff; color: #fff !important; }
.jg-account__guest { color: var(--jb-assist); font-size: .32rem; font-weight: 600; white-space: nowrap; }
.jg-account__actions { display: flex; justify-content: space-between; align-items: center; }
.jg-account .jg-account__action { display: flex; flex-direction: column; align-items: center; gap: .24rem; width: 1.04rem; font-size: .29333rem !important; line-height: 1.2 !important; font-weight: 600 !important; }
.jg-account__icon { display: flex; align-items: center; justify-content: center; width: 1.04rem; height: 1.04rem; border-radius: 50%; background: #edf2ff; }
.jg-account__icon svg { display: block; width: .74667rem; height: .74667rem; }
.jg-account__action--withdraw .jg-account__icon { background: #eaf8f4; }
.jg-account__action--agent .jg-account__icon { background: #fff4e9; }
.jg-account__action:active .jg-account__icon { transform: scale(.94); }

/* 六宫格玩法入口（hall-grid.js），替代原分类条 */
.jg-has-play-grid .hallPage .gameContent-anchor { display: none !important; }
.jg-has-play-grid .hallPage .allGameContent.nav-fixed-gapless { margin-top: 0 !important; }
.jg-play-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .21333rem;
  width: 9.2rem; margin: 0 auto; box-sizing: border-box;
}
.jg-play {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
  height: 3.73333rem; min-width: 0; padding: 0; overflow: hidden; border: 0; border-radius: .32rem; cursor: pointer;
  font: inherit; background: transparent; box-shadow: var(--jb-shadow);
  -webkit-tap-highlight-color: transparent; transition: transform .12s, box-shadow .12s;
}
.jg-play:active { transform: scale(.97); }
.jg-play:focus-visible { outline: 2px solid var(--jb-brand); outline-offset: 2px; }
.jg-play__image { display: block; width: 100%; height: 100%; pointer-events: none; }


/* 大厅下方不再显示游戏卡（电子/真人改为进入选择页） */
.jg-has-play-grid .hallPage .allGameContent { display: none !important; }

/* ---------- 选择页（PC其他玩法 / 电子 / 真人），hall-grid.js 打开 ---------- */
.jg-sheet {
  position: fixed; inset: 0; z-index: 3000; display: flex; flex-direction: column;
  background: var(--jb-bg); color: var(--jb-ink);
  transform: translateX(100%); transition: transform .26s cubic-bezier(.22, 1, .36, 1);
}
.jg-sheet.is-open { transform: none; }
.jg-sheet__head {
  position: relative; flex: none; display: flex; align-items: center; justify-content: center;
  height: 1.2rem; padding-top: env(safe-area-inset-top); background: #fff;
  box-shadow: 0 1px 0 var(--jb-line);
}
.jg-sheet__title { margin: 0; font-size: .45333rem; font-weight: 700; color: var(--jb-ink); }
.jg-sheet__back {
  position: absolute; left: .21333rem; bottom: 0; width: 1.06667rem; height: 1.2rem;
  display: flex; align-items: center; justify-content: center; border: 0; background: none; cursor: pointer;
  color: var(--jb-ink);
}
.jg-sheet__back svg { width: .58667rem; height: .58667rem; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.jg-sheet__body {
  flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: .32rem .32rem calc(.53333rem + env(safe-area-inset-bottom));
}
.jg-sheet__group {
  margin-bottom: .32rem; padding: .10667rem .32rem .16rem;
  background: var(--jb-card); border-radius: .32rem; box-shadow: var(--jb-shadow);
}
.jg-sheet__group-title {
  margin: 0; display: flex; align-items: center; height: .96rem; font-size: .42667rem; font-weight: 700;
  color: transparent; background: var(--jb-title); -webkit-background-clip: text; background-clip: text;
}
.jg-sheet__empty { margin: 1.6rem 0; text-align: center; font-size: .34667rem; color: var(--jb-assist); }
.jg-room {
  display: flex; align-items: center; gap: .26667rem; width: 100%; padding: .26667rem 0;
  border: 0; border-top: 1px solid var(--jb-line); background: none; font: inherit; text-align: left;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.jg-room:active { background: var(--jb-soft); }
.jg-room__logo {
  flex: none; width: 1.17333rem; height: 1.17333rem; border-radius: .26667rem; overflow: hidden; background: var(--jb-soft);
}
.jg-room__logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jg-room__logo b {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
  background: var(--jb-fill); color: #fff; font-size: .48rem; font-weight: 800;
}
.jg-room__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .08rem; }
.jg-room__name { font-size: .4rem; font-weight: 700; color: var(--jb-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jg-room__online { display: flex; align-items: center; gap: .10667rem; font-size: .29333rem; color: var(--jb-assist); font-weight: 600; }
.jg-room__online i { width: .16rem; height: .16rem; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 .05333rem #22c55e26; }
.jg-room__go {
  flex: none; height: .69333rem; padding: 0 .32rem; display: flex; align-items: center;
  border-radius: .16rem; background: var(--jb-fill); color: #fff; font-size: .32rem; font-weight: 600;
}
.jg-venue {
  display: block; width: 100%; margin: 0 0 .26667rem; padding: 0; border: 0; cursor: pointer;
  border-radius: .32rem; overflow: hidden; background: var(--jb-card); box-shadow: var(--jb-shadow);
  aspect-ratio: 1380 / 480; transition: transform .12s;
}
.jg-venue:active { transform: scale(.98); }
.jg-venue img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (prefers-reduced-motion: reduce) { .jg-sheet { transition: none; } }

/* ---------- 六宫格下方：热门推荐 / 三个入口 / APP下载（hall-extras.js） ---------- */
.jg-extras {
  display: flex; flex-direction: column; gap: .26667rem;
  width: 9.2rem; margin: .26667rem auto 0; box-sizing: border-box;
  /* 留出底部导航（约 70px）+ 安全区，最后的下载按钮不会被挡住 */
  padding-bottom: calc(2.4rem + env(safe-area-inset-bottom));
}
.jg-extras button { font: inherit; -webkit-tap-highlight-color: transparent; }
.jg-extras button:focus-visible, .jg-notice .cffffbtn > div:focus-visible { outline: 2px solid var(--jb-brand); outline-offset: 2px; }

.jg-sec-head { display: flex; align-items: center; justify-content: space-between; margin: .05333rem .05333rem .21333rem; }
.jg-sec-title {
  display: flex; align-items: center; gap: .16rem; margin: 0;
  font-size: .42667rem; font-weight: 800; color: var(--jb-ink); letter-spacing: .01333rem;
}
.jg-dot { width: .21333rem; height: .21333rem; border-radius: 50%; }
.jg-dot--green { background: #11c27c; box-shadow: 0 0 0 .08rem #11c27c26; }
.jg-sec-more { padding: .08rem 0; border: 0; background: none; color: var(--jb-vice); font-size: .32rem; font-weight: 600; cursor: pointer; }

/* 热门推荐：横向滑动的竖版卡片 */
.jg-hot__track {
  display: flex; gap: .21333rem; overflow-x: auto; overscroll-behavior-x: contain;
  scrollbar-width: none; padding: 0 .4rem .08rem; margin: 0 -.4rem;
  /* 自动滚动（hall-extras.js），不加 scroll-snap，否则会和逐帧滚动冲突 */
}
.jg-hot__track::-webkit-scrollbar { display: none; }
.jg-hot__card {
  position: relative; flex: none; width: 2.4rem; height: 3.2rem; padding: 0; border: 0; cursor: pointer;
  border-radius: .32rem; overflow: hidden; color: #fff;
  box-shadow: 0 .10667rem .26667rem var(--tone-shadow, #2c5fb033);
  background: var(--tone-bg); transition: transform .12s;
}
.jg-hot__card:active { transform: scale(.96); }
.jg-hot__card:after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(120% 60% at 50% 0, #ffffff40, transparent 60%);
}
.jg-hot__mark {
  position: absolute; top: .16rem; left: 0; right: 0; text-align: center;
  font: italic 900 .85333rem/1 DIN, Arial, sans-serif; color: #ffffff2e; letter-spacing: -.02667rem;
}
.jg-hot__art {
  position: absolute; left: 50%; top: .48rem; width: 1.6rem; height: 1.6rem; transform: translateX(-50%);
  border-radius: 50%; box-shadow: 0 .10667rem .32rem #0000003d, 0 0 0 .05333rem #ffffff80;
  background: #ffffff26; overflow: hidden;
}
.jg-hot__art img, .jg-hot__art svg { display: block; width: 100%; height: 100%; object-fit: cover; }
/* 电子 / 真人场馆：用原游戏卡图片铺满，底部压一层渐变放名字 */
.jg-hot__cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 30% center; }
.jg-hot__card--cover:before {
  content: ""; position: absolute; inset: 45% 0 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, transparent, #0f1a33cc);
}
.jg-hot__name {
  position: absolute; left: .08rem; right: .08rem; bottom: .29333rem; z-index: 1;
  font-size: .34667rem; font-weight: 800; line-height: 1.2; text-align: center;
  text-shadow: 0 .02667rem .08rem #00000040; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.jg-tone--blue { --tone-bg: linear-gradient(160deg, #6fc0ff 0%, #2f7bff 55%, #1a4fd6 100%); --tone-shadow: #2f7bff4d; }
.jg-tone--violet { --tone-bg: linear-gradient(160deg, #c08bff 0%, #8a4dff 55%, #5a24d6 100%); --tone-shadow: #8a4dff4d; }
.jg-tone--amber { --tone-bg: linear-gradient(160deg, #ffd27a 0%, #ff9a3d 55%, #f0661f 100%); --tone-shadow: #ff9a3d4d; }
.jg-tone--rose { --tone-bg: linear-gradient(160deg, #ff9ec4 0%, #ff4f8b 55%, #d92a68 100%); --tone-shadow: #ff4f8b4d; }
.jg-tone--mint { --tone-bg: linear-gradient(160deg, #7ef0c4 0%, #18c487 55%, #0b9566 100%); --tone-shadow: #18c4874d; }

/* USDT教程 / 赌尊社区 / 在线客服 */
.jg-quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .21333rem; }
.jg-quick__item {
  display: flex; align-items: center; justify-content: center; gap: .13333rem;
  height: 1.17333rem; padding: 0 .13333rem; border: 0; border-radius: .32rem; cursor: pointer;
  background: var(--jb-card); box-shadow: var(--jb-shadow); color: var(--jb-ink); transition: transform .12s;
}
.jg-quick__item:active { transform: scale(.97); }
.jg-quick__icon { flex: none; width: .64rem; height: .64rem; }
.jg-quick__icon svg { display: block; width: 100%; height: 100%; }
.jg-quick__label { font-size: .37333rem; font-weight: 700; white-space: nowrap; }

/* APP下载 */
.jg-app {
  position: relative; padding: .4rem .32rem .42667rem; border-radius: .32rem; overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%); box-shadow: var(--jb-shadow);
}
.jg-app__head { position: relative; display: flex; align-items: center; justify-content: center; gap: .21333rem; height: 1.06667rem; padding-top: .26667rem; box-sizing: border-box; }
.jg-app__wm {
  position: absolute; left: 50%; top: 0; transform: translateX(-50%);
  font: 900 .53333rem/1 Arial, sans-serif; letter-spacing: .16rem; color: var(--jb-brand); opacity: .1; white-space: nowrap;
}
.jg-app__line { flex: 1; max-width: 2.13333rem; height: .02667rem; background: linear-gradient(90deg, transparent, #167de4); }
.jg-app__line--r { background: linear-gradient(90deg, #167de4, transparent); }
.jg-app__title {
  margin: 0; font-size: .48rem; font-weight: 800; letter-spacing: .05333rem;
  background: var(--jb-title); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.jg-app__stage { position: relative; height: 4.26667rem; margin: .21333rem 0 .10667rem; }
.jg-app__glow {
  position: absolute; left: 50%; bottom: .16rem; width: 6.4rem; height: 1.6rem; transform: translateX(-50%);
  border-radius: 50%; background: radial-gradient(closest-side, #8cc4ff80, transparent);
}
.jg-app__phone {
  position: absolute; left: 50%; top: 0; width: 2.4rem; height: 4.05333rem; transform: translateX(-50%) rotate(-6deg);
  border-radius: .42667rem; padding: .10667rem; box-sizing: border-box;
  background: linear-gradient(145deg, #e9f1ff, #9fb8de); box-shadow: 0 .21333rem .53333rem #1a4fd640, inset 0 0 0 .02667rem #ffffff;
}
.jg-app__notch { position: absolute; left: 50%; top: .16rem; z-index: 1; width: .8rem; height: .16rem; transform: translateX(-50%); border-radius: .08rem; background: #0f1a33; }
.jg-app__screen {
  display: flex; flex-direction: column; align-items: center; height: 100%; padding-top: .48rem; box-sizing: border-box;
  border-radius: .32rem; background: linear-gradient(180deg, #2f8cf0 0%, #1a4fd6 46%, #f4f7ff 46.1%);
}
.jg-app__screen img { width: .96rem; height: .96rem; object-fit: contain; filter: drop-shadow(0 .05333rem .10667rem #00000040); }
.jg-app__screen b { margin: .05333rem 0 .26667rem; font-size: .26667rem; color: #fff; letter-spacing: .02667rem; }
.jg-app__tiles { display: grid; grid-template-columns: repeat(3, .53333rem); gap: .08rem; }
.jg-app__tiles i { height: .64rem; border-radius: .10667rem; background: #fff; box-shadow: 0 .02667rem .08rem #2c5fb026; }
.jg-app__tiles i:nth-child(3n+1) { background: linear-gradient(180deg, #fff, #dcebff); }
.jg-app__chip {
  position: absolute; padding: .08rem .21333rem; border-radius: .32rem; font-size: .29333rem; font-weight: 700;
  color: var(--jb-brand); background: #fff; box-shadow: 0 .08rem .21333rem #2c5fb02e; white-space: nowrap;
}
.jg-app__chip--a { left: .4rem; top: .96rem; }
.jg-app__chip--b { right: .4rem; top: 2.4rem; }
.jg-app__desc { margin: 0 0 .32rem; text-align: center; font-size: .32rem; color: var(--jb-vice); }
.jg-app__btns { display: grid; grid-template-columns: 1fr 1fr; gap: .26667rem; }
.jg-app__btn {
  display: flex; align-items: center; justify-content: center; gap: .13333rem; height: 1.01333rem; border: 0; cursor: pointer;
  border-radius: .50667rem; background: var(--jb-fill); color: #fff; font-size: .37333rem; font-weight: 700;
  box-shadow: 0 .08rem .21333rem #167de440; transition: transform .12s;
}
.jg-app__btn:active { transform: scale(.97); }
.jg-app__btn svg { width: .45333rem; height: .45333rem; }

/* USDT 教程页（复用选择页外壳） */
.jg-usdt { display: flex; flex-direction: column; gap: .32rem; }
.jg-usdt__hero {
  display: flex; align-items: center; gap: .32rem; padding: .42667rem; border-radius: .32rem; color: #fff;
  background: linear-gradient(135deg, #2bc28d 0%, #167de4 100%); box-shadow: 0 .10667rem .32rem #167de433;
}
.jg-usdt__coin { flex: none; width: 1.17333rem; height: 1.17333rem; border-radius: 50%; background: #fff; padding: .05333rem; box-sizing: border-box; }
.jg-usdt__coin svg { display: block; width: 100%; height: 100%; }
.jg-usdt__hero h3 { margin: 0 0 .08rem; font-size: .45333rem; font-weight: 800; }
.jg-usdt__hero p { margin: 0; font-size: .32rem; opacity: .9; }
.jg-usdt .jg-usdt__steps { margin: 0; padding: .37333rem .32rem !important; list-style: none; border-radius: .32rem; background: var(--jb-card); box-shadow: var(--jb-shadow); }
.jg-usdt__steps li { position: relative; display: flex; gap: .26667rem; padding-bottom: .37333rem; }
.jg-usdt__steps li:last-child { padding-bottom: 0; }
.jg-usdt__steps li:not(:last-child):before {
  content: ""; position: absolute; left: .29333rem; top: .64rem; bottom: .05333rem; width: .02667rem; background: var(--jb-line);
}
.jg-usdt__no {
  flex: none; width: .58667rem; height: .58667rem; border-radius: 50%; display: grid; place-items: center;
  font-size: .32rem; font-weight: 800; color: #fff; background: var(--jb-fill);
}
.jg-usdt__steps h4 { margin: .05333rem 0 .08rem; font-size: .37333rem; color: var(--jb-ink); }
.jg-usdt__steps p { margin: 0; font-size: .32rem; line-height: 1.6; color: var(--jb-ink-2); }
.jg-usdt__tips { padding: .32rem .37333rem; border-radius: .32rem; background: #fff7ea; }
.jg-usdt__tips h4 { margin: 0 0 .13333rem; font-size: .34667rem; color: #c46a00; }
.jg-usdt .jg-usdt__tips ul { margin: 0; padding-left: .42667rem !important; list-style: disc !important; }
.jg-usdt__tips li { font-size: .32rem; line-height: 1.7; color: #7a5520; }
.jg-usdt__actions { display: grid; grid-template-columns: 1fr 1fr; gap: .26667rem; }
.jg-btn {
  height: 1.06667rem; border: 0; border-radius: .53333rem; cursor: pointer; font: inherit;
  font-size: .37333rem; font-weight: 700; color: #fff; background: var(--jb-fill); box-shadow: 0 .08rem .21333rem #167de440;
}
.jg-btn--ghost { color: var(--jb-brand); background: #e8f2ff; box-shadow: none; }

/* ---------- 公告弹窗：品牌名 + 大标题 + 喇叭插画 ---------- */
.van-popup.jg-notice {
  width: 8.8rem !important; max-width: calc(100vw - .64rem); overflow: visible !important;
  border-radius: .64rem !important; padding: 0 .48rem .48rem; box-sizing: border-box;
  background: linear-gradient(180deg, #d9ecff 0%, #eef5ff 22%, #f6f9ff 46%, #ffffff 100%) !important;
  box-shadow: 0 .42667rem 1.06667rem #0f2a6640, inset 0 0 0 .02667rem #ffffffcc;
}
.jg-notice__hero { position: relative; min-height: 2.66667rem; padding: .64rem 2.4rem 0 .05333rem; box-sizing: border-box; text-align: left; }
.jg-notice__brand { display: block; font-size: .48rem; font-weight: 700; color: #1f6fd1; letter-spacing: .02667rem; }
.jg-notice__title {
  margin: .10667rem 0 0; font-size: .82667rem; line-height: 1.15; font-weight: 900; color: #11284d; letter-spacing: .02667rem;
  word-break: break-all;
}
.jg-notice__art {
  position: absolute; right: -.37333rem; top: -1.06667rem; width: 3.46667rem; height: 2.88rem; pointer-events: none;
  filter: drop-shadow(0 .16rem .26667rem #167de440);
}
.jg-notice__art svg { display: block; width: 100%; height: 100%; }
.jg-notice .outerwrap {
  height: auto !important; min-height: 0 !important; max-height: 52vh !important; text-align: left !important; margin-top: .32rem; padding: .05333rem .05333rem .16rem !important;
  color: #3a4866 !important; font-size: .37333rem !important; line-height: 1.75 !important;
  background: transparent !important; -webkit-overflow-scrolling: touch;
}
.jg-notice .outerwrap .jg-notice__lifted { display: none; }
.jg-notice .outerwrap strong, .jg-notice .outerwrap b,
.jg-notice .outerwrap h1, .jg-notice .outerwrap h2, .jg-notice .outerwrap h3, .jg-notice .outerwrap h4 { color: #11284d; }
.jg-notice .outerwrap p { margin: 0 0 .16rem; }
.jg-notice .outerwrap ul, .jg-notice .outerwrap ol { margin: 0 0 .16rem; padding: 0 !important; list-style: none !important; }
.jg-notice .outerwrap li { position: relative; padding-left: .37333rem !important; }
.jg-notice .outerwrap li:before { content: "*" !important; position: absolute; left: 0; top: .05333rem; color: #f0364a; font-weight: 800; }
.jg-notice .outerwrap img { max-width: 100%; height: auto; border-radius: .21333rem; }
.jg-notice .cffffbtn { display: flex !important; gap: .21333rem; margin-top: .32rem; border-top: 0 !important; background: transparent !important; }
.jg-notice .cffffbtn > div {
  flex: 1 1 0 !important; width: auto !important; height: 1.17333rem; padding: 0 !important; display: flex !important;
  align-items: center; justify-content: center; border-radius: .58667rem; cursor: pointer;
  font-size: .42667rem !important; font-weight: 700; color: var(--jb-brand) !important; background: #e3efff;
}
.jg-notice .cffffbtn > div:last-child {
  flex-grow: 2 !important; color: #fff !important; background: linear-gradient(90deg, #3aa0ff 0%, #167de4 55%, #0d5fd0 100%);
  box-shadow: 0 .10667rem .26667rem #167de44d, inset 0 .02667rem 0 #ffffff59;
}
.jg-notice .cffffbtn > div[aria-disabled="true"] { opacity: .7; }

/* 游戏卡 */
.hallPage .allGameContent .longbtn {
  border-radius: .32rem !important; background: var(--jb-card) !important; box-shadow: var(--jb-shadow) !important;
}
.hallPage .allGameContent .smallBg { background: var(--jb-card) !important; border-radius: .32rem !important; box-shadow: var(--jb-shadow) !important; }

/* 右侧活动浮窗：去掉 */
.hallActivityBox { display: none !important; }

/* ---------- 底部导航（全站） ---------- */
#app .bottom-taps {
  height: auto !important; overflow: visible !important; border-radius: 0 !important;
  background: linear-gradient(#fbfdff, #fbfdfff2) !important;
  border-top: 1px solid #366dab36;
  box-shadow: 0 -1px #ffffffcc, 0 -8px 30px #05152b0a;
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
#app .bottom-taps .item_text { color: var(--jb-vice) !important; font-weight: 600 !important; }
#app .bottom-taps .nav_active .item_text { color: var(--jb-brand-2) !important; font-weight: 700 !important; }

/* 新底栏（bottom-nav.js）：首页 / 钱包 / logo / 活动 / 我的；原按钮保留在 DOM 里供点击转发 */
.jn-has-nav #app .bottom-taps .innertops { display: none !important; }
.jn-nav {
  position: relative; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center;
  height: 1.52rem; padding: 0 .32rem; box-sizing: content-box;
}
.jn-nav__item {
  position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: .08rem; height: 100%; padding: 0; border: 0; background: none; font: inherit; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#app .jn-nav .jn-nav__item { color: var(--jb-vice) !important; }
.jn-nav__icon { width: .64rem; height: .64rem; transition: transform .22s cubic-bezier(.2, 1.4, .4, 1); }
.jn-nav__icon svg {
  width: 100%; height: 100%; display: block; fill: none; stroke: currentColor;
  stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
}
.jn-nav__label { font-size: .29333rem; font-weight: 600; line-height: 1; }
#app .jn-nav .jn-nav__item.is-active { color: var(--jb-brand) !important; }
.jn-nav__item.is-active .jn-nav__label { font-weight: 700; }
.jn-nav__item.is-active .jn-nav__icon { transform: translateY(-1px) scale(1.06); }
.jn-nav__item.is-active .jn-nav__icon svg { fill: #167de41f; }
/* 完整玻璃选中块：图标和文字一起包入，四周留出一致的间距。 */
.jn-nav__sel {
  position: absolute; left: 0; top: .08rem; bottom: .08rem; width: 1.52rem; margin-left: -.76rem;
  box-sizing: border-box; border: 1px solid #8eb9ec66; border-radius: .36rem; pointer-events: none;
  background: linear-gradient(145deg, #ffffffc9, #dcecff99 55%, #edf5ffb8);
  box-shadow: inset 0 1px #fff, inset 0 -1px #a9c8ed40, 0 2px 8px #5486bd1c;
  -webkit-backdrop-filter: blur(12px) saturate(150%); backdrop-filter: blur(12px) saturate(150%);
  transition: transform .42s cubic-bezier(.22, 1, .36, 1), opacity .2s;
}
/* 中间客服：突出的蓝色圆角按钮（白色耳机 + 客服） */
.jn-nav__center {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .02667rem;
  width: 1.17333rem; height: 1.17333rem; border-radius: .29333rem;
  background: radial-gradient(90% 70% at 30% 15%, #6fd0ff 0%, transparent 60%), linear-gradient(145deg, #2f9bff 0%, #167de4 50%, #0d55c8 100%);
  box-shadow: 0 .10667rem .26667rem #167de459, inset 0 .02667rem 0 #ffffff66; transition: transform .15s;
}
#app .jn-nav .jn-nav__item--service, #app .jn-nav .jn-nav__item--service.is-active { color: #fff !important; }
.jn-nav__item--service.is-active .jn-nav__icon { transform: none; }
.jn-nav__item--service.is-active .jn-nav__icon svg { fill: none; }
.jn-nav__item--service.is-active .jn-nav__center { box-shadow: 0 0 0 .08rem #167de433, 0 .10667rem .26667rem #167de459, inset 0 .02667rem 0 #ffffff66; }
.jn-nav__center .jn-nav__icon { width: .58667rem; height: .58667rem; }
.jn-nav__center .jn-nav__icon svg { stroke-width: 2.1; }
.jn-nav__center .jn-nav__label { font-size: .26667rem; font-weight: 700; letter-spacing: .02667rem; }
.jn-nav__item--service:active .jn-nav__center { transform: scale(.94); }
.jn-nav__item:focus-visible { outline: 2px solid var(--jb-brand); outline-offset: -4px; border-radius: .26667rem; }
@media (prefers-reduced-motion: reduce) {
  .jn-nav__sel, .jn-nav__icon { transition: none; }
}

/* ---------- 登录弹窗 ---------- */
.Login-window .loginPage {
  background: #ffffffeb !important; border-radius: .32rem !important;
  box-shadow: 0 .10667rem .53333rem #2c5fb01f !important;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.Login-window .inputBox {
  background: var(--jb-bg) !important; border-radius: .21333rem !important;
  border: 1px solid transparent; transition: border-color .15s, background .15s;
}
.Login-window .inputBox:focus-within { background: #fff !important; border-color: var(--jb-brand); }
.Login-window .inputBox input { color: var(--jb-ink) !important; }
.Login-window .inputBox input::placeholder { color: var(--jb-assist); }
.Login-window .checkbox_text, .Login-window .b_item, .Login-window .b_other_menu .item { color: var(--jb-ink-2) !important; }
.Login-window .b_other_menu .item.blue { color: var(--jb-brand) !important; font-weight: 600; }
.Login-window .loginbtn {
  background: var(--jb-fill) !important; border-radius: .21333rem !important;
  box-shadow: 0 .10667rem .32rem #167de433; font-weight: 600;
}
.Login-window .b_kefu_span { color: var(--jb-vice) !important; }

/* ---------- 其他页面通用（登录后页面同样生效） ---------- */
:root {
  --van-primary-color: #167de4;
  --van-blue: #167de4;
  --van-background: #f4f7ff;
  --van-background-2: #ffffff;
  --van-active-color: #f0f6ff;
  --van-tabs-bottom-bar-color: #167de4;
  --van-tab-active-text-color: #167de4;
  --van-nav-bar-icon-color: #0f1a33;
  --van-nav-bar-title-text-color: #0f1a33;
  --van-nav-bar-text-color: #167de4;
  --van-tabbar-item-active-color: #17bdff;
  --van-checkbox-checked-icon-color: #167de4;
  --van-radio-checked-icon-color: #167de4;
  --van-switch-on-background: #167de4;
  --van-dialog-confirm-button-text-color: #167de4;
  --van-picker-confirm-action-color: #167de4;
}
.van-nav-bar { background: #fff !important; }
.van-tabs__line { background: var(--jb-fill) !important; }

/* vant 通用组件 */
.van-button--primary, .van-button--danger {
  background: var(--jb-fill) !important; border-color: transparent !important; color: #fff !important;
}
.van-dialog__confirm, .van-dialog__confirm:active { color: var(--jb-brand) !important; }
.van-pull-refresh__head, .van-loading__text { color: var(--jb-assist) !important; }

/* ---------- 我的钱包（/account，wallet.js）：参照 9nww 钱包页 ---------- */
.accounts.jg-wallet {
  min-height: 100vh;
  background: radial-gradient(130% 38% at 50% 0, #d6e8ff 0%, #eaf3ff 45%, transparent 75%), var(--jb-bg) !important;
}
.jg-wallet .head_area { background: transparent !important; }
.jg-wallet .head_area .head_text { color: var(--jb-ink) !important; font-weight: 800 !important; }
.jg-wallet .head_area .right_menu { color: var(--jb-brand) !important; font-weight: 600 !important; }
.jg-wallet .van-pull-refresh, .jg-wallet .main_content, .jg-wallet .accounts-scroll { background: transparent !important; }
.jg-wallet .accounts-scroll .topArea {
  min-height: 0 !important; padding-top: .21333rem !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
}

/* 余额主卡：深蓝渐变 + 右下角 DW 水印 */
.jg-wallet .topArea .MoneyArea {
  position: relative; overflow: hidden; padding: .48rem .53333rem .64rem !important; border-radius: .48rem;
  background: radial-gradient(90% 130% at 100% 0, #62ccff 0%, transparent 55%), linear-gradient(135deg, #1a4fd6 0%, #167de4 55%, #27a6ff 100%);
  box-shadow: 0 .21333rem .53333rem #167de440;
}
.jg-wallet .topArea .MoneyArea:after {
  content: ""; position: absolute; right: -.32rem; bottom: -.58667rem; width: 3.2rem; height: 3.2rem; pointer-events: none;
  background: url(/jg-skin/dwdw-logo.png) center / contain no-repeat; opacity: .12; transform: rotate(-12deg);
}
.jg-wallet .MoneyArea .item .money_title { color: #ffffffd9 !important; font-weight: 600 !important; }
.jg-wallet .MoneyArea .item { border: 0 !important; padding-bottom: 0 !important; }
.jg-wallet .MoneyArea .money_title img { border-radius: 50%; background: #fff; box-shadow: 0 0 0 .02667rem #ffffff80; }
.jg-wallet .MoneyArea .refresh { filter: brightness(0) invert(1); opacity: .85; }
.jg-wallet .MoneyArea .money_bottom { margin-top: .16rem; }
.jg-wallet .MoneyArea .money_bottom .money_text {
  color: #fff !important; font: 800 .96rem/1.1 DIN, Arial, sans-serif !important; letter-spacing: .02667rem;
  text-shadow: 0 .05333rem .16rem #0d3a9e59;
}

/* 存款 / 取款 */
.jg-wallet__actions {
  display: grid; grid-template-columns: 1fr 1fr; gap: .16rem; margin-top: .32rem; padding: .10667rem;
  border-radius: .64rem; background: #fff; box-shadow: var(--jb-shadow);
}
.jg-wallet__act {
  display: flex; align-items: center; justify-content: center; gap: .16rem; height: 1.12rem; border: 0; cursor: pointer;
  border-radius: .53333rem; font: inherit; font-size: .42667rem; font-weight: 800; letter-spacing: .05333rem;
  -webkit-tap-highlight-color: transparent; transition: transform .12s;
}
.jg-wallet__act:active { transform: scale(.97); }
.jg-wallet__act:focus-visible, .jg-wallet__help-btn:focus-visible, .jg-wallet .main_menu .item:focus-visible { outline: 2px solid var(--jb-brand); outline-offset: 2px; }
.jg-wallet__act svg { width: .53333rem; height: .53333rem; }
.jg-wallet__act span, .jg-wallet__help-btn span { color: inherit !important; font: inherit !important; }
.jg-wallet__act--in {
  color: #fff; background: linear-gradient(90deg, #3aa0ff 0%, #167de4 55%, #0d5fd0 100%);
  box-shadow: 0 .08rem .21333rem #167de44d, inset 0 .02667rem 0 #ffffff59;
}
.jg-wallet__act--out { color: var(--jb-brand); background: #eef5ff; }

/* 快捷服务 */
.jg-wallet__menu-title { margin: .42667rem .05333rem .21333rem; font-size: .42667rem; font-weight: 800; color: var(--jb-ink); }
.jg-wallet .topArea .main_menu {
  display: flex !important; justify-content: space-around; margin-top: 0 !important;
  padding: .37333rem .16rem; border-radius: .42667rem; background: #fff; box-shadow: var(--jb-shadow);
}
.jg-wallet .main_menu .item { flex: 1 1 0; display: flex !important; flex-direction: column; align-items: center; gap: .13333rem; cursor: pointer; }
.jg-wallet .main_menu .item.jg-wallet__dup { display: none !important; }
.jg-wallet .main_menu .item > span { color: var(--jb-ink-2) !important; font-size: .32rem !important; font-weight: 600 !important; }
.jg-wallet .main_menu .item .bgbox { width: 1.06667rem !important; height: 1.06667rem !important; background: none !important; }
.jg-wallet__ico, .jg-wallet__ico svg { display: block; width: 100%; height: 100%; }
.jg-wallet__ico + img { display: none !important; }
.jg-wallet .topArea .one-line { display: none !important; }

/* 余额全站通用：场馆余额明细 / 一键取回不再展示 */
.jg-wallet .topArea .venuesDetail { display: none !important; }
/* 场馆余额明细（保留样式，以后恢复时可用） */
.jg-wallet .topArea .venuesDetail {
  margin-top: .32rem; padding: .32rem 0 .21333rem; border-radius: .42667rem; background: #fff; box-shadow: var(--jb-shadow);
}
.jg-wallet .venuesDetail .venues .left-nums { color: var(--jb-ink) !important; font-weight: 800 !important; }
.jg-wallet .venuesDetail .venues > span { color: var(--jb-brand) !important; }
.jg-wallet .venuesDetail .venuesList .top { background: linear-gradient(90deg, #eef5ff, #f6f9ff) !important; border-radius: .32rem !important; }
.jg-wallet .venuesDetail .venuesList .money { color: var(--jb-ink) !important; font-weight: 800 !important; }
.jg-wallet .venuesDetail .venuesList .van-button {
  border: 0 !important; border-radius: .42667rem !important; color: #fff !important; background: var(--jb-fill) !important;
}

/* 添加提现账户 */
.jg-wallet .accounts-opendetails {
  display: flex !important; align-items: center; justify-content: center; box-sizing: border-box;
  width: 9.2rem !important; height: 1.06667rem !important; margin: .32rem auto 0 !important;
  border: .02667rem dashed #9cc4f5 !important; border-radius: .42667rem !important;
  background: #fff !important; color: var(--jb-brand) !important; font-weight: 700 !important;
}

/* 客服提示卡 */
.jg-wallet__help {
  display: flex; align-items: center; gap: .26667rem; box-sizing: border-box;
  width: 9.2rem; margin: .32rem auto 1.06667rem; padding: .37333rem .37333rem .37333rem .42667rem;
  border-radius: .42667rem; background: #fff; box-shadow: var(--jb-shadow);
}
.jg-wallet__help-ico { flex: none; width: .58667rem; height: .58667rem; }
.jg-wallet__help-ico svg { display: block; width: 100%; height: 100%; }
.jg-wallet__help p { flex: 1; min-width: 0; margin: 0; font-size: .34667rem; line-height: 1.5; color: var(--jb-ink-2); }
.jg-wallet__help-btn {
  flex: none; display: flex; align-items: center; gap: .10667rem; height: .90667rem; padding: 0 .37333rem; border: 0; cursor: pointer;
  border-radius: .45333rem; background: var(--jb-fill); color: #fff; font: inherit; font-size: .34667rem; font-weight: 700;
  box-shadow: 0 .08rem .21333rem #167de440;
}
.jg-wallet__help-btn svg { width: .42667rem; height: .42667rem; }

/* 原站全局用超高优先级把 button 的 color / font 设成 inherit，自定义按钮的文字颜色和字号要用 !important 覆盖 */
.jg-wallet__act { font-size: .42667rem !important; font-weight: 800 !important; }
.jg-wallet__act--in { color: #fff !important; }
.jg-wallet__act--out { color: var(--jb-brand) !important; }
.jg-wallet__help-btn { color: #fff !important; font-size: .34667rem !important; font-weight: 700 !important; }
.jg-app__btn, .jg-btn { color: #fff !important; font-size: .37333rem !important; font-weight: 700 !important; }
.jg-btn--ghost { color: var(--jb-brand) !important; }
.jg-sec-more { color: var(--jb-vice) !important; font-size: .32rem !important; font-weight: 600 !important; }
.jg-quick__item { color: var(--jb-ink) !important; }
.jg-hot__card { color: #fff !important; }

/* ---------- 充值 / 提现（wallet.js）：参照 9nww 的存款 / 取款 ---------- */
.recharge.recharge-v3, .withdraw.withdrawal-v3 {
  min-height: 100vh;
  background: radial-gradient(130% 30% at 50% 0, #d6e8ff 0%, #eaf3ff 45%, transparent 75%), var(--jb-bg) !important;
}
.recharge-v3 .head_area, .withdrawal-v3 .head_area { background: transparent !important; box-shadow: none !important; }
.recharge-v3 .head_area .head_text, .withdrawal-v3 .head_area .head_text { color: var(--jb-ink) !important; font-weight: 800 !important; }
.recharge-v3 .head_area .right_menu { color: var(--jb-brand) !important; font-weight: 600 !important; }
.recharge-v3 .head_area .leftImg, .withdrawal-v3 .head_area .leftImg { background: transparent !important; }
.recharge-v3 .head_area .top_back, .withdrawal-v3 .head_area .top_back { mix-blend-mode: multiply; }
.recharge-v3 .topart { border-bottom: 0 !important; box-shadow: none !important; }

/* 存款 | 取款 切换 */
.jg-funds-seg {
  display: grid; grid-template-columns: 1fr 1fr; width: 5.6rem; margin: .10667rem auto .32rem; padding: .08rem;
  box-sizing: border-box; border-radius: .58667rem; background: #fff; box-shadow: var(--jb-shadow);
}
.jg-funds-seg__tab {
  height: .96rem; border: 0; border-radius: .48rem; background: none; cursor: pointer;
  color: var(--jb-vice) !important; font-size: .4rem !important; font-weight: 700 !important; -webkit-tap-highlight-color: transparent;
}
.jg-funds-seg__tab[aria-selected="true"] {
  color: #fff !important; background: linear-gradient(90deg, #3aa0ff 0%, #167de4 55%, #0d5fd0 100%);
  box-shadow: 0 .08rem .21333rem #167de44d, inset 0 .02667rem 0 #ffffff59;
}
.jg-funds-seg__tab:focus-visible { outline: 2px solid var(--jb-brand); outline-offset: 2px; }
.jg-funds-title { display: flex; align-items: baseline; justify-content: space-between; margin: .37333rem .05333rem .26667rem; }
.jg-funds-title h3 { margin: 0; font-size: .45333rem; font-weight: 800; color: var(--jb-ink); }
.jg-funds-title small { font-size: .32rem; color: var(--jb-vice); }

/* 充值：顶部 */
.recharge-v3 .topart { background: transparent !important; padding: 0 .4rem !important; box-sizing: border-box; }
.recharge-v3 .topart .navhead { background: #ffffffb3 !important; border-radius: .48rem !important; height: .96rem !important; box-sizing: border-box; }
.recharge-v3 .topart .noticecont {
  margin: .26667rem 0 0 !important; padding: .21333rem .32rem !important; border-radius: .32rem !important; border: 0 !important;
  background: #fff7ea !important; color: #7a5520 !important; font-size: .29333rem !important; line-height: 1.6 !important;
}
.recharge-v3 .topart .noticecont span { color: #c46a00 !important; }
.recharge-v3 .rccontent, .recharge-v3 .rcinner, .recharge-v3 #offlinerechage, .recharge-v3 .newContent { background: transparent !important; }
.recharge-v3 .newContent .jg-funds-title { margin-left: .45333rem; margin-right: .45333rem; }
.recharge-v3 .recharge-read-state {
  margin: .32rem .4rem 0 !important; padding: .42667rem !important; border: 0 !important; border-radius: .42667rem !important;
  background: #fff !important; color: var(--jb-vice) !important; box-shadow: var(--jb-shadow); text-align: center;
}

/* 充值方式：三列胶囊 */
.recharge-v3 .newContent .outTypeList {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .21333rem;
  padding: 0 .4rem !important; border: 0 !important; background: transparent !important;
}
.recharge-v3 .newContent .outTypeList .TypeItem {
  position: relative; flex-direction: row !important; gap: .13333rem; box-sizing: border-box;
  width: auto !important; height: 1.12rem !important; margin: 0 !important; padding: 0 .16rem !important;
  border: .02667rem solid #e3ecfb !important; border-radius: .56rem !important; background: #fff !important;
  box-shadow: var(--jb-shadow);
}
.recharge-v3 .newContent .outTypeList .TypeItem.Typeactive {
  border-color: #5aa5ff !important; background: linear-gradient(180deg, #e8f2ff 0%, #d6e8ff 100%) !important;
  box-shadow: 0 .08rem .21333rem #167de426;
}
.recharge-v3 .newContent .outTypeList .TypeItem .type_img {
  flex: none; width: .64rem !important; height: .64rem !important; border-radius: 50%; object-fit: cover !important;
}
.recharge-v3 .newContent .outTypeList .TypeItem .type_text {
  min-width: 0; margin: 0 !important; overflow: hidden; text-overflow: ellipsis;
  color: var(--jb-ink) !important; font-size: .34667rem !important; font-weight: 700 !important;
}
#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24#sourceRecharge9f24 .newContent .outTypeList .TypeItem.Typeactive .type_text { color: var(--jb-brand) !important; }
.recharge-v3 .newContent .outTypeList .TypeItem .xianXia_img { top: -.08rem !important; left: .32rem !important; width: .56rem !important; height: .26667rem !important; }

/* 钱包协议 / 收款账户、金额：白卡 */
.recharge-v3 .newContent .ReceivingAccount, .recharge-v3 .newContent .moneyContent {
  margin: .32rem .4rem 0 !important; padding: .37333rem !important; border: 0 !important; border-radius: .42667rem !important;
  background: #fff !important; box-shadow: var(--jb-shadow);
}
.recharge-v3 .newContent .main_tittle .l_text, .recharge-v3 .newContent .main_tittle .tit {
  color: var(--jb-ink) !important; font-size: .37333rem !important; font-weight: 800 !important;
}
.recharge-v3 .newContent .main_tittle .r_text { color: var(--jb-brand) !important; }
.recharge-v3 .newContent .AccountList { display: grid !important; grid-template-columns: 1fr 1fr; gap: .21333rem; margin-top: .26667rem !important; }
.recharge-v3 .newContent .AccountList .Account_item {
  width: auto !important; min-height: 1.06667rem; margin: 0 !important; box-sizing: border-box;
  border: .02667rem solid #e3ecfb !important; border-radius: .53333rem !important; background: #f1f5fc !important;
}
.recharge-v3 .newContent .AccountList .Account_item.Accountactive, .recharge-v3 .newContent .AccountList .Account_item.shortactive {
  border-color: #5aa5ff !important; background: #e4f0ff !important;
}
.recharge-v3 .newContent .Account_item .t_Text { color: var(--jb-ink) !important; font-weight: 700 !important; }
.recharge-v3 .newContent .Account_item .b_Text { color: var(--jb-vice) !important; }
.recharge-v3 .newContent .usdtText { color: var(--jb-vice) !important; }
.recharge-v3 .newContent .meneyInput {
  width: 100% !important; height: 1.17333rem !important; margin: .26667rem 0 0 !important; padding: 0 .32rem !important; box-sizing: border-box;
  border: 0 !important; border-radius: .32rem !important; background: #f1f5fc !important;
}
.recharge-v3 .newContent .meneyInput .text { color: var(--jb-brand) !important; font-weight: 800 !important; }
.recharge-v3 .newContent .meneyInput .input { min-width: 0; flex: 1; background: transparent !important; font-size: .4rem !important; }
.recharge-v3 .newContent .meneyInput .left {
  flex: none; padding: .05333rem .16rem !important; border: 0 !important; border-radius: .26667rem !important;
  background: #fff !important; color: var(--jb-vice) !important; font-size: .29333rem !important;
}
.recharge-v3 .newContent .moneyList { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .16rem; margin-top: .26667rem !important; }
.recharge-v3 .newContent .moneyList .money_item {
  width: auto !important; height: .85333rem !important; margin: 0 !important;
  border: .02667rem solid #e3ecfb !important; border-radius: .42667rem !important; background: #fff !important;
  color: var(--jb-ink-2) !important; font-size: .32rem !important; font-weight: 600 !important;
}
.recharge-v3 .newContent .moneyList .money_item.moneyactive { border-color: #5aa5ff !important; background: #e4f0ff !important; color: var(--jb-brand) !important; }
.recharge-v3 .newContent .btn-wrap { padding: .42667rem .4rem 0 !important; background: transparent !important; }
.recharge-v3 .newContent .btn-wrap .chargeBtn {
  width: 100% !important; height: 1.17333rem !important; border-radius: .58667rem !important; background: #b9d3f5 !important;
  color: #fff !important; font-size: .42667rem !important; font-weight: 700 !important;
}
.recharge-v3 .newContent .btn-wrap .chargeBtn.chargeBtnActive {
  background: linear-gradient(90deg, #3aa0ff 0%, #167de4 55%, #0d5fd0 100%) !important; box-shadow: 0 .10667rem .26667rem #167de44d;
}
.recharge-v3 .newContent .tips { padding: 0 !important; background: transparent !important; margin: .26667rem .45333rem 0 !important; color: var(--jb-vice) !important; font-size: .29333rem !important; line-height: 1.6 !important; }

/* USDT 链上充值面板：白卡 + 二维码框 + 蓝色地址 */
.recharge-v3 .rcinner .chain-recharge {
  margin: .32rem .4rem 0 !important; padding: .42667rem !important; border: 0 !important; border-radius: .42667rem !important;
  background: #fff !important; box-shadow: var(--jb-shadow); color: var(--jb-ink-2) !important;
}
.recharge-v3 .rcinner .chain-recharge h3 { display: flex; align-items: center; gap: .16rem; color: var(--jb-ink) !important; font-size: .42667rem !important; font-weight: 800; }
.recharge-v3 .rcinner .chain-recharge h3 small {
  padding: .05333rem .21333rem; border-radius: .32rem; background: #ffeceb; color: #e5312f !important; font-size: .29333rem !important; font-weight: 800;
}
.recharge-v3 .rcinner .chain-recharge input {
  height: 1.12rem; margin-top: .16rem; border: 0 !important; border-radius: .32rem !important; background: #f1f5fc !important; font-size: .4rem;
}
.recharge-v3 .rcinner .chain-recharge button {
  min-height: 1.01333rem; padding: 0 .48rem !important; border: 0 !important; border-radius: .50667rem !important;
  background: linear-gradient(90deg, #3aa0ff 0%, #167de4 55%, #0d5fd0 100%) !important; color: #fff !important; font-weight: 700 !important;
}
.recharge-v3 .rcinner .chain-recharge > button:last-child { background: #eef5ff !important; color: var(--jb-brand) !important; }
/* 待转账订单：左边二维码，右边地址 + 复制（参照 9nww），其余信息整行 */
.recharge-v3 .rcinner .chain-recharge article {
  display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: .32rem; align-items: center;
  margin-top: .32rem; padding: .37333rem; border-radius: .37333rem; background: #f6f9ff;
}
.recharge-v3 .rcinner .chain-recharge article > * { grid-column: 1 / -1; }
.recharge-v3 .rcinner .chain-recharge article > canvas, .recharge-v3 .rcinner .chain-recharge article > svg, .recharge-v3 .rcinner .chain-recharge article > img { grid-column: 1; grid-row: span 2; }
.recharge-v3 .rcinner .chain-recharge article > .chain-address, .recharge-v3 .rcinner .chain-recharge article > button { grid-column: 2; }
.recharge-v3 .rcinner .chain-recharge article > .chain-address { align-self: end; margin: 0 !important; }
.recharge-v3 .rcinner .chain-recharge article > button { align-self: start; }
.recharge-v3 .rcinner .chain-recharge article canvas, .recharge-v3 .rcinner .chain-recharge article svg, .recharge-v3 .rcinner .chain-recharge article img {
  display: block; box-sizing: content-box; width: 3.2rem !important; height: 3.2rem !important; margin: .21333rem 0;
  padding: .21333rem; border-radius: .32rem; background: #fff; box-shadow: 0 0 0 .02667rem #e3ecfb;
}
.recharge-v3 .rcinner .chain-recharge .chain-address {
  color: var(--jb-brand) !important; font: 700 .37333rem/1.5 DIN, Menlo, monospace !important; word-break: break-all;
}
.recharge-v3 .rcinner .chain-recharge article button { width: 100%; margin: .16rem 0 0 !important; }
.recharge-v3 .rcinner > .jg-wallet__help { margin-bottom: .8rem; }

/* 提现：整块白卡 */
.withdrawal-v3 .withdraw_wrap { height: auto !important; min-height: calc(100vh - 1.33333rem); justify-content: flex-start !important; }
.withdrawal-v3 .head_area { border-bottom: 0 !important; }
.withdrawal-v3 .withdraw_main .withdraw_choose .right-cion { mix-blend-mode: multiply; opacity: .55; }
.withdrawal-v3 .withdraw_main {
  margin: 0 .4rem; padding: 0 .37333rem .42667rem; border-radius: .42667rem; background: #fff; box-shadow: var(--jb-shadow);
}
.withdrawal-v3 .withdraw_main .jg-funds-title { margin: .37333rem 0 .26667rem; }
.withdrawal-v3 .withdraw_main .withdraw_choose {
  box-sizing: border-box; width: 100% !important; height: 1.33333rem !important; margin: 0 !important; padding: 0 .32rem !important;
  border: .02667rem solid #e3ecfb !important; border-radius: .37333rem !important; background: #f1f5fc !important;
}
.withdrawal-v3 .withdraw_main .withdraw_choose span { color: var(--jb-ink) !important; font-weight: 700 !important; }
.withdrawal-v3 .withdraw_main .tips { width: auto !important; margin: .16rem .05333rem 0 !important; color: var(--jb-vice) !important; font-size: .29333rem !important; }
.withdrawal-v3 .withdraw_main .money_input {
  box-sizing: border-box; width: 100% !important; margin: .32rem 0 0 !important; border-radius: .37333rem !important; background: #f1f5fc !important;
}
.withdrawal-v3 .withdraw_main .money_input .yang { color: var(--jb-brand) !important; font-weight: 800 !important; }
.withdrawal-v3 .withdraw_main .money_input .input { background: transparent !important; font-size: .42667rem !important; }
.withdrawal-v3 .withdraw_main .money_input .all {
  padding: .10667rem .26667rem !important; border-radius: .32rem !important; background: #e3efff !important;
  color: var(--jb-brand) !important; font-size: .32rem !important; font-weight: 700 !important;
}
.withdrawal-v3 .withdraw_main .usdtResult, .withdrawal-v3 .withdraw_main .result {
  width: auto !important; margin: .21333rem .05333rem 0 !important; color: var(--jb-vice) !important; font-size: .32rem !important;
}
.withdrawal-v3 .withdraw_main .result .text2 { color: var(--jb-ink) !important; font-weight: 800 !important; }
/* 余额全站通用：不再需要一键取回 / 场馆余额提示 */
.withdrawal-v3 .withdraw_main .result .gooneback, .withdrawal-v3 .withdraw_main .withdraw-talk { display: none !important; }
.withdrawal-v3 .withdraw_main .handlebtn {
  width: 100% !important; height: 1.17333rem !important; margin: .48rem 0 0 !important; border-radius: .58667rem !important;
  background: linear-gradient(90deg, #3aa0ff 0%, #167de4 55%, #0d5fd0 100%) !important; opacity: .45;
}
.withdrawal-v3 .withdraw_main .handlebtn.shinee { opacity: 1; box-shadow: 0 .10667rem .26667rem #167de44d; }
.withdrawal-v3 .withdraw_main .handlebtn > span { color: #fff !important; font-size: .42667rem !important; font-weight: 700 !important; }
/* 联系客服：做成 9nww 那种提示条 + 右侧按钮 */
.withdrawal-v3 .withdraw_main .server_tip {
  position: relative; display: block !important; min-height: .8rem; margin-top: .42667rem !important; padding: .37333rem 2.4rem 0 0;
  border-top: .02667rem dashed var(--jb-line); color: var(--jb-ink-2) !important; font-size: .32rem !important; line-height: .8rem; text-align: left;
}
.withdrawal-v3 .withdraw_main .server_tip i { color: var(--jb-brand) !important; }
.withdrawal-v3 .withdraw_main .server_tip:after {
  content: "联系客服"; position: absolute; right: 0; bottom: 0; padding: 0 .32rem; border-radius: .42667rem; line-height: .8rem;
  background: var(--jb-fill); color: #fff; font-size: .32rem; font-weight: 700; box-shadow: 0 .08rem .21333rem #167de440;
}
.withdrawal-v3 .bottom_tops { margin: auto .4rem .42667rem !important; padding-top: .42667rem !important; color: var(--jb-vice) !important; font-size: .26667rem !important; }
.withdrawal-v3 .bottom_tops span { color: #c46a00 !important; }
