/* Source-backed cosmetic corrections only. No visibility, routing or animation changes. */

/* commonChunk: native hidden-menu row and icon ratios, including narrow screens. */
.c168-ref-menu-overlay .c168-ref-menu button.c168-ref-menu-row {
  height: .8rem;
  min-height: .8rem;
  padding: .05rem .2rem;
  gap: .1rem;
  margin-bottom: .1rem;
  border-radius: .15rem;
  font-size: .22rem;
  color: var(--skin__lead, #333333);
  background-color: var(--skin__bg_2, #FFFFFF);
}
.c168-ref-menu-overlay .c168-ref-menu-row img {
  width: .4rem;
  height: .4rem;
}
.c168-ref-menu-overlay .c168-ref-support-buttons button {
  width: 1.2rem;
  max-width: 100%;
  height: .84rem;
  font-size: .2rem;
  line-height: .3rem;
  color: var(--skin__primary, #0053DF);
}
.c168-ref-menu-overlay .c168-ref-support-buttons span {
  font-size: .2rem;
  line-height: .3rem;
}

/* 2_NoticePageChunk: FAQ/search panel. Keep existing disclosure handlers and answers. */
.c168-page.c168-support .c168-white-card:has(> .c168-help-heading) {
  padding: .2rem;
  background-color: var(--skin__bg_2, #FFFFFF);
  border-radius: .14rem;
}
.c168-page.c168-support .c168-help-heading {
  gap: .1rem;
  margin-bottom: .2rem;
  justify-content: space-between;
}
.c168-page.c168-support .c168-help-heading h3 {
  margin: 0;
  font-size: .28rem;
  color: var(--skin__lead, #333333);
}
.c168-page.c168-support .c168-help-heading input {
  height: .6rem;
  padding: 0 .2rem;
  border-radius: .3rem;
  border-color: var(--skin__neutral_3, #99BFFF);
  font-size: .24rem;
  color: var(--skin__neutral_2, #7FA9EF);
  background-color: var(--skin__bg_2, #FFFFFF);
}
.c168-page.c168-support .c168-help-heading input::placeholder {
  color: var(--skin__neutral_2, #7FA9EF);
}
.c168-page.c168-support .c168-faq-row {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: var(--skin__bg_2, #FFFFFF);
}
.c168-page.c168-support .c168-faq-row > button {
  min-height: .8rem;
  padding: .12rem 0 !important;
  font-size: .24rem !important;
  color: var(--skin__lead, #333333) !important;
  border-bottom: 1px solid var(--skin__border, #BBD1F6) !important;
}
.c168-page.c168-support .c168-faq-row > button > span:first-child {
  flex: 1;
  min-width: 0;
  max-width: 5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c168-page.c168-support .c168-faq-row > button > span:last-child {
  color: var(--skin__neutral_2, #7FA9EF);
}

/* commonChunk social-media labels; the .7rem icons and share actions are untouched. */
.c168-invite-source-page .c168-invite-source-socials button {
  gap: 0;
}
.c168-invite-source-page .c168-invite-source-socials small {
  margin-top: calc(var(--invite-rem) * .1);
  max-width: calc(var(--invite-rem) * 1.1);
  font-size: calc(var(--invite-rem) * .22);
  line-height: 1.15;
  text-align: center;
  color: var(--skin__neutral_1, #007BFF);
}

/* Palette mappings verified in PromoteChunk and commonChunk of the original archive. */
.c168-invite-source-page .c168-invite-source-tabs {
  border-bottom-color: var(--skin__border, #BBD1F6);
  background: var(--skin__bg_2, #FFFFFF);
}
.c168-invite-source-page .c168-invite-source-tabs button {
  color: var(--skin__lead, #333333);
}
.c168-invite-source-page .c168-invite-source-tabs button.active {
  color: var(--skin__primary, #0053DF);
  border-bottom-color: var(--skin__primary, #0053DF);
}
.c168-invite-source-page .c168-invite-source-audit,
.c168-invite-source-page .c168-invite-source-grid > div,
.c168-invite-source-page .c168-invite-source-share-title > div {
  color: var(--skin__neutral_2, #7FA9EF);
}
.c168-invite-source-page .c168-invite-source-audit span:nth-child(2n),
.c168-invite-source-page .c168-invite-source-share-title > span,
.c168-invite-source-page .c168-invite-source-share-title strong {
  color: var(--skin__lead, #333333);
}
.c168-invite-source-page .c168-invite-source-commission,
.c168-invite-source-page .c168-invite-source-share-title,
.c168-invite-source-page .c168-invite-source-link,
.c168-invite-source-page .c168-invite-source-qr {
  border-color: var(--skin__border, #BBD1F6);
}
.c168-invite-source-page .c168-invite-source-qr {
  background: var(--skin__primary, #0053DF);
}
.c168-invite-source-page .c168-invite-source-qr img {
  background: var(--skin__bg_2, #FFFFFF);
}
.c168-invite-source-page .c168-invite-source-share-title button,
.c168-invite-source-page .c168-invite-source-link button,
.c168-invite-source-page .c168-invite-source-user {
  color: var(--skin__primary, #0053DF);
}

/*
 * Withdrawal-only layer. Native ratios: 0_WithdrawChunk.DBcne3kV.css.
 * Header .9rem, tabs .24rem/.58rem, method .7rem/.14rem, body .2rem,
 * recipient .7rem, management/logo .48rem, labels .26rem and amount .3rem.
 * Screenshot-derived reconciliation: PIN 1rem, submit .8rem and method text
 * .22rem target the supplied 502x892 original, not an asserted live DOM read.
 * Original skin tokens are authoritative; fallbacks retain existing UI colors.
 * Does not alter visibility, validation, PIN values, requests or wallet logic.
 */
.c168-pay-page.c168-pay-withdraw {
  background: var(--skin__bg_1, #eaf0ff);
  color: var(--skin__lead, #333);
  font-family: var(--c168-source-font-oct22, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif);
  font-size: .24rem !important;
  line-height: 1.4;
  padding-bottom: .4rem;
  overflow-y: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.c168-pay-page.c168-pay-withdraw::-webkit-scrollbar { display: none; }
.c168-pay-page.c168-pay-withdraw button,
.c168-pay-page.c168-pay-withdraw input,
.c168-pay-page.c168-pay-withdraw select { font-family: inherit !important; }

.c168-pay-page.c168-pay-withdraw .c168-withdraw-tabs-wrap {
  position: relative;
  height: .9rem;
  min-height: .9rem;
  background: var(--skin__bg_2, #fff);
  border-bottom: thin solid var(--skin__border, #b5caff);
}
.c168-pay-page.c168-pay-withdraw .c168-pay-tabs.c168-withdraw-tabs-rail {
  width: calc(100% - 1.8rem);
  height: .9rem;
  min-height: .9rem;
  margin: 0 auto;
  padding: 0;
  gap: .58rem;
  border: 0;
  background: transparent;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}
.c168-pay-page.c168-pay-withdraw .c168-withdraw-tabs-rail::-webkit-scrollbar { display: none; }
.c168-pay-page.c168-pay-withdraw .c168-withdraw-tabs-rail > button {
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--skin__lead, #333);
  border: 0;
  border-bottom: .03rem solid transparent;
  background: transparent;
  font-size: .24rem;
  line-height: 1.2;
  font-weight: 400;
  white-space: nowrap;
}
.c168-pay-page.c168-pay-withdraw .c168-withdraw-tabs-rail > button:last-child { margin-inline-end: .1rem; }
.c168-pay-page.c168-pay-withdraw .c168-withdraw-tabs-rail > button.active {
  color: var(--skin__primary, #0057ed);
  border-bottom-color: var(--skin__primary, #0057ed);
}
.c168-pay-page.c168-pay-withdraw .c168-withdraw-back,
.c168-pay-page.c168-pay-withdraw .c168-withdraw-support {
  position: absolute;
  inset-block-start: 0;
  z-index: 3;
  height: .9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: var(--skin__bg_2, #fff);
  color: var(--skin__primary, #0057ed);
}
.c168-pay-page.c168-pay-withdraw .c168-withdraw-back { inset-inline-start: 0; padding: 0 .4rem 0 .2rem; }
.c168-pay-page.c168-pay-withdraw .c168-withdraw-back svg { width: .3rem; height: .3rem; }
.c168-pay-page.c168-pay-withdraw .c168-withdraw-support { inset-inline-end: 0; padding: 0 .2rem; font-size: .5rem; }
.c168-pay-page.c168-pay-withdraw .c168-withdraw-support svg { width: .5rem; height: .5rem; }

.c168-pay-page.c168-pay-withdraw .c168-pay-balance {
  min-height: .77rem;
  padding: .2rem;
  gap: .06rem;
  background: var(--skin__bg_2, #fff);
  border-bottom: thin solid var(--skin__border, #b5caff);
  color: var(--skin__neutral_2, #89aaff);
  font-size: .24rem !important;
  line-height: .35rem;
}
.c168-pay-page.c168-pay-withdraw .c168-pay-balance strong { color: var(--skin__accent_3, #ff9c00); font-size: .24rem !important; font-weight: 700; }
.c168-pay-page.c168-pay-withdraw .c168-pay-balance button { display: inline-flex; align-items: center; color: var(--skin__primary, #0057ed); }
.c168-pay-page.c168-pay-withdraw .c168-pay-balance svg { width: .3rem; height: .3rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-methods.c168-pay-withdraw-types {
  gap: .1rem;
  padding: .3rem .2rem;
  background: var(--skin__bg_2, #fff);
  border-bottom: thin solid var(--skin__border, #b5caff);
}
.c168-pay-page.c168-pay-withdraw .c168-pay-withdraw-types > button {
  height: .7rem;
  min-height: .7rem;
  min-width: 1rem;
  margin: 0;
  padding: 0 .04rem;
  border: thin solid var(--skin__border, #b5caff);
  border-radius: .14rem;
  background: var(--skin__bg_2, #fff);
  color: var(--skin__lead, #333);
  font-size: .22rem;
  font-weight: 400;
  line-height: 1.25;
}
.c168-pay-page.c168-pay-withdraw .c168-pay-withdraw-types > button.active { border-color: var(--skin__primary, #0057ed); color: var(--skin__primary, #0057ed); }
.c168-pay-page.c168-pay-withdraw .c168-pay-body { padding: .2rem; }
.c168-pay-page.c168-pay-withdraw .c168-withdraw-recipient-group { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.c168-pay-page.c168-pay-withdraw .c168-withdraw-recipient-group > select,
.c168-pay-page.c168-pay-withdraw .c168-withdraw-recipient-group > .c168-pay-bank {
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  height: .7rem;
  padding: 0 .2rem;
  border: thin solid var(--skin__border, #abc3ff);
  border-radius: .1rem;
  background: var(--skin__bg_2, #fff);
  color: var(--skin__lead, #333);
  font-size: .22rem;
  font-weight: 400;
  line-height: normal;
}
.c168-pay-page.c168-pay-withdraw .c168-withdraw-recipient-group > .c168-pay-bank { display: flex; align-items: center; gap: .2rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-bank .c168-withdraw-bank-logo,
.c168-pay-page.c168-pay-withdraw .c168-pay-bank > svg { flex: 0 0 .48rem; width: .48rem; height: .48rem; border-radius: .1rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-bank .c168-withdraw-recipient-text { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c168-pay-page.c168-pay-withdraw .c168-pay-bank .c168-withdraw-chevron { flex: 0 0 .2rem; width: .2rem; height: .2rem; color: var(--skin__neutral_2, #89aaff); }
.c168-pay-page.c168-pay-withdraw .c168-withdraw-recipient-manage {
  flex: 0 0 .48rem;
  width: .48rem;
  height: .7rem;
  margin-inline-start: .2rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: .1rem;
  background: transparent;
  color: var(--skin__primary, #0057ed);
  font-size: .48rem;
}
.c168-pay-page.c168-pay-withdraw .c168-withdraw-recipient-manage svg { width: .48rem; height: .48rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-label { margin: .16rem 0 .12rem; color: var(--skin__lead, #333); font-size: .26rem; font-weight: 400; line-height: .35rem; }
.c168-pay-page.c168-pay-withdraw #c168-withdraw-amount {
  height: .7rem;
  padding: 0 1rem 0 .3rem;
  border: thin solid var(--skin__border, #abc3ff);
  border-radius: .1rem;
  background: var(--skin__bg_2, #fff);
  color: var(--skin__lead, #333);
  font-size: .3rem;
  font-weight: 700;
  line-height: normal;
}
.c168-pay-page.c168-pay-withdraw #c168-withdraw-amount::placeholder { color: var(--skin__neutral_2, #8caaff); font-size: .22rem; font-weight: 400; }
.c168-pay-page.c168-pay-withdraw .c168-pay-all button { top: 0; right: .2rem; height: .7rem; padding: 0; color: var(--skin__primary, #0057ed); font-size: .24rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-unit { margin: .2rem 0 .06rem; font-size: .22rem; line-height: .3rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-rate { margin: .06rem 0 .2rem; color: var(--skin__neutral_2, #8caaff); font-size: .24rem; line-height: .3rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-password-label { margin: .2rem 0 .12rem; padding-top: .2rem; border-top: thin solid var(--skin__border, #b5caff); color: var(--skin__lead, #333); font-size: .26rem; line-height: .35rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-password-label button { display: inline-flex; align-items: center; justify-content: center; min-width: .36rem; height: .36rem; padding: 0; color: var(--skin__neutral_2, #8caaff); font-size: .22rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-password-label button svg { width: .36rem; height: .36rem; }
.c168-pay-page.c168-pay-withdraw .c168-six-pin { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; height: 1rem; margin: 0; border: thin solid var(--skin__border, #9dbdff); border-radius: .14rem; overflow: hidden; background: var(--skin__bg_2, #fff); }
.c168-pay-page.c168-pay-withdraw .c168-six-pin input { width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; border-inline-end: thin solid var(--skin__border, #9dbdff); border-radius: 0; background: transparent; color: var(--skin__lead, #333); text-align: center; font-size: .3rem; line-height: normal; letter-spacing: normal; box-shadow: none; }
.c168-pay-page.c168-pay-withdraw .c168-six-pin input:last-child { border-inline-end: 0; }
.c168-pay-page.c168-pay-withdraw .c168-six-pin input:focus { outline: 0; outline-offset: 0; box-shadow: inset 0 0 0 1px var(--skin__primary, #0057ed); }
.c168-pay-page.c168-pay-withdraw .c168-pay-warning { margin: .2rem 0 .4rem; color: var(--skin__lead, #333); font-size: .24rem; line-height: .35rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-primary { height: .8rem !important; min-height: .8rem; margin: 0; padding: 0 .15rem !important; border: 0; border-radius: .14rem; background: var(--skin__primary, #0057ed); color: var(--skin__bg_2, #fff); font-size: .24rem !important; font-weight: 400; line-height: .55rem; }
.c168-pay-page.c168-pay-withdraw .c168-pay-primary:disabled { opacity: 1; color: var(--skin__bg_2, #fff); background: var(--skin__disabled-bg-color__custom, #82a9ed); border-color: var(--skin__disabled-bg-color__custom, #82a9ed); }
.c168-pay-page.c168-pay-withdraw .c168-pay-error { font-size: .22rem; line-height: 1.4; }

.c168-invite-source-socials button>span.c168-invite-native-icon{background:transparent!important;border:0!important;padding:0!important;color:#007bff!important;overflow:hidden}.c168-invite-source-socials button:first-child>span.c168-invite-native-icon{background:#fff!important;border:1px solid #b5caff!important}.c168-invite-native-social{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.c168-invite-native-share{display:block!important;width:calc(var(--invite-rem)*.35)!important;height:calc(var(--invite-rem)*.35)!important;flex:none}