/* Final personal-center layer. Scoped to existing member routes and real templates. */
body.hy9-personal-finish {
  --hy9-surface: #18122b;
  --hy9-field: #241a3a;
  --hy9-line: rgba(174, 133, 255, .28);
  --hy9-text: #f2ecff;
  --hy9-muted: #bdb0d4;
  --hy9-accent: #c3a0ff;
  --hy9-crown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M6 14l10 8 8-13 8 13 10-8-5 22H11zM12 40h24v3H12z'/%3E%3C/svg%3E");
  background: #0b0816 !important;
  color: var(--hy9-text);
}
body.hy9-personal-finish img[src*="xiangqing@2x.8b5b315d"],
body.hy9-personal-finish img[src*="vipBanner.43fe5af"] { display: none !important; }
.hy9-member-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 200px;
  padding: 34px 46px;
  border: 1px solid rgba(185, 143, 255, .48);
  border-radius: 20px;
  background: radial-gradient(ellipse at 78% 35%, rgba(113, 55, 238, .42), transparent 55%), linear-gradient(125deg, #251343, #141025 62%, #251944);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 16px 45px rgba(3,2,13,.3);
  color: #f4eeff;
}
.hy9-member-hero::after {
  content: '';
  position: absolute;
  width: 400px;
  height: 140px;
  right: -40px;
  top: 40px;
  transform: rotate(-25deg);
  border: 1px solid rgba(81, 215, 249, .28);
  border-radius: 50%;
  pointer-events: none;
}
.hy9-member-hero-copy { position: relative; z-index: 1; }
.hy9-member-hero-copy > span { font-size: 12px; letter-spacing: 3px; color: #bc9aed; }
.hy9-member-hero h1 { margin: 12px 0 10px; font-size: 32px; line-height: 1.3; font-weight: 700; color: #fff; }
.hy9-member-hero p { margin: 0; color: #d0bee8; font-size: 15px; }
.hy9-member-hero-art {
  display: grid;
  place-items: center;
  flex: 0 0 130px;
  width: 130px;
  height: 130px;
  border: 1px solid rgba(185, 143, 255, .6);
  border-radius: 30px;
  background: linear-gradient(150deg, rgba(135,75,227,.32), rgba(45,25,76,.6));
  box-shadow: 0 0 44px rgba(149,78,241,.32), inset 0 1px 0 rgba(255,255,255,.13);
  transform: rotate(-8deg);
}
.hy9-member-hero-art svg { width: 88px; fill: rgba(168,115,255,.2); stroke: #d8b6ff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 9px #904dea); }
/* Completion pass: explicit component surfaces, not a global colour filter. */
.hy9-app-entry-hidden { display: none !important; }
.appbox,
.sidebar__floatMenu__EMITZ .xf_ewm,
.uslis .hgsw:has(img[src*="appxiazaus.png"]) { display: none !important; }
.hy9-default-avatar {
  background-color: #1c122f !important;
  border-color: #a982ea !important;
  object-fit: cover;
  box-shadow: 0 0 0 3px rgba(171,126,241,.12), 0 5px 18px rgba(17,6,36,.3) !important;
}

/* PC payment methods and form/helper rows retained white component backgrounds. */
body.hy9-personal-route-recharge :is(.style__depositType_box__3Ls0s,.style__list_box__2YvIs,.style__tk_jr__1bGUA,.style__input__3HpTW) {
  background: transparent !important;
  color: #eee6fc !important;
}
body.hy9-personal-route-recharge :is(.style__text__1D2UV,.style__depositName__2M33H,.style__depositMpney__1s4D0,.title__title__RTC9P b) { color: #eee6fc !important; }
body.hy9-personal-route-recharge :is(.style__depositType_box__3Ls0s #tab1,.style__depositType_box__3Ls0s #tab2,#xieyi1,#xieyi2,.ky-pay-grid > .ky-pay-wrap,.ky-customer-card) {
  background: linear-gradient(145deg,#2b2044,#1b152e) !important;
  color: #d9c9ef !important;
  border: 1px solid #634b87 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
body.hy9-personal-route-recharge :is(#tab1,#tab2,#xieyi1,#xieyi2) :is(li,p,.usdt__checkbox_item__1OfBR),
body.hy9-personal-route-recharge .ky-customer-text { background: transparent !important; color: inherit !important; }
body.hy9-personal-route-recharge :is(.style__depositType_box__3Ls0s #tab1,.style__depositType_box__3Ls0s #tab2,#xieyi1,#xieyi2).index__Active__3D-PM,
body.hy9-personal-route-recharge .ky-customer-card.ky-selected {
  background: linear-gradient(135deg,#5933a4,#30204f) !important;
  border-color: #b58afb !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(184,140,255,.2), 0 5px 18px rgba(116,54,211,.22) !important;
}
body.hy9-personal-route-recharge .style__input__3HpTW {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  height: auto !important;
  min-height: 42px;
  border: 0 !important;
  border-radius: 10px;
}
body.hy9-personal-route-recharge .pay-list {
  display: flex !important;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 12px;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.hy9-personal-route-recharge .pay-list > div { margin: 0 0 18px !important; }
body.hy9-personal-route-recharge .pay-list li { list-style: none !important; }
body.hy9-personal-route-recharge .style__input__3HpTW > span:has(input) { background: transparent !important; }
body.hy9-personal-route-recharge .style__tk_ts__302_r {
  background: transparent !important;
  color: #c5b3df !important;
  white-space: normal !important;
  line-height: 1.65 !important;
  height: auto !important;
  max-width: 100%;
}
body.hy9-personal-route-recharge .style__input__3HpTW > .style__tk_ts__302_r { flex: 1 1 280px; }
body.hy9-personal-route-recharge :is(.usdt__protocol_tip__2Olq6,.usdt__protocol_diff__3DxJj,.title__title__RTC9P span) { color: #bdaace !important; }
body.hy9-personal-route-recharge .usdt__card__1QL7m {
  background: linear-gradient(145deg,#2a1d44,#1a142b) !important;
  border: 1px solid #594076 !important;
  box-shadow: none !important;
  color: #eee6fc !important;
}
body.hy9-personal-route-recharge .usdt__sub_tip__24nbZ { color: #ddd0f0 !important; }
body.hy9-personal-route-recharge .spanss { color: #c6a2ff !important; }
body.hy9-personal-route-recharge :is(.ky-assisted-panel,.ky-assisted-info) { background: #1d152f !important; color: #ede5fc !important; border-color: #65478b !important; }
body.hy9-personal-route-recharge :is(.ky-assisted-title,.ky-assisted-field label) { color: #eee6fc !important; }
body.hy9-personal-route-recharge :is(.ky-assisted-tip,.ky-assisted-file-tip) { color: #bfadd6 !important; }
body.hy9-personal-route-recharge .ky-assisted-method { background: #281c41 !important; color: #d9caef !important; border-color: #674b88 !important; }
body.hy9-personal-route-recharge .ky-assisted-method.active { background: #4c2d82 !important; color: #fff !important; border-color: #af80f7 !important; }

/* Message content remains readable, including rich text authored on a white canvas. */
body.hy9-personal-route-message :is(.el-collapse,.el-collapse-item__header,.el-collapse-item__wrap,.el-collapse-item__content) {
  background: #211730 !important;
  border-color: #4b345f !important;
  color: #e8dcf9 !important;
}
body.hy9-personal-route-message .el-collapse { margin: 12px 0; border: 1px solid #4b345f; border-radius: 12px; overflow: hidden; }
body.hy9-personal-route-message .el-collapse-item__content { padding: 16px 20px !important; line-height: 1.8; overflow-wrap: anywhere; }
body.hy9-personal-route-message :is(.el-collapse-item__content,.van-tabs__content .content) :is(div,p,span,font) { background: transparent !important; color: inherit !important; }
body.hy9-personal-route-message :is(.el-collapse-item__content,.van-tabs__content .content) a { color: #caacff !important; }
body.hy9-personal-route-applyagent .userInfo__users_layout_form_input__2D3z3 .el-textarea__inner { background: #241a3a !important; color: #f1e8ff !important; border: 1px solid #62497e !important; border-radius: 10px; }
body.hy9-personal-route-applyagent .myCenterCommon__users_layout__title__3CoQ0 span { color: #bdaace !important; }
body.hy9-personal-route-applyagent .userInfo__users_layout_form_item__35aDr:has(textarea) { align-items: flex-start; }
body.hy9-personal-route-applyagent .userInfo__users_layout_form_item__35aDr:has(textarea) .userInfo__users_layout_form_label__2V7le { padding-top: 10px; }
body.hy9-personal-route-applyagent .el-textarea__inner { min-height: 140px; padding: 12px; }
body.hy9-personal-route-applyagent textarea::placeholder { color: #b8a5cc !important; }

@media (max-width:1199px) {
  body.hy9-personal-finish :is(.sdg,.sdgg) { background: #0d0918 !important; color: #f2eaff !important; }
  body.hy9-personal-route-recharge .bans {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 16px !important;
    padding: 14px 12px !important;
    border: 1px solid #62447f !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#2f204a,#1c152e) !important;
    color: #f2eaff !important;
    box-shadow: none !important;
  }
  body.hy9-personal-route-recharge .bans p { display: flex; align-items: flex-start; gap: 8px; margin: 8px 0 !important; line-height: 1.6; }
  body.hy9-personal-route-recharge .bans .frists { flex: 0 0 64px; color: #bda9d5 !important; width: auto !important; }
  body.hy9-personal-route-recharge .bans .sdsw { flex: 1 1 0; width: auto !important; min-width: 0; color: #f0e6ff !important; overflow-wrap: anywhere; }
  body.hy9-personal-route-recharge .bans .copy { flex: 0 0 auto; color: #c7a0ff !important; width: auto !important; }
  body.hy9-personal-finish .usrse > div[style*="height: 0.2rem"],
  body.hy9-personal-finish .sdgg > div[style*="height: 0.2rem"] { height: 1px !important; background: #49335e !important; width: 100% !important; margin: 10px 0 !important; }
  body.hy9-personal-route-transfer .mianzhuan { margin: 12px 10px !important; padding: 15px 12px !important; gap: 8px; flex-wrap: wrap; }
  body.hy9-personal-finish .hgs > div[style*="border-bottom"],
  body.hy9-personal-finish .zhuanzang .tit,
  body.hy9-personal-finish :is(.van-cell,.van-hairline--top-bottom)::after { border-color: #4b345f !important; }
  body.hy9-personal-finish :is(.cardhgs,.textcns) span { color: #c3a0f8 !important; }
  body.hy9-personal-route-transfer .mianzhuan .van-switch { background: #392a4c !important; border-color: #735393 !important; }
  body.hy9-personal-route-transfer .mianzhuan .van-switch--on { background: #8351d9 !important; border-color: #b489f5 !important; }
  body.hy9-personal-route-withdrawal .tabVox .tab { background: transparent !important; }
  body.hy9-personal-route-withdrawal .tabVox .tab.atc { background: #32204b !important; }
  body.hy9-personal-route-message .van-tabs__content .van-cell { margin: 12px 0; border: 1px solid #503863; border-radius: 12px; background: #20162e !important; color: #e8dcf9 !important; }
  body.hy9-personal-route-message .van-tabs__content .content { color: #e6d9f5 !important; line-height: 1.8; overflow-wrap: anywhere; }
  body.hy9-personal-route-applyagent :is(.van-cell-group,.van-field,.userInfo__users_layout_form_input__2D3z3) { background: #241a3a !important; color: #f1e8ff !important; }
}

/* Original commissioned VIP artwork, kept at full height so the crown isn't cropped. */
body.hy9-personal-finish .hy9-member-hero {
  min-height: 230px;
  background-color: #0c0817;
  background-image: linear-gradient(90deg, rgba(12,8,23,.12), transparent 75%), url('/static/image/hy9-neon/vip-member-hero-v1.webp');
  background-size: 100% 100%, auto 100%;
  background-position: center, right center;
  background-repeat: no-repeat;
  border-color: rgba(178,126,248,.46);
}
body.hy9-personal-finish .hy9-member-hero::after,
body.hy9-personal-finish .hy9-member-hero-art { display: none; }
body.hy9-personal-finish .hy9-member-hero h1 { text-shadow: 0 2px 18px rgba(0,0,0,.8); }

/* Desktop personal shell: remove the original pale branded background entirely. */
body.hy9-personal-finish .centerHead__users_main__1fT82 {
  background: radial-gradient(ellipse at 50% 0, rgba(104,49,191,.18), transparent 55%), #0b0816 !important;
  padding: 24px 0 30px !important;
}
body.hy9-personal-finish .centerHead__users_content__3jK8m {
  width: calc(100% - 40px) !important;
  max-width: 1200px;
  gap: 20px;
  align-items: flex-start;
  min-height: 650px !important;
}
body.hy9-personal-finish .index__user_left_kok__2nleM { flex: 0 0 220px; min-width: 0; }
body.hy9-personal-finish .index__usercount__2PZnN {
  background: radial-gradient(circle at 90% 0, rgba(111,68,186,.4), transparent 55%), linear-gradient(135deg, #352052, #1d1433) !important;
  border: 1px solid var(--hy9-line);
  color: #f2eaff;
  box-shadow: 0 9px 26px rgba(3,2,14,.24);
}
body.hy9-personal-finish .index__usercount__2PZnN::before,
body.hy9-personal-finish .index__usercount__2PZnN::after { display: none !important; }
body.hy9-personal-finish .index__name_text__1Tcx7 { color: #f5efff !important; }
body.hy9-personal-finish .index__wallet_menu__3F9Gy {
  background: #18122b !important;
  border: 1px solid var(--hy9-line);
  box-shadow: none !important;
  overflow: hidden;
}
body.hy9-personal-finish .index__userWallet__-4gsZ { border-color: var(--hy9-line) !important; }
body.hy9-personal-finish .index__userWallet__-4gsZ p { color: #c4b6d9 !important; }
body.hy9-personal-finish .index__userWallet__-4gsZ b { color: #d3b2ff !important; }
body.hy9-personal-finish .index__user_menu__3JKmv li { background: transparent !important; color: #cfc0e8 !important; border-color: var(--hy9-line) !important; }
body.hy9-personal-finish .index__user_menu__3JKmv li p { color: inherit !important; }
body.hy9-personal-finish .index__user_menu__3JKmv li:hover,
body.hy9-personal-finish .index__user_menu__3JKmv li[class*="active"],
body.hy9-personal-finish .index__user_menu__3JKmv li[class*="Active"] { background: #33214f !important; color: #fff !important; }
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF {
  box-sizing: border-box;
  flex: 1 1 0;
  width: auto !important;
  min-width: 0;
  min-height: 650px !important;
  margin: 0 !important;
  padding: 26px !important;
  background: linear-gradient(150deg, #1b142f, #130e24) !important;
  border: 1px solid var(--hy9-line);
  border-radius: 16px !important;
  color: var(--hy9-text) !important;
  box-shadow: 0 14px 35px rgba(3,2,14,.23);
}
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF :is(h1,h2,h3,h4,label),
body.hy9-personal-finish :is(.myCenterCommon__users_layout__title__3CoQ0,.userInfo__users_infoTitle__UKMBL,.userInfo__users_layout_form_label__2V7le,.myCenterCommon__users_params__label__3y-Q5) { color: #e7d9fa !important; }
body.hy9-personal-finish .myCenterCommon__users_layout__title__3CoQ0 { border-color: var(--hy9-line) !important; padding-bottom: 16px; }
body.hy9-personal-finish .myCenterCommon__users_layout__title__3CoQ0 p,
body.hy9-personal-finish :is(.style__tk_ts__302_r,.withdrawal__tip__2YpMI,.usdt__sub_tip__24nbZ) { color: #c6b7dc !important; line-height: 1.7 !important; }
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF :is(input:not([type="file"]),textarea,.el-input__inner),
body.hy9-personal-finish .el-dialog :is(input,textarea,.el-input__inner) {
  color: #f3edff !important;
  background: #241a3a !important;
  border: 1px solid rgba(179,139,252,.38) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #f3edff !important;
}
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF input:disabled { color: #b9abc9 !important; -webkit-text-fill-color: #b9abc9 !important; background: #1b152a !important; opacity: 1; }
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF input::placeholder,
body.hy9-personal-finish .el-dialog input::placeholder { color: #aa98c3 !important; -webkit-text-fill-color: #aa98c3 !important; }
body.hy9-personal-finish :is(.userInfo__users_layout_form_item__35aDr,.userInfo__users_layout_form__HFPCL) { border-color: var(--hy9-line) !important; }
/* The shipped PC bundle has no layout rules for these userInfo template classes. */
body.hy9-personal-finish .userInfo__users_layout_form__HFPCL { max-width: 680px; margin: 22px 0; }
body.hy9-personal-finish .userInfo__users_infoTitle__UKMBL { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 20px; font-size: 17px; font-weight: 600; }
body.hy9-personal-finish .userInfo__users_layout_form_item__35aDr { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; min-height: 42px; }
body.hy9-personal-finish .userInfo__users_layout_form_label__2V7le { flex: 0 0 88px; font-size: 14px; line-height: 1.6; }
body.hy9-personal-finish .userInfo__users_layout_form_input__2D3z3 { min-width: 0; flex: 1; }
body.hy9-personal-finish .userInfo__users_layout_form_input__2D3z3 :is(.el-date-editor,input) { box-sizing: border-box; max-width: 100%; }
body.hy9-personal-finish .userInfo__users_layout_form__HFPCL > button { margin: 4px 0 12px 102px !important; }
body.hy9-personal-finish .userInfo__users_layout__safe__2p69W { padding-top: 24px; margin-top: 26px; border-top: 1px solid var(--hy9-line); }
body.hy9-personal-finish .userInfo__users_layout_safe_item__3y_RM { position: relative; display: flex; align-items: center; gap: 14px; min-height: 66px; padding-right: 132px; border-bottom: 1px solid var(--hy9-line); }
body.hy9-personal-finish .userInfo__users_layout_safe_item__3y_RM > button { position: static !important; margin-left: auto; flex-shrink: 0; }
body.hy9-personal-finish .userInfo__users_layout_safe_item__3y_RM { padding-right: 0; }
body.hy9-personal-finish .userInfo__tips__3f00A { font-size: 12px; font-weight: 400; }
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF :is(.index__Button__It0J4,.index__Button3__1Pn-Q,.el-button--primary,.ky-assisted-submit) {
  color: #fff !important;
  background: linear-gradient(110deg, #6240d6, #904bdc 65%, #367fad) !important;
  border: 1px solid rgba(198,158,255,.52) !important;
  border-radius: 9px !important;
  box-shadow: 0 5px 17px rgba(117,50,200,.2);
}
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF :is(.index__Button2__2-XSS,.el-button--default) { color: #d9c5f7 !important; background: #332247 !important; border-color: var(--hy9-line) !important; }
body.hy9-personal-finish :is(.tabs__tabsMyWallet__2l1uB,.withdrawal__tabs__1Otai) { background: #171127 !important; border-color: var(--hy9-line) !important; }
body.hy9-personal-finish :is(.tabs__tabsMyWallet__2l1uB,.withdrawal__tabs__1Otai) li { background: transparent !important; color: #bcb0d2 !important; border-color: var(--hy9-line) !important; }
body.hy9-personal-finish :is(.tabs__active__qlOaY,.withdrawal__tab_active__1j07I),
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF .el-tabs__item.is-active { color: #d4b0ff !important; background: #32214b !important; }
body.hy9-personal-finish .amountList__box__1_ZI4 { display: flex !important; gap: 12px; width: 100% !important; }
body.hy9-personal-finish .amountList__box__1_ZI4 > li {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  margin: 0 !important;
  background: radial-gradient(circle at 95% 0, rgba(104,57,181,.3), transparent 60%), #251936 !important;
  border: 1px solid rgba(182,139,255,.38) !important;
  border-radius: 13px !important;
  color: #d8c5f0 !important;
}
body.hy9-personal-finish .amountList__amount__3uzil { color: #f5ebff !important; }
body.hy9-personal-finish .amountList__rmb__2yHNG { color: #b9a4d0 !important; }
body.hy9-personal-finish :is(.style__walletlist__1AcAs,.usdt__card__1QL7m,.withdrawal__bankList__3K4iO,.ky-assisted-panel,.ky-customer-card) {
  background: #241936 !important;
  border: 1px solid var(--hy9-line) !important;
  border-radius: 12px !important;
  color: #e9ddfa !important;
}
body.hy9-personal-finish .style__walletlist__1AcAs li { color: #d7c7eb !important; border-color: var(--hy9-line) !important; background: transparent !important; }
body.hy9-personal-finish :is(.style__clientName__1Muqt,.style__money__1Iols,.userInfo__users_layout_spanFont__mFW6W,.withdrawal__tisi__25TqN) { color: #d7c5ed !important; }
body.hy9-personal-finish .style__actionBtnBox__Hce64 { background: #38224e !important; color: #d9b5ff !important; border-color: var(--hy9-line) !important; }
body.hy9-personal-finish .userInfo__tips__3f00A { color: #b8a2ce !important; }
body.hy9-personal-finish .userInfo__call__pMMur { color: #c39aef !important; }
body.hy9-personal-finish .withdrawal__addBankButton__2mx2m { color: #d3b4fb !important; background: #241936 !important; border-color: #825ba9 !important; border-radius: 12px; }
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF :is(.el-table,.el-table th,.el-table td,.el-table tr,.el-table__empty-block) {
  background: #1b142e !important;
  color: #ddd1ef !important;
  border-color: var(--hy9-line) !important;
}
body.hy9-personal-finish .myCenterCommon__userContent__2fHEF .el-table th { background: #312043 !important; color: #f4eaff !important; }
body.hy9-personal-finish .el-table::before,
body.hy9-personal-finish .el-tabs__nav-wrap::after { background: var(--hy9-line) !important; }
body.hy9-personal-finish .el-table__empty-text { color: #bbadd0 !important; }
body.hy9-personal-finish .el-tabs__item { color: #bdb0d4 !important; }
body.hy9-personal-finish .el-tabs__active-bar { background: #aa72f5 !important; }
body.hy9-personal-finish .el-radio-button__inner { background: #271a3c !important; color: #c7b1df !important; border-color: var(--hy9-line) !important; box-shadow: none !important; }
body.hy9-personal-finish .el-radio-button__orig-radio:checked + .el-radio-button__inner { background: #684098 !important; color: #fff !important; border-color: #9e68d6 !important; }
body.hy9-personal-finish .el-pagination :is(button,.el-pager li) { color: #d3bcec !important; background: #2b1d40 !important; }
body.hy9-personal-finish .el-pagination .el-pager li.active { background: #6840ad !important; color: #fff !important; }
body.hy9-personal-finish :is(.el-dialog,.el-select-dropdown,.el-picker-panel) { background: #1c142f !important; color: #e8dcfb !important; border: 1px solid var(--hy9-line) !important; border-radius: 14px; }
body.hy9-personal-finish :is(.el-dialog__title,.el-dialog__body,.el-form-item__label,.el-picker-panel__icon-btn,.el-date-picker__header-label) { color: #e5d6fa !important; }
body.hy9-personal-finish .el-select-dropdown__item { color: #d8c7ed !important; }
body.hy9-personal-finish .el-select-dropdown__item.hover,
body.hy9-personal-finish .el-select-dropdown__item.selected { background: #39234f !important; color: #fff !important; }
body.hy9-personal-finish .el-picker-panel__footer { background: #241a3a !important; border-color: var(--hy9-line) !important; }
body.hy9-personal-finish .el-date-table td.disabled div { background: #261c38 !important; color: #8e7eaa !important; }

/* Desktop VIP: real tier data is retained in a compact, readable grid. */
body.hy9-personal-finish .vipStyle__vip__3yY2f { max-width: 1200px; width: calc(100% - 40px) !important; margin: 24px auto !important; background: transparent !important; color: var(--hy9-text) !important; }
body.hy9-personal-finish .vipStyle__vip__3yY2f > ul { display: grid !important; grid-template-columns: repeat(10,minmax(0,1fr)); width: 100% !important; height: auto !important; margin: 18px 0 !important; padding: 0 !important; gap: 9px; }
body.hy9-personal-finish .vipStyle__vip__3yY2f > ul > li { display: flex !important; flex-direction: column; align-items: center; justify-content: center; float: none !important; width: auto !important; height: 94px !important; margin: 0 !important; padding: 12px 5px !important; box-sizing: border-box; border: 1px solid var(--hy9-line); border-radius: 12px; background: #211632 !important; color: #bda8d7 !important; }
body.hy9-personal-finish .vipStyle__vip__3yY2f > ul > li span { position: static !important; color: inherit !important; margin: 0 !important; font-size: 13px !important; line-height: 1.5 !important; }
body.hy9-personal-finish .vipStyle__vip__3yY2f > ul > li img { display: none !important; }
body.hy9-personal-finish .vipStyle__vip__3yY2f > ul > li::before { content: ''; display: block; width: 36px; height: 36px; margin: 0 auto 8px; background: #b78aef; -webkit-mask: var(--hy9-crown) center/contain no-repeat; mask: var(--hy9-crown) center/contain no-repeat; }
body.hy9-personal-finish .vipStyle__vip__3yY2f > ul > li.vipStyle__active__1bBwm { background: linear-gradient(140deg, #633493, #30204c) !important; border-color: #ba85fa !important; color: #fff !important; box-shadow: 0 0 19px rgba(150,72,229,.22); }
body.hy9-personal-finish .vipStyle__vipInfo__1LJHw { box-sizing: border-box; display: flex !important; align-items: center; gap: 20px; width: 100% !important; min-height: 120px; height: auto !important; padding: 22px !important; margin: 18px 0 !important; border: 1px solid var(--hy9-line); border-radius: 15px; background: #20162f !important; color: #d3c1e8 !important; }
body.hy9-personal-finish .vipStyle__vipInfo__1LJHw > img { display: none !important; }
body.hy9-personal-finish .vipStyle__vipInfo__1LJHw > div { flex: 1; min-width: 0; float: none !important; margin: 0 !important; width: auto !important; height: auto !important; padding: 0 !important; background: none !important; border-color: var(--hy9-line) !important; }
body.hy9-personal-finish .vipStyle__vipInfo__1LJHw > div img { display: none !important; }
body.hy9-personal-finish .vipStyle__vipInfo__1LJHw p { color: #f3e8ff !important; font-size: 24px !important; line-height: 1.4; margin-top: 10px !important; }
body.hy9-personal-finish .vipStyle__table__f94L7 { display: grid !important; grid-template-columns: 1.2fr repeat(10,minmax(0,1fr)); width: 100% !important; margin: 16px 0 !important; border-radius: 15px; overflow: hidden; border: 1px solid var(--hy9-line); box-shadow: none !important; }
body.hy9-personal-finish .vipStyle__table__f94L7 h2 { grid-column: 1 / -1; width: auto !important; height: auto !important; line-height: 1.4 !important; padding: 17px !important; margin: 0 !important; font-size: 20px !important; background: linear-gradient(100deg,#43205f,#251939) !important; color: #f3e9ff !important; }
body.hy9-personal-finish .vipStyle__table__f94L7 > ul { float: none !important; width: auto !important; margin: 0 !important; background: #1c142c !important; border-color: var(--hy9-line) !important; }
body.hy9-personal-finish .vipStyle__table__f94L7 li { height: 50px !important; line-height: 50px !important; color: #cfbbdf !important; border-color: var(--hy9-line) !important; background: transparent !important; font-size: 13px !important; }
body.hy9-personal-finish .vipStyle__table__f94L7::after,
body.hy9-personal-finish .vipStyle__vip__3yY2f > ul::after { display: none !important; }
body.hy9-personal-finish .hy9-personal-contact { position: fixed !important; top: auto !important; left: auto !important; right: 18px !important; bottom: 24px !important; z-index: 1200; width: auto !important; max-width: none !important; height: auto !important; padding: 11px 15px !important; border: 1px solid rgba(193,146,255,.6) !important; border-radius: 24px !important; background: linear-gradient(115deg,#4c2b77,#251939) !important; color: #eedcff !important; font-size: 12px !important; line-height: 1.5 !important; text-decoration: none; box-shadow: 0 7px 26px rgba(3,1,14,.38); }
body.hy9-personal-finish .vipStyle__table__f94L7 > ul.vipStyle__active__1bBwm { background: #422459 !important; }
body.hy9-personal-finish .vipStyle__table__f94L7 > ul.vipStyle__active__1bBwm li { color: #fff !important; }
body.hy9-personal-finish .vipStyle__rule__2QNnc { box-sizing: border-box; width: 100% !important; padding: 24px !important; margin: 20px 0 !important; border-radius: 15px; border: 1px solid var(--hy9-line); background: #181127 !important; color: #bfaed3 !important; }
body.hy9-personal-finish .vipStyle__rule__2QNnc h2 { color: #e8d6ff !important; font-size: 20px !important; }
body.hy9-personal-finish .vipStyle__rule__2QNnc :is(p,div,span) { color: #c3b3d6 !important; line-height: 1.85 !important; }

@media (max-width: 1199px) {
  body.hy9-personal-finish #app,
  body.hy9-personal-finish #app > div[style*="background"] { background: #0b0816 !important; color: #f2ecff !important; }
  body.hy9-personal-finish .van-nav-bar { background: linear-gradient(110deg,#241538,#130e23) !important; border-bottom: 1px solid var(--hy9-line) !important; }
  body.hy9-personal-finish :is(.van-nav-bar__title,.van-nav-bar__arrow) { color: #f2eaff !important; }
  body.hy9-personal-finish :is(.van-cell,.van-cell-group,.van-field,.van-tabs__nav,.van-popup,.van-picker) { background: #20162f !important; color: #dfd0f0 !important; }
  body.hy9-personal-finish :is(.van-field__control,.van-cell__value,.van-tab,.van-picker-column__item,.van-picker__cancel) { color: #c9b6df !important; }
  body.hy9-personal-finish :is(.van-tab--active,.van-picker-column__item--selected,.van-picker__confirm) { color: #e1beff !important; }
  body.hy9-personal-finish .van-tabs__line { background: #a66aee !important; }
  body.hy9-personal-finish .van-cell::after { border-color: var(--hy9-line) !important; }
  body.hy9-personal-finish .van-field__control { color: #f3ebff !important; -webkit-text-fill-color: #f3ebff !important; }
  body.hy9-personal-finish .van-field__control::placeholder { color: #a795bf !important; -webkit-text-fill-color: #a795bf !important; }
  body.hy9-personal-finish .van-field__control:disabled { color: #b8a6cf !important; -webkit-text-fill-color: #b8a6cf !important; }
  body.hy9-personal-finish .van-button--info,
  body.hy9-personal-finish .van-button--primary { background: linear-gradient(110deg,#653ed3,#9149d9 65%,#357dab) !important; border-color: #a071d7 !important; border-radius: 10px !important; color: #fff !important; }
  body.hy9-personal-finish .van-picker__mask { background-image: linear-gradient(180deg,rgba(32,22,47,.94),rgba(32,22,47,0)),linear-gradient(0deg,rgba(32,22,47,.94),rgba(32,22,47,0)) !important; }
  body.hy9-personal-finish .usrse { box-sizing: border-box; width: calc(100% - 24px) !important; margin: 12px auto !important; background: #191229 !important; color: #ddd0ee !important; border: 1px solid var(--hy9-line); border-radius: 14px !important; }
  body.hy9-personal-finish .usrse :is(.hgs,.nams,.tes) { color: #decff2 !important; border-color: var(--hy9-line) !important; }
  body.hy9-personal-route-userCent .tops { height: auto !important; min-height: 0 !important; padding: 22px 20px !important; box-sizing: border-box; background: radial-gradient(ellipse at 50% 0,rgba(127,64,209,.4),transparent 80%),#241633 !important; color: #ecddff !important; }
  body.hy9-personal-route-userCent .tops > img { display: none !important; }
  body.hy9-personal-route-userCent .tops::before { content: ''; display: block; width: 44px; height: 44px; margin: 0 auto 9px; background: #c49af0; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 4L6 11v12c0 12 18 21 18 21s18-9 18-21V11L24 4z' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M16 24l6 6 11-13' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 4L6 11v12c0 12 18 21 18 21s18-9 18-21V11L24 4z' fill='none' stroke='black' stroke-width='3'/%3E%3Cpath d='M16 24l6 6 11-13' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat; }
  body.hy9-personal-route-userCent .tops .tes { color: #e4d2f7 !important; font-size: 15px !important; text-align: center; line-height: 1.6 !important; }
  body.hy9-personal-route-userCent .boxst { box-sizing: border-box; width: calc(100% - 24px) !important; margin: 12px auto !important; padding: 6px 16px !important; border: 1px solid var(--hy9-line); border-radius: 16px !important; background: #1b132a !important; color: #f0e3ff !important; }
  body.hy9-personal-route-userCent .boxst .hgs { padding: 19px 0 !important; border-color: var(--hy9-line) !important; gap: 12px; }
  body.hy9-personal-route-userCent .boxst .lfs { min-width: 0; flex: 1; }
  body.hy9-personal-route-userCent .boxst .topas { color: #f0e3ff !important; font-size: 15px !important; }
  body.hy9-personal-route-userCent .boxst .tisg { color: #b7a5ce !important; font-size: 12px !important; line-height: 1.65 !important; margin-top: 5px; }
  body.hy9-personal-route-userCent .boxst .rigs { color: #bc8ced !important; white-space: nowrap; font-size: 12px !important; }
  body.hy9-personal-route-userCent .boxst .rigs img { display: none !important; }
  body.hy9-personal-route-userCent .boxst .rigs::after { content: '›'; margin-left: 7px; font-size: 22px; vertical-align: -2px; }
  body.hy9-personal-route-money #app > div > div[style*="background"] { background: radial-gradient(ellipse at 75% 0,rgba(106,51,191,.3),transparent 55%),#0b0816 !important; background-attachment: scroll !important; }
  body.hy9-personal-route-activityRecord #app > div > div[style*="min-width"] { width: calc(100% - 24px) !important; min-width: 0 !important; min-height: calc(100dvh - 72px) !important; margin: 12px auto !important; padding: 12px !important; background: #181127 !important; color: #d8c7eb !important; border: 1px solid var(--hy9-line); border-radius: 14px !important; }
  body.hy9-personal-route-activityRecord .van-list { padding-bottom: 40px !important; }
  body.hy9-personal-route-activityRecord .van-cell { margin-bottom: 10px; border: 1px solid var(--hy9-line); border-radius: 11px; line-height: 1.9; }
  body.hy9-personal-route-activityRecord .van-cell__value > div { color: #d3bfe7 !important; }
  body.hy9-personal-route-activityRecord .van-cell__value > div > div:last-child { gap: 8px; flex-wrap: wrap; font-size: 12px !important; }
  body.hy9-personal-route-activityRecord .van-divider { color: #bca7d3 !important; border-color: var(--hy9-line) !important; }
  body.hy9-personal-finish .hy9-member-hero { min-height: 184px; margin: 12px; padding: 22px 18px; border-radius: 16px; background-image: linear-gradient(90deg,rgba(12,8,23,.9) 0%,rgba(12,8,23,.64) 38%,rgba(12,8,23,.1) 72%,transparent),url('/static/image/hy9-neon/vip-member-hero-v1.webp'); }
  body.hy9-personal-finish .hy9-member-hero-copy { max-width: 63%; }
  body.hy9-personal-finish .hy9-member-hero h1 { font-size: 23px; margin: 9px 0 7px; }
  body.hy9-personal-finish .hy9-member-hero-copy > span { font-size: 9px; letter-spacing: 2px; }
  body.hy9-personal-finish .hy9-member-hero p { font-size: 12px; }
  body.hy9-personal-finish .hy9-member-hero-art { flex-basis: 76px; width: 76px; height: 76px; border-radius: 20px; margin-left: 10px; }
  body.hy9-personal-finish .hy9-member-hero-art svg { width: 55px; }
  body.hy9-personal-route-vip .vipType { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; width: calc(100% - 24px) !important; margin: 12px auto !important; padding: 0 !important; }
  body.hy9-personal-route-vip .vipType .vipLis { box-sizing: border-box; width: auto !important; margin: 0 !important; padding: 8px 2px !important; border: 1px solid var(--hy9-line); border-radius: 11px; background: #21162f; color: #c9b1e4 !important; }
  body.hy9-personal-route-vip .vipType .vipLis img { display: none !important; }
  body.hy9-personal-route-vip .vipType .vipLis :is(span,div,p) { color: inherit !important; }
  body.hy9-personal-route-vip .vipType .vipLis::before { content: ''; display: block; width: 25px; height: 25px; margin: 0 auto 4px; background: #b48ee1; -webkit-mask: var(--hy9-crown) center/contain no-repeat; mask: var(--hy9-crown) center/contain no-repeat; }
  body.hy9-personal-route-vip .vipType .hy9-vip-active { background: linear-gradient(140deg,#6a3c9f,#34204e) !important; border-color: #c58bff !important; color: #fff !important; box-shadow: 0 0 13px rgba(155,68,237,.2); }
  body.hy9-personal-route-vip .vipshow { width: calc(100% - 24px) !important; margin: 12px auto !important; padding: 16px !important; box-sizing: border-box; border: 1px solid var(--hy9-line); border-radius: 15px; background: radial-gradient(ellipse at 90% 0,rgba(105,48,166,.32),transparent 60%),#251834 !important; color: #e5d3f7; }
  body.hy9-personal-route-vip .vipshow .bisx { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
  body.hy9-personal-route-vip .vipshow .bisx > img { display: none !important; }
  body.hy9-personal-route-vip .vipshow .bisx :is(.ishw,.vip,.leiji,.liushui) { position: static !important; margin: 0 !important; color: #d9c3ef !important; font-size: 13px !important; line-height: 1.8; }
  body.hy9-personal-route-vip .vipshow .bisx .ishw { grid-column: 2; grid-row: 1; background: #3d2654; padding: 3px 10px; border-radius: 8px; height: auto !important; }
  body.hy9-personal-route-vip .vipshow .bisx .vip { grid-column: 1; grid-row: 1; font-size: 23px !important; font-weight: 700; color: #f1dbff !important; }
  body.hy9-personal-route-vip .vipshow .bisx :is(.leiji,.liushui) { grid-column: 1 / -1; display: flex; justify-content: space-between; }
  body.hy9-personal-route-vip .vipshow .megs { margin-left: 12px !important; color: #fff !important; font-weight: 600; }
  body.hy9-personal-route-vip .fanshiw { color: #e3cafa !important; background: transparent !important; margin: 20px 12px 12px !important; }
  body.hy9-personal-route-vip .fanshiw img { display: none !important; }
  body.hy9-personal-route-vip .month__table__vcSJ7 { display: block !important; width: calc(100% - 24px) !important; margin: 0 auto !important; background: transparent !important; }
  body.hy9-personal-route-vip .month__table__vcSJ7 ul > li { display: none !important; }
  body.hy9-personal-route-vip .month__table__vcSJ7 ul > li:first-child,
  body.hy9-personal-route-vip .month__table__vcSJ7 ul > li.hy9-tier-current { display: block !important; }
  body.hy9-personal-route-vip .month__table__vcSJ7 > ul { display: flex !important; justify-content: space-between; align-items: center; width: 100% !important; margin: 0 0 10px !important; border: 0 !important; background: transparent !important; }
  body.hy9-personal-route-vip .month__table__vcSJ7 > ul > li { width: auto !important; height: auto !important; line-height: 1.5 !important; padding: 3px 0 !important; border: 0 !important; background: transparent !important; color: #c5addb !important; }
  body.hy9-personal-route-vip .month__table__vcSJ7 > ul > li.hy9-tier-current { color: #e2b8ff !important; font-weight: 700; }
  body.hy9-personal-route-vip .month__tableContent__q7JRn { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; width: 100% !important; overflow: visible !important; }
  body.hy9-personal-route-vip .month__tableContent__q7JRn > ul { width: auto !important; margin: 0 !important; overflow: hidden; border: 1px solid var(--hy9-line) !important; border-radius: 12px; background: #231630 !important; }
  body.hy9-personal-route-vip .month__tableContent__q7JRn li { width: auto !important; height: auto !important; padding: 9px 3px !important; line-height: 1.5 !important; border: 0 !important; background: transparent !important; color: #bfacd4 !important; font-size: 12px !important; }
  body.hy9-personal-route-vip .month__tableContent__q7JRn li.hy9-tier-current { padding: 1px 3px 12px !important; font-size: 22px !important; font-weight: 600; color: #e0b5ff !important; }
  body.hy9-personal-route-vip .month__table__vcSJ7 li span { color: inherit !important; }
  body.hy9-personal-route-vip .vipDetailStyle__vipInfo__3IZIT { box-sizing: border-box; width: calc(100% - 24px) !important; margin: 18px auto !important; padding: 16px !important; background: #181127 !important; border: 1px solid var(--hy9-line); border-radius: 14px; color: #c5b0db !important; }
  body.hy9-personal-route-vip .vipDetailStyle__vipInfo__3IZIT :is(p,h4) { color: #c5b0db !important; line-height: 1.85 !important; }
  body.hy9-personal-route-vip .vipDetailStyle__rule__2s4Rz { color: #edd6ff !important; }
  body.hy9-personal-route-vip .vipDetailStyle__note__2kqnK { color: #b59cca !important; }
  /* PC templates may also run in a narrow desktop window. */
  body.hy9-personal-finish .centerHead__users_content__3jK8m { gap: 12px; width: calc(100% - 24px) !important; }
  body.hy9-personal-finish .myCenterCommon__userContent__2fHEF { padding: 20px !important; }
}
@media (max-width: 700px) {
  body.hy9-personal-finish .centerHead__users_content__3jK8m { display: block !important; }
  body.hy9-personal-finish .index__user_left_kok__2nleM { width: 100% !important; }
  body.hy9-personal-finish .vipStyle__vip__3yY2f > ul { grid-template-columns: repeat(5,minmax(0,1fr)); }
  body.hy9-personal-finish .vipStyle__table__f94L7 { font-size: 11px; grid-template-columns: 1.2fr repeat(10,minmax(0,1fr)); }
  body.hy9-personal-finish .vipStyle__table__f94L7 li { font-size: 10px !important; }
}