/* 好运9 mobile visual system: Nebula Esports */
@media (max-width: 1199px) {
  :root {
    --hy9-bg: #090712;
    --hy9-panel: #151126;
    --hy9-panel-2: #1d1731;
    --hy9-line: rgba(157, 127, 255, .34);
    --hy9-text: #f4f1ff;
    --hy9-muted: #b7accf;
    --hy9-violet: #8258ff;
    --hy9-cyan: #39d8ff;
    --hy9-glow: 0 8px 24px rgba(91, 54, 210, .22);
  }

  html, body, #app {
    background-color: var(--hy9-bg) !important;
    color: var(--hy9-text);
  }
  body { color-scheme: dark; }
  a { -webkit-tap-highlight-color: transparent; }
  ::selection { background: #6e46db; color: #fff; }

  /* Shared headers, navigation, cards and icons across home and member pages. */
  .homeHeder,
  .pageTop,
  .style__header__1wC1C > div,
  .van-nav-bar {
    background: linear-gradient(180deg, #19132d, #100d20) !important;
    color: var(--hy9-text) !important;
    border-bottom: 1px solid var(--hy9-line) !important;
    box-shadow: 0 5px 20px rgba(7, 4, 18, .32) !important;
  }
  .homeHeder { margin-top: 0 !important; min-height: 52px !important; }
  .homeHeder .leftImg { filter: hue-rotate(62deg) saturate(1.4) drop-shadow(0 0 7px rgba(134, 89, 255, .42)); }
  .homeHeder .rbox img,
  .gonggao > img,
  .van-tabbar-item__icon img { filter: grayscale(1) brightness(1.65) sepia(.15) hue-rotate(205deg); }
  .van-tabbar-item--active .van-tabbar-item__icon img {
    filter: hue-rotate(58deg) saturate(1.7) brightness(1.18) drop-shadow(0 0 6px rgba(126, 80, 255, .75));
  }
  .van-tabbar,
  .van-hairline--top-bottom.van-tabbar.van-tabbar--fixed,
  .style__footer_bg__Ryr4T > div,
  .style__footer_bg_hidden__31YZD > div {
    background: rgba(17, 12, 33, .97) !important;
    border-top: 1px solid var(--hy9-line) !important;
    box-shadow: 0 -9px 26px rgba(2, 1, 9, .48) !important;
    backdrop-filter: blur(14px);
  }
  .van-tabbar-item { color: #a99fbd !important; }
  .van-tabbar-item--active {
    color: #ded3ff !important;
    background: radial-gradient(ellipse at 50% 100%, rgba(124, 74, 255, .27), transparent 74%) !important;
  }
  .van-tabbar-item__text { font-weight: 600; }
  .van-tabbar-item__icon {
    position: relative;
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center;
  }
  .van-tabbar-item__icon img { visibility: hidden !important; }
  .van-tabbar-item__icon::after {
    content: '';
    position: absolute;
    inset: 2px;
    background: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
  }
  .van-tabbar-item:nth-child(1) .van-tabbar-item__icon::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z' fill='none' stroke='white' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z' fill='none' stroke='white' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .van-tabbar-item:nth-child(2) .van-tabbar-item__icon::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h18v12H3zM2 6h20v3H2zM12 6v15M12 6c-3-5-7-4-7-1 0 2 3 2 7 1Zm0 0c3-5 7-4 7-1 0 2-3 2-7 1Z' fill='none' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h18v12H3zM2 6h20v3H2zM12 6v15M12 6c-3-5-7-4-7-1 0 2 3 2 7 1Zm0 0c3-5 7-4 7-1 0 2-3 2-7 1Z' fill='none' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .van-tabbar-item:nth-child(3) .van-tabbar-item__icon::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2M4 13H2v6h4v-6H4Zm16 0h2v6h-4v-6h2ZM20 19c0 2-3 3-6 3h-2' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2M4 13H2v6h4v-6H4Zm16 0h2v6h-4v-6h2ZM20 19c0 2-3 3-6 3h-2' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .van-tabbar-item:nth-child(4) .van-tabbar-item__icon::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10v4l-3 3v4l3 2-5 5-5-5 3-2v-4L7 7V3ZM7 6H3c0 4 3 6 6 6m8-6h4c0 4-3 6-6 6' fill='none' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10v4l-3 3v4l3 2-5 5-5-5 3-2v-4L7 7V3ZM7 6H3c0 4 3 6 6 6m8-6h4c0 4-3 6-6 6' fill='none' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .van-tabbar-item:nth-child(5) .van-tabbar-item__icon::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='white' stroke-width='1.8'/%3E%3Cpath d='M4 21c0-4 3-6 8-6s8 2 8 6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='white' stroke-width='1.8'/%3E%3Cpath d='M4 21c0-4 3-6 8-6s8 2 8 6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .style__footer_bg__Ryr4T li,
  .style__footer_bg_hidden__31YZD li { color: var(--hy9-muted) !important; }
  .style__footer_bg__Ryr4T li.active,
  .style__footer_bg_hidden__31YZD li.active { color: #e6dfff !important; }

  /* Home and venue lobby: retain existing content and images, renew their surfaces. */
  .van-swipe {
    border: 1px solid var(--hy9-line) !important;
    box-shadow: var(--hy9-glow) !important;
  }
  .van-swipe::after {
    background: linear-gradient(135deg, rgba(21, 10, 51, .34), rgba(79, 27, 172, .12) 52%, rgba(34, 154, 211, .18)) !important;
  }
  .van-swipe__indicator--active,
  .van-tabs__line { background: linear-gradient(90deg, #7b49f5, #39d8ff) !important; }
  .gonggao,
  .van-notice-bar,
  .appbox,
  .permanent-url {
    background: var(--hy9-panel) !important;
    color: var(--hy9-muted) !important;
    border: 1px solid var(--hy9-line) !important;
    border-radius: 12px !important;
    box-shadow: var(--hy9-glow) !important;
  }
  .permanent-url span,
  .van-notice-bar__content { color: #d9cff7 !important; }
  .gameBoxs { background: var(--hy9-bg) !important; }
  .gameBoxs .lfst,
  .gameBoxs .lfst[data-v-0d4d2b4d] {
    background: #141026 !important;
    border: 1px solid var(--hy9-line) !important;
    border-radius: 14px !important;
  }
  .gameBoxs .lfst .ls[data-v-0d4d2b4d] {
    background: transparent !important;
    color: #baadd8 !important;
    border-radius: 11px !important;
  }
  .gameBoxs .lfst .ls.active[data-v-0d4d2b4d] {
    background: linear-gradient(150deg, #5733bd, #2f225d) !important;
    color: #fff !important;
    box-shadow: 0 3px 12px rgba(104, 58, 238, .36) !important;
  }
  .rigts > img {
    border: 1px solid var(--hy9-line) !important;
    border-radius: 14px !important;
    box-shadow: var(--hy9-glow) !important;
  }
  .rigts .hot-tag,
  .rigts .hot-tag .hot-num,
  .rigts .hot-tag .hot-text { color: #ddd1ff !important; }

  /* Offers, tabs and common content surfaces. */
  .acts,
  .consg,
  .style__center__2kY1_,
  .myDeposit__box__397uk,
  .withDrawStyle__box__1Mcwe,
  .information__box__3wMSm { background: var(--hy9-bg) !important; color: var(--hy9-text) !important; }
  .consg .lis,
  .style__wallet__2Zbxj,
  .style__topCustom__3HQVY,
  .information__moneyCard__oBoGX,
  .myDeposit__container__2DsA_,
  .withDrawStyle__container__28IaW {
    background: linear-gradient(155deg, #211a38, #141024) !important;
    color: var(--hy9-text) !important;
    border: 1px solid var(--hy9-line) !important;
    border-radius: 16px !important;
    box-shadow: var(--hy9-glow) !important;
  }
  .consg .lis .tite_sf,
  .pageTop { color: var(--hy9-text) !important; }
  .consg .lis img { height: auto !important; min-height: 100px; max-height: 190px; object-fit: cover; }
  .van-tabs,
  .van-tabs__nav,
  .van-tabs__wrap,
  .van-tabs__content,
  .van-cell-group,
  .van-panel { background: var(--hy9-bg) !important; }
  .van-tab { color: var(--hy9-muted) !important; }
  .van-tab--active,
  .van-tabs__nav .van-tab--active .van-tab__text { color: #c5aaff !important; }
  .van-tabs__nav .van-tab__text { font-size: 14px !important; }
  .van-tabs__nav .van-tab { padding: 0 12px !important; }
  .van-hairline--bottom::after,
  .van-hairline--top-bottom::after { border-color: var(--hy9-line) !important; }

  /* Member, wallet, forms and dialogs. */
  .van-cell,
  .van-field,
  .van-popup,
  .van-dialog,
  .van-action-sheet,
  .van-picker,
  .van-calendar,
  .van-collapse-item__content,
  #mtb {
    background: var(--hy9-panel) !important;
    color: var(--hy9-text) !important;
    border-color: var(--hy9-line) !important;
  }
  .van-cell__title,
  .van-cell__value,
  .van-field__label,
  .van-field__control,
  .van-dialog__header,
  .van-picker__title,
  .van-calendar__title { color: var(--hy9-text) !important; }
  .van-cell__label,
  .van-field__control::placeholder,
  input::placeholder,
  textarea::placeholder { color: #9c91b8 !important; }
  .van-field__control,
  .van-cell input,
  .van-cell textarea { background: transparent !important; }
  .van-cell::after,
  .van-cell-group::after { border-color: var(--hy9-line) !important; }
  .van-button--primary,
  .van-button--info,
  .van-button--info.van-button--mini,
  .van-dialog__confirm,
  #mtok {
    color: #fff !important;
    border: 1px solid rgba(150, 135, 255, .65) !important;
    background: linear-gradient(110deg, #5740d7, #7949f2 57%, #278ddb) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 18px rgba(87, 57, 213, .3) !important;
  }
  .van-button--default,
  .van-dialog__cancel {
    background: #241b3b !important;
    color: #dfd5f4 !important;
    border: 1px solid var(--hy9-line) !important;
    border-radius: 12px !important;
  }
  .van-button--disabled,
  .van-button[disabled] { opacity: .5 !important; box-shadow: none !important; }
  #mtok:disabled { background: #39304e !important; color: #a9a0bf !important; box-shadow: none !important; }
  .van-nav-bar__title,
  .van-nav-bar__text,
  .van-nav-bar .van-icon { color: var(--hy9-text) !important; }
  .van-tag--primary,
  .van-tag--success { background: #5838bb !important; color: #fff !important; }
  #mth,
  #mtm,
  #mtf button { color: var(--hy9-muted) !important; border-color: var(--hy9-line) !important; }
  #mtp { background: linear-gradient(135deg, #30206d, #6632ba 54%, #1d83b3) !important; }

  /* Login and registration share the same new components and proportions. */
  body.hy9-auth-page { background: #090712 !important; }
  body.hy9-auth-page #hy9-auth-brand {
    background: radial-gradient(ellipse at 50% 100%, #25175a, #0d0a1d 75%) !important;
    background-image: repeating-linear-gradient(90deg, rgba(128, 83, 250, .1) 0, rgba(128, 83, 250, .1) 1px, transparent 1px, transparent 30px) !important;
    border-bottom: 1px solid rgba(158, 117, 255, .3) !important;
  }
  body.hy9-auth-page #hy9-auth-brand img {
    filter: hue-rotate(65deg) saturate(1.45) drop-shadow(0 0 13px rgba(125, 72, 255, .47)) !important;
  }
  body.hy9-auth-page .entry_entryStyle__FXwIQ {
    background-color: #090712 !important;
    background-image:
      radial-gradient(ellipse 75% 36% at 50% 10%, rgba(119, 54, 222, .39), transparent 80%),
      radial-gradient(ellipse 44% 20% at 78% 31%, rgba(54, 195, 239, .12), transparent 90%),
      repeating-linear-gradient(90deg, rgba(138, 86, 255, .055) 0 1px, transparent 1px 32px),
      linear-gradient(180deg, #160e30 0%, #140d2b 34%, #090712 78%) !important;
    background-position: center top !important;
  }
  body.hy9-auth-page .login_formContainer__2zhUW,
  body.hy9-auth-page .register_formContainer__3DhlE {
    border: 1px solid rgba(150, 117, 250, .4) !important;
    background: rgba(19, 14, 37, .94) !important;
    box-shadow: 0 16px 46px rgba(5, 3, 15, .62), 0 0 22px rgba(105, 61, 230, .12) !important;
    backdrop-filter: blur(16px);
  }
  body.hy9-auth-page .login_normalContent__1I3Xg,
  body.hy9-auth-page .register_registerContent__16A8K {
    background: rgba(20, 15, 40, .9) !important;
    color: var(--hy9-text) !important;
  }
  body.hy9-auth-page .login_locationToRight__gIQoN,
  body.hy9-auth-page .register_locationToLeft__17bW- {
    background: linear-gradient(180deg, #302059, #171127) !important;
    border-color: var(--hy9-line) !important;
    color: #eee5ff !important;
  }
  body.hy9-auth-page .login_title__1VIs3,
  body.hy9-auth-page .register_registerTitle__gkT0e { color: #f6f1ff !important; text-shadow: 0 0 12px rgba(125, 75, 255, .45); }
  body.hy9-auth-page .login_inputGroup__1xPH8,
  body.hy9-auth-page .register_inputGroup__2VkRD {
    background: #211a39 !important;
    border: 1px solid rgba(131, 105, 199, .54) !important;
    box-shadow: inset 0 1px 6px rgba(6, 2, 17, .45) !important;
  }
  body.hy9-auth-page .login_inputGroup__1xPH8:focus-within,
  body.hy9-auth-page .register_inputGroup__2VkRD:focus-within {
    border-color: #a276ff !important;
    box-shadow: 0 0 0 3px rgba(130, 77, 255, .16) !important;
  }
  body.hy9-auth-page .login_input__hMBpm,
  body.hy9-auth-page .register_input__1ukwi { color: #fff !important; }
  body.hy9-auth-page .login_btnGroup__37-ja button,
  body.hy9-auth-page .register_btnGroup__1vkHI button {
    border: 1px solid rgba(173, 154, 255, .6) !important;
    background: linear-gradient(105deg, #6240d9, #9153f2 60%, #36b9e8) !important;
    box-shadow: 0 8px 20px rgba(91, 55, 210, .38) !important;
    color: #fff !important;
  }
  body.hy9-auth-page .login_formContainer__2zhUW::after,
  body.hy9-auth-page .register_formContainer__3DhlE::after { filter: hue-rotate(58deg) saturate(1.35); }
  body.hy9-auth-page .entry_sponsorGroup__28DPX { filter: hue-rotate(55deg) saturate(.8); }

  /* One compact TG dock on every route where the previous mobile script showed it. */
  #hy9-tg-dock {
    position: fixed !important;
    z-index: 8800;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 54px;
    height: 54px;
    padding: 4px;
    box-sizing: border-box;
    border: 1px solid rgba(178, 140, 255, .72);
    border-radius: 17px;
    background: linear-gradient(145deg, #35206d, #7040d3 56%, #248bb8);
    box-shadow: 0 8px 21px rgba(20, 7, 52, .43), inset 0 1px 0 rgba(255, 255, 255, .15);
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    font: 700 10px/1.1 -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
    letter-spacing: .5px;
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    transition: left .24s ease, top .24s ease, transform .28s ease, box-shadow .2s ease;
  }
  #hy9-tg-dock svg { width: 26px; height: 26px; margin-bottom: 2px; display: block; }
  #hy9-tg-dock.hy9-tg-dragging { cursor: grabbing; transition: none; }
  #hy9-tg-dock.hy9-tg-hidden.hy9-tg-right { transform: translateX(36px); }
  #hy9-tg-dock.hy9-tg-hidden.hy9-tg-left { transform: translateX(-36px); }
  #hy9-tg-dock:focus-visible { outline: 2px solid var(--hy9-cyan); outline-offset: 3px; }
  #hy9-tg-dock:hover { box-shadow: 0 9px 26px rgba(119, 62, 244, .55); }
  #ky-mobile-tg, #ky-mobile-tg-row { display: none !important; }

  /* Finish the public-facing pages, including the original pale surfaces. */
  .app,
  .app-ti_green,
  .acts,
  .consg,
  [data-v-0d4d2b4d][style*="rgb(244, 246, 255)"],
  .xiding {
    background-color: #0d0a1a !important;
    color: var(--hy9-text) !important;
  }
  .xiding {
    border-top: 1px solid rgba(142, 99, 248, .2) !important;
    border-bottom: 1px solid rgba(142, 99, 248, .23) !important;
    box-shadow: 0 8px 22px rgba(5, 2, 18, .3) !important;
  }
  .caosuo,
  .caosuo .name { color: #f4f0ff !important; }
  .caosuo .mey { color: #ad9aca !important; }
  .caosuo .riggs .lisImg { color: #e7ddff !important; }
  .caosuo .riggs img,
  .gonggao img,
  .gameBoxs .lfst img {
    filter: grayscale(1) brightness(1.6) sepia(1) hue-rotate(195deg) saturate(2.3) !important;
  }
  .gameBoxs .lfst .active img {
    filter: grayscale(.25) hue-rotate(54deg) saturate(1.8) drop-shadow(0 0 5px rgba(142, 91, 255, .62)) !important;
  }
  .van-swipe-item { position: relative; overflow: hidden; }
  .van-swipe-item img {
    filter: brightness(.82) saturate(.77) contrast(1.06) !important;
  }
  .van-swipe-item::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(125deg, rgba(27, 12, 71, .38), rgba(91, 39, 159, .16) 54%, rgba(5, 5, 23, .35));
    mix-blend-mode: multiply;
  }
  .gameBoxs .rigts {
    position: relative;
    isolation: isolate;
  }
  .gameBoxs .rigts > img {
    filter: brightness(.76) saturate(.68) sepia(.16) contrast(1.04) !important;
    background: #281b48 !important;
  }
  .gameBoxs .rigts::after {
    display: none !important;
  }
  .gameBoxs .rigts > img[data-hy9-neon-card] {
    filter: none !important;
    background-color: #1b1432 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid rgba(147, 101, 255, .7) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 25px rgba(35, 12, 89, .35), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  .gameBoxs .rigts > img[data-hy9-category="live"] { background-image: url('/static/image/hy9-neon/venue-live-v2.jpg') !important; }
  .gameBoxs .rigts > img[data-hy9-category="sports"] { background-image: url('/static/image/hy9-neon/venue-sports-v2.jpg') !important; }
  .gameBoxs .rigts > img[data-hy9-category="esports"] { background-image: url('/static/image/hy9-neon/venue-esports-v2.jpg') !important; }
  .gameBoxs .rigts > img[data-hy9-category="board"] { background-image: url('/static/image/hy9-neon/venue-board-v2.jpg') !important; }
  .gameBoxs .rigts > img[data-hy9-category="slots"] { background-image: url('/static/image/hy9-neon/venue-slots-v2.jpg') !important; }
  .gameBoxs .rigts > img[data-hy9-category="lottery"] { background-image: url('/static/image/hy9-neon/venue-lottery-v2.jpg') !important; }
  .gameBoxs .rigts > img[data-hy9-neon-card]:active {
    opacity: .82 !important;
  }
  .gameBoxs .rigts .hot-tag {
    display: none !important;
    left: auto !important;
    right: 25px !important;
    top: 28px !important;
    z-index: 3 !important;
    min-width: 52px;
    padding: 6px 3px;
    border: 1px solid rgba(161, 112, 255, .45);
    border-radius: 11px;
    background: rgba(43, 25, 83, .82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    text-align: center;
    backdrop-filter: blur(5px);
    pointer-events: none;
  }
  .gameBoxs .rigts .hot-tag .hot-num {
    display: block;
    font-size: 15px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    color: #e8d8ff !important;
  }
  .gameBoxs .rigts .hot-tag .hot-text {
    display: block;
    font-size: 9px !important;
    color: #b8a0dc !important;
  }

  /* Promotional artwork remains legible while matching the new surface palette. */
  .consg .lis {
    overflow: hidden;
    border: 1px solid rgba(159, 119, 255, .36) !important;
    background: #171126 !important;
  }
  .consg .lis img {
    filter: brightness(.82) saturate(.78) contrast(1.03) !important;
    background: #241c3d !important;
  }
  .consg .lis .tite_sf {
    background: #171126 !important;
    color: #e8dfff !important;
  }

  /* Sponsorship cards were still pure white on the live site. */
  .lis[data-v-9ff44138] {
    background: linear-gradient(110deg, #251a42, #171126 67%, #281b4c) !important;
    border: 1px solid rgba(158, 115, 255, .5) !important;
    box-shadow: 0 9px 25px rgba(28, 8, 70, .3) !important;
  }
  .lis[data-v-9ff44138] .you { color: #f4edff !important; }
  .lis[data-v-9ff44138] .te { color: #b7a7d3 !important; }
  .lis[data-v-9ff44138] .lfs > img { filter: brightness(1.18) hue-rotate(42deg) saturate(1.2) !important; }
  .lis[data-v-9ff44138] .rig > img { filter: brightness(.86) saturate(.83) !important; }

  /* Announcement popup, shared overlays and secondary controls. */
  .domainModal_content__1nBgc,
  .domainModal_contentTop__2C4jc,
  .domainModal_middle__3gQPm {
    background: #1b1430 !important;
    color: #f4efff !important;
    border-color: rgba(160, 120, 255, .48) !important;
  }
  .domainModal_content__1nBgc {
    border: 1px solid rgba(160, 120, 255, .48) !important;
    box-shadow: 0 18px 55px rgba(4, 2, 15, .6), 0 0 25px rgba(114, 62, 230, .23) !important;
    border-radius: 15px !important;
    overflow: hidden;
  }
  .domainModal_top__1omYS {
    background: linear-gradient(105deg, #49269c, #7b46e4) !important;
    color: #fff !important;
  }
  .domainModal_middle__3gQPm p,
  .domainModal_middle__3gQPm strong,
  .domainModal_middle__3gQPm span { color: #f0e9ff !important; }
  .domainModal_contentSpring___2ZaV .domainModal_contentBefore__1GUHt,
  .domainModal_contentSpring___2ZaV .domainModal_contentCenter__NHLRl,
  .domainModal_contentSpring___2ZaV .domainModal_contentAfter__2Ynqa {
    background-image: linear-gradient(180deg, #3d237d, #1c1434) !important;
  }
  .domainModal_buttonContainer__1trfi .domainModal_button__2S_lY {
    background-image: linear-gradient(105deg, #6240d9, #9254eb) !important;
    border-radius: 12px !important;
  }
  .domainModal_close__2e6O8 { filter: hue-rotate(62deg) saturate(1.4) !important; }
  .meys[data-v-2f124e27],
  .vipousf[data-v-2f124e27],
  .uslis[data-v-2f124e27],
  .wallet__wallet-wrapper__2qKRH,
  .pahsn[data-v-e691a368],
  .topsf[data-v-15276896],
  .topsf[data-v-40758cc9],
  .tops[data-v-5575261c],
  .tit[data-v-2313b02c] {
    background-image: linear-gradient(135deg, #2b1a56 0%, #171127 70%, #11101e 100%) !important;
    background-color: #171127 !important;
    color: var(--hy9-text) !important;
    border-color: var(--hy9-line) !important;
  }
  .uslis .bosfs[data-v-2f124e27],
  .customerModal_content__2nV1H,
  .customerModal_banner__veriD {
    background-image: linear-gradient(125deg, #281a4b, #151126) !important;
    background-color: #151126 !important;
    color: var(--hy9-text) !important;
    border-color: var(--hy9-line) !important;
  }
  .van-overlay { background-color: rgba(4, 2, 13, .76) !important; }
  .van-popup__close-icon,
  .van-dialog__close-icon,
  .van-icon { color: #b99aff; }

  /* The original login ornament contains an obsolete white Kaiyun wordmark.
     Keep the dedicated 好运9 brand layer and remove that duplicate artwork. */
  body.hy9-auth-page .entry_entryMain__2anz2::before,
  body.hy9-auth-page .entry_entryMain__2anz2::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  /* Home is a viewport, not a second vertically scrolling document. The venue
     list is the only vertical scroller; other routes retain their usual flow. */
  body.hy9-home-page,
  body.hy9-home-page #app {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none;
  }
  body.hy9-home-page .homeHeder {
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
  }
  body.hy9-home-page .homeHeder .leftImg {
    height: 39px !important;
    max-width: 128px !important;
    object-fit: contain;
  }
  body.hy9-home-page .van-swipe {
    width: calc(100% - 20px) !important;
    height: clamp(92px, 15dvh, 132px) !important;
    margin: 5px auto 6px !important;
    border-radius: 14px !important;
  }
  body.hy9-home-page .gonggao {
    width: calc(100% - 20px) !important;
    height: 33px !important;
    min-height: 33px !important;
    padding: 0 9px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
  }
  body.hy9-home-page .gonggao .van-notice-bar {
    height: 31px !important;
    padding: 0 3px !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body.hy9-home-page .xiding {
    position: relative !important;
    z-index: 2;
    height: 62px !important;
    padding: 3px 0 !important;
    box-sizing: border-box !important;
    background: linear-gradient(100deg, #1b1432, #121023) !important;
  }
  body.hy9-home-page .caosuo { height: 55px !important; width: calc(100% - 22px) !important; }
  body.hy9-home-page .caosuo .lefsg .name { font-size: 12px !important; }
  body.hy9-home-page .caosuo .lefsg .mey { font-size: 13px !important; }
  body.hy9-home-page .caosuo .riggs .lisImg {
    width: 45px !important;
    min-width: 45px !important;
    height: 49px !important;
    margin-left: 3px;
    padding: 4px 1px 2px;
    box-sizing: border-box;
    border: 1px solid rgba(148, 103, 255, .32);
    border-radius: 10px;
    background: linear-gradient(145deg, #261b47, #171329) !important;
    color: #dcd0f5 !important;
    font-size: 10px !important;
    line-height: 15px;
  }
  body.hy9-home-page .caosuo .riggs .lisImg img { display: none !important; }
  body.hy9-home-page .caosuo .riggs .lisImg::before {
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    margin: 1px auto 2px;
    background: linear-gradient(135deg, #be9aff, #53d8f8);
    -webkit-mask: var(--hy9-action-icon) center / contain no-repeat;
    mask: var(--hy9-action-icon) center / contain no-repeat;
  }
  body.hy9-home-page .caosuo .riggs .lisImg:nth-child(1) { --hy9-action-icon: url('/static/image/hy9-neon/icon-wallet.svg'); }
  body.hy9-home-page .caosuo .riggs .lisImg:nth-child(2) { --hy9-action-icon: url('/static/image/hy9-neon/icon-transfer.svg'); }
  body.hy9-home-page .caosuo .riggs .lisImg:nth-child(3) { --hy9-action-icon: url('/static/image/hy9-neon/icon-withdraw.svg'); }
  body.hy9-home-page .caosuo .riggs .lisImg:nth-child(4) { --hy9-action-icon: url('/static/image/hy9-neon/icon-vip.svg'); }

  body.hy9-home-page .gameBoxs {
    width: 100% !important;
    height: calc(100dvh - 46px - clamp(92px, 15dvh, 132px) - 16px - 33px - 62px - 64px - env(safe-area-inset-bottom, 0px)) !important;
    min-height: 0 !important;
    padding: 7px 9px 7px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    gap: 8px;
  }
  body.hy9-home-page .gameBoxs .lfst {
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 4px 3px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: repeat(6, minmax(0, 1fr));
    gap: 3px;
    overflow: hidden !important;
  }
  body.hy9-home-page .gameBoxs .lfst .ls {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 1px 0 !important;
    border: 1px solid rgba(149, 105, 255, .22) !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, #231a3f, #181329) !important;
    color: #c9bbdf !important;
    touch-action: manipulation;
  }
  body.hy9-home-page .gameBoxs .lfst .ls.active {
    border-color: rgba(166, 113, 255, .9) !important;
    background: linear-gradient(140deg, #4b278f, #2a2051 70%, #183954) !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(207, 171, 255, .15), 0 0 13px rgba(112, 66, 238, .33) !important;
  }
  body.hy9-home-page .gameBoxs .lfst .ls img { display: none !important; }
  body.hy9-home-page .gameBoxs .lfst .ls::before {
    content: '';
    display: block;
    width: 23px;
    height: 23px;
    margin-bottom: 2px;
    background: linear-gradient(135deg, #a987ff, #51d9f6);
    -webkit-mask: var(--hy9-category-icon) center / contain no-repeat;
    mask: var(--hy9-category-icon) center / contain no-repeat;
  }
  body.hy9-home-page .gameBoxs .lfst .ls:nth-child(1) { --hy9-category-icon: url('/static/image/hy9-neon/icon-live.svg'); }
  body.hy9-home-page .gameBoxs .lfst .ls:nth-child(2) { --hy9-category-icon: url('/static/image/hy9-neon/icon-sports.svg'); }
  body.hy9-home-page .gameBoxs .lfst .ls:nth-child(3) { --hy9-category-icon: url('/static/image/hy9-neon/icon-esports.svg'); }
  body.hy9-home-page .gameBoxs .lfst .ls:nth-child(4) { --hy9-category-icon: url('/static/image/hy9-neon/icon-board.svg'); }
  body.hy9-home-page .gameBoxs .lfst .ls:nth-child(5) { --hy9-category-icon: url('/static/image/hy9-neon/icon-slots.svg'); }
  body.hy9-home-page .gameBoxs .lfst .ls:nth-child(6) { --hy9-category-icon: url('/static/image/hy9-neon/icon-lottery.svg'); }
  body.hy9-home-page .gameBoxs .lfst .ls span { font-size: 11px !important; line-height: 1.1 !important; }
  body.hy9-home-page .gameBoxs .rigts {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: 0 !important;
    height: 100% !important;
    padding: 0 2px 12px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-x: none;
    overscroll-behavior-y: contain;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch;
  }
  body.hy9-home-page .gameBoxs .rigts > img {
    max-width: 100% !important;
    touch-action: pan-y !important;
    -webkit-user-drag: none;
    user-select: none;
  }
  body.hy9-home-page .van-tabbar { height: 64px !important; padding-bottom: env(safe-area-inset-bottom, 0px) !important; box-sizing: border-box !important; }
  @media (max-height: 700px) {
    body.hy9-home-page .homeHeder { height: 42px !important; min-height: 42px !important; }
    body.hy9-home-page .gameBoxs { height: calc(100dvh - 42px - clamp(92px, 15dvh, 132px) - 16px - 33px - 62px - 60px - env(safe-area-inset-bottom, 0px)) !important; }
    body.hy9-home-page .van-tabbar { height: 60px !important; }
  }

  /* Account hub: replace the old pale panels with readable, separate layers. */
  #app div[style*="rgb(237, 241, 255)"],
  #app div[style*="rgb(237, 242, 253)"] {
    background-color: var(--hy9-bg) !important;
  }
  .mineTop {
    color: #f6f1ff !important;
    background: linear-gradient(120deg, #251747, #100d20) !important;
    border-bottom: 1px solid var(--hy9-line);
  }
  .mineTop .kefus {
    color: #d9caff !important;
    border: 1px solid rgba(156, 120, 248, .48);
    border-radius: 999px;
    background: rgba(105, 66, 184, .2) !important;
  }
  .mineTop .kefus img { filter: hue-rotate(64deg) saturate(.85) brightness(1.2); }
  .usersg {
    background: linear-gradient(125deg, #29204a, #171227 78%) !important;
    border: 1px solid rgba(165, 128, 255, .48) !important;
    border-radius: 17px !important;
    box-shadow: 0 10px 26px rgba(7, 3, 24, .35) !important;
  }
  .usersg .center .name,
  .usersg .center .dat { color: #f2ecff !important; }
  .usersg .center .dat { color: #bdafd8 !important; }
  .usersg .lesf > img { border: 2px solid rgba(183, 145, 255, .65); border-radius: 50%; }
  .meys,
  .vipousf,
  .uslis {
    border: 1px solid rgba(149, 110, 243, .35) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, #201934, #120f21) !important;
    box-shadow: 0 9px 24px rgba(5, 3, 17, .28) !important;
  }
  .meys .lefs,
  .meys .meysf,
  .vipousf .box,
  .uslis .lis span,
  .uslis .bosfs .tit { color: #f2ecff !important; }
  .meys .meysf { font-weight: 750; letter-spacing: .02em; }
  .vipousf .shu { background: rgba(156, 119, 243, .3) !important; }
  .uslis .thbs .lis {
    border: 1px solid rgba(151, 117, 237, .32) !important;
    border-radius: 12px !important;
    background: linear-gradient(150deg, #2a2044, #1a142b) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  }
  .uslis .thbs .lis img,
  .uslis .bosfs .firsimg { filter: hue-rotate(54deg) saturate(.9) brightness(1.1); }
  .uslis .bosfs .hgsw {
    border-bottom: 1px solid rgba(158, 121, 246, .22) !important;
    color: #ede6ff !important;
  }
  .uslis .bosfs .hgsw:last-child { border-bottom: 0 !important; }

  /* Bet records and rebates share an actual list layout, not a white sheet. */
  #app div:has(> .saibox) {
    width: calc(100% - 22px) !important;
    min-width: 0 !important;
    min-height: calc(100dvh - 58px) !important;
    margin: 10px auto 18px !important;
    padding: 14px 12px !important;
    background: linear-gradient(160deg, #1c1530, #100d1d) !important;
    color: #f1eaff !important;
    border: 1px solid rgba(154, 116, 246, .4) !important;
    border-radius: 17px !important;
    box-shadow: 0 10px 26px rgba(4, 2, 14, .28) !important;
  }
  .saibox { display: flex !important; gap: 9px; margin: 12px 0 !important; }
  .saibox .sai {
    flex: 1 1 0;
    min-width: 0;
    padding: 9px 10px !important;
    color: #e7dcff !important;
    text-align: center;
    border: 1px solid rgba(162, 124, 251, .5) !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, #30234f, #201a35) !important;
  }
  .saibox .sai:active { background: #52338d !important; }
  div:has(> .saibox) > .van-list { margin-top: 8px !important; padding-bottom: 100px !important; }
  div:has(> .saibox) > .van-list .van-cell {
    margin: 0 0 9px;
    padding: 12px !important;
    color: #eee7ff !important;
    border: 1px solid rgba(141, 110, 218, .38) !important;
    border-radius: 13px !important;
    background: #1b1530 !important;
    box-shadow: 0 5px 14px rgba(4, 2, 15, .2);
    overflow-wrap: anywhere;
  }
  div:has(> .saibox) > .van-list .van-cell::after { display: none !important; }
  div:has(> .saibox) > .van-list .van-cell div { line-height: 1.5; }
  div:has(> .saibox) > .van-list .van-cell div[style*="color: #888"] {
    text-shadow: 0 0 1px rgba(255, 255, 255, .22);
  }
  div:has(> .saibox) > .van-list .van-cell div[style*="color: #888"] > div,
  div:has(> .saibox) > .van-list .van-cell div[style*="color: #888"] span {
    color: #dcd0f3 !important;
  }
  div:has(> .saibox) > .van-list .van-cell div[style*="color: #888"] > div:first-child {
    color: #f3ecff !important;
    font-weight: 650;
  }
  div:has(> .saibox) .van-divider {
    color: #ad9fc9 !important;
    border-color: rgba(159, 122, 241, .3) !important;
  }
  div:has(> .saibox) > div > img[src*="mescroll-empty"] {
    opacity: .78;
    filter: hue-rotate(55deg) saturate(.7) brightness(1.1);
  }
  div:has(> .saibox) > div[style*="border-bottom"] {
    height: auto !important;
    min-height: 62px;
    margin: 10px 0 14px;
    padding: 10px 6px !important;
    border: 1px solid rgba(155, 118, 246, .32) !important;
    border-radius: 12px;
    background: rgba(106, 68, 176, .12) !important;
  }
  div:has(> .saibox) > div[style*="border-bottom"] div[style*="color: #597ef7"] {
    color: #bea0ff !important;
    font-size: 15px !important;
  }
  .van-popup .lisg { padding: 12px !important; background: #151025 !important; }
  .van-popup .lisg .lisga {
    color: #d9cdec !important;
    border: 1px solid rgba(149, 112, 239, .34) !important;
    border-radius: 10px !important;
    background: #231a3a !important;
  }
  .van-popup .lisg .lisga.act {
    color: #fff !important;
    border-color: #a47cff !important;
    background: linear-gradient(100deg, #603aba, #317db6) !important;
  }

  /* Offers and activity detail: remove hard-coded white HTML backgrounds. */
  .acts:has(.consg) .topsa { background: #141024 !important; }
  .acts:has(.consg) .consg { padding: 12px 10px 85px !important; }
  .acts:has(.consg) .consg .lis {
    margin-bottom: 12px !important;
    border-radius: 15px !important;
    overflow: hidden;
    background: #1c1530 !important;
    border: 1px solid rgba(159, 119, 255, .48) !important;
    box-shadow: 0 8px 20px rgba(5, 2, 21, .3) !important;
  }
  .acts:has(.consg) .consg .lis img { width: 100%; display: block; }
  .acts:has(.consg) .consg .lis .tite_sf {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 7px 12px !important;
    font-weight: 700;
    color: #eee6ff !important;
  }
  #app:has(.tables) { background: #090712 !important; color: #f1eaff !important; }
  #app:has(.tables) > div { background: #090712 !important; min-height: 100dvh; }
  #app:has(.tables) > div > div > img:first-child {
    width: calc(100% - 20px) !important;
    max-height: 200px;
    object-fit: cover;
    margin: 10px auto 0;
    border: 1px solid rgba(154, 116, 246, .42);
    border-radius: 14px;
  }
  #app:has(.tables) .van-divider { color: #bfa8f7 !important; border-color: rgba(160, 123, 244, .35) !important; }
  .tables {
    width: calc(100% - 22px);
    box-sizing: border-box;
    margin: 10px auto 16px;
    padding: 15px 13px !important;
    color: #eae3f8 !important;
    background: #181229 !important;
    border: 1px solid rgba(153, 115, 247, .38);
    border-radius: 14px;
    line-height: 1.6;
    overflow-wrap: anywhere;
    overflow-x: auto;
  }
  .tables * { color: #eae3f8 !important; background-color: transparent !important; }
  .tables p { margin: 0 0 11px !important; line-height: 1.6 !important; }
  .tables .at-detail { margin: 0 !important; padding: 0 !important; }
  .tables table { width: 100% !important; max-width: 100%; border-collapse: collapse !important; table-layout: fixed; }
  .tables th,
  .tables td {
    height: auto !important;
    padding: 8px 5px !important;
    border: 1px solid rgba(159, 124, 235, .38) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    word-break: break-word;
  }
  .tables tr:first-child td,
  .tables th { background: #302049 !important; color: #f7f2ff !important; }
  .tables img { max-width: 100% !important; height: auto !important; }
  .bonsf {
    background: rgba(13, 9, 26, .95) !important;
    border-top: 1px solid rgba(156, 117, 248, .42) !important;
    box-shadow: 0 -8px 23px rgba(3, 1, 11, .3) !important;
  }
  .bonsf .btsdn {
    color: #fff !important;
    border: 1px solid rgba(178, 147, 255, .6) !important;
    border-radius: 12px !important;
    background: linear-gradient(100deg, #6841d0, #884be3 58%, #318fc3) !important;
    box-shadow: 0 6px 18px rgba(89, 47, 195, .33) !important;
  }
}

@media (min-width: 1200px) { #hy9-tg-dock { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
  #hy9-tg-dock { transition: none !important; }
}