/*
 * Mobile information architecture rebuild.
 * This sheet intentionally replaces the former portrait-card treatment only
 * below 760px. Desktop and the existing CMS behaviours remain untouched.
 */
@media (max-width:760px){
  :root{--hg-mobile-header:58px;--hg-mobile-pad:20px;}
  /* The library already puts every element in border-box.  The legacy user
     shell used by welfare does not, so its otherwise identical header grows
     by its borders/padding and drifts horizontally.  Scope the same sizing
     model to the shared header only; page cards and welfare content retain
     their existing layout. */
  .hg-topbar,.hg-topbar *,.hg-topbar:before,.hg-topbar:after{box-sizing:border-box!important;}
  .hg-topbar{position:sticky!important;top:0!important;min-height:var(--hg-mobile-header)!important;}
  .hg-topbar__inner{display:flex!important;align-items:center!important;width:100%!important;height:var(--hg-mobile-header)!important;min-width:0!important;margin:0!important;padding:0 12px!important;gap:7px!important;}
  .hg-topbar__inner>*{min-width:0!important;}
  .hg-topbar .hg-logo,.hg-app--reels .hg-logo{flex:0 0 55px!important;min-width:55px!important;width:55px!important;}
  .hg-topbar .hg-logo img,.hg-app--reels .hg-logo img{width:55px!important;height:30px!important;object-fit:contain!important;}
  .hg-brush-page .hg-topbar .hg-logo{flex:0 0 55px!important;min-width:55px!important;width:55px!important;}
  .hg-brush-page .hg-topbar .hg-logo img{width:55px!important;height:30px!important;object-fit:contain!important;}
  .hg-topbar .hg-nav,.hg-app--reels .hg-nav{display:flex!important;min-width:0!important;width:173px!important;max-width:173px!important;flex:0 0 173px!important;gap:1px!important;overflow:hidden!important;padding:3px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;background:linear-gradient(180deg,#171b22,#11141a)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
  .hg-nav a,.hg-app--reels .hg-nav a{display:block!important;min-width:0!important;flex:1 1 0!important;padding:7px 2px!important;overflow:hidden!important;border-radius:10px!important;color:#aeb6c2!important;font-size:10px!important;font-weight:800!important;line-height:17px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .hg-nav a.is-active,.hg-app--reels .hg-nav a.is-active{background:#272c35!important;color:#f6f8fa!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;}
  .hg-nav .hg-nav__secondary,.hg-nav .hg-nav__mobile-more,.hg-app--reels .hg-nav .hg-nav__secondary,.hg-app--reels .hg-nav .hg-nav__mobile-more{display:none!important;}
  .hg-nav .hg-nav__benefits,.hg-app--reels .hg-nav .hg-nav__benefits{color:#f0c957!important;}
  .hg-app--reels .hg-nav a.hg-nav__benefits,.hg-app:not(.hg-app--reels) .hg-nav a.hg-nav__benefits{color:#f0c957!important;}
  .hg-app--reels .hg-nav a.hg-nav__secondary:not(.hg-nav__benefits),.hg-app:not(.hg-app--reels) .hg-nav a.hg-nav__secondary:not(.hg-nav__benefits){display:none!important;}
  /* Mobile uses the same three-destination capsule on every public page.
     The ellipsis only duplicated account navigation and made the benefits
     header narrower than the library header. */
  .hg-app--reels .hg-nav a.hg-nav__mobile-more,.hg-app:not(.hg-app--reels) .hg-nav a.hg-nav__mobile-more{display:none!important;}
  .hg-search,.hg-language-switch,.hg-app--reels .hg-search,.hg-app--reels .hg-language-switch{display:none!important;}
  .hg-reel-account,.hg-app--reels .hg-reel-account{display:none!important;}
  .hg-topbar .hg-login,.hg-app--reels .hg-login{display:inline-flex!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:40px!important;min-height:40px!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;padding:0!important;border:0!important;border-radius:14px!important;background:#34dda0!important;color:#07150f!important;font-size:0!important;font-weight:950!important;line-height:1!important;overflow:hidden!important;}
  .hg-topbar .hg-login:after,.hg-app--reels .hg-login:after{display:block!important;content:'登录'!important;font-size:10px!important;line-height:1!important;}

  /* A signed-in header has no .hg-login node.  Do not hide the only account
     entry on phones: show the avatar, while keeping the two wide payment
     buttons inside its menu instead of consuming the navigation row. */
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest){display:flex!important;flex:0 0 86px!important;align-items:center!important;width:86px!important;min-width:86px!important;height:40px!important;gap:6px!important;margin-left:auto!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge{display:inline-flex!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border-radius:14px!important;}
  .hg-app:not(.hg-app--reels) .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge,.hg-app--reels .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge{display:inline-flex!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge .hg-reel-account__points,.hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge b,.hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__vip{display:none!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge .hg-reel-account__coin{display:inline-grid!important;width:18px!important;height:18px!important;place-items:center!important;margin:0!important;font-size:14px!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__profile,.hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar{display:inline-flex!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar:after{display:none!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__menu{right:0!important;min-width:210px!important;}

  /* Member pages used the legacy user shell, which could reintroduce a blank
     header band and its old bottom navigation.  Keep welfare in the same
     compact application shell as browse and library. */
  body.hg-welfare-page{min-width:0!important;margin:0!important;background:#0b1018!important;}
  body.hg-welfare-page .hg-topbar{position:sticky!important;z-index:1200!important;top:0!important;display:block!important;width:100%!important;min-height:var(--hg-mobile-header)!important;margin:0!important;padding:0!important;}
  body.hg-welfare-page .hg-topbar__inner{display:flex!important;align-items:center!important;width:100%!important;height:var(--hg-mobile-header)!important;min-height:var(--hg-mobile-header)!important;margin:0!important;padding:0 12px!important;}
  body.hg-welfare-page .hg-topbar .hg-logo{flex:0 0 55px!important;width:55px!important;min-width:55px!important;}
  body.hg-welfare-page .hg-topbar .hg-logo img{width:55px!important;height:30px!important;}
  body.hg-welfare-page .hg-topbar .hg-nav{display:flex!important;flex:0 0 173px!important;width:173px!important;max-width:173px!important;}
  body.hg-welfare-page .hg-nav a.hg-nav__benefits{background:#272c35!important;color:#f6f8fa!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;}
  /* The legacy welfare shell loads mobile-user-topbar-alignment.css with a
     more specific selector.  Pin the same measured geometry used by the
     library page so that its fixed wrapper cannot let content height move
     the capsule or make the current item a different size. */
  html body.hg-welfare-page.bstem[class]>header.hg-topbar{height:calc(var(--hg-mobile-header) + 1px)!important;min-height:calc(var(--hg-mobile-header) + 1px)!important;max-height:calc(var(--hg-mobile-header) + 1px)!important;box-sizing:border-box!important;}
  html body.hg-welfare-page.bstem[class]>header.hg-topbar>.hg-topbar__inner{display:flex!important;align-items:center!important;height:var(--hg-mobile-header)!important;min-height:var(--hg-mobile-header)!important;max-height:var(--hg-mobile-header)!important;margin:0!important;padding:0 14px!important;gap:7px!important;box-sizing:border-box!important;}
  html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav{display:flex!important;align-items:stretch!important;width:173px!important;min-width:173px!important;max-width:173px!important;height:39px!important;min-height:39px!important;max-height:39px!important;flex:0 0 173px!important;padding:3px!important;box-sizing:border-box!important;}
  html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a{display:block!important;flex:0 0 calc((100% - 2px)/3)!important;width:calc((100% - 2px)/3)!important;min-width:0!important;height:31px!important;min-height:31px!important;max-height:31px!important;margin:0!important;padding:7px 2px!important;line-height:17px!important;box-sizing:border-box!important;}
  /* All three mobile web shells used to retain competing page-level rules
     (library 14px padding, welfare 12px, reels 10px/63px).  This is the
     single authoritative geometry for their shared header. */
  html body.hg-brush-page .hg-topbar,html body.hg-welfare-page .hg-topbar{height:calc(var(--hg-mobile-header) + 1px)!important;min-height:calc(var(--hg-mobile-header) + 1px)!important;max-height:calc(var(--hg-mobile-header) + 1px)!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar__inner,html body.hg-welfare-page .hg-topbar__inner{display:flex!important;align-items:center!important;width:100%!important;height:var(--hg-mobile-header)!important;min-height:var(--hg-mobile-header)!important;max-height:var(--hg-mobile-header)!important;margin:0!important;padding:0 14px!important;gap:7px!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar .hg-nav,html body.hg-welfare-page .hg-topbar .hg-nav{display:flex!important;align-items:stretch!important;width:173px!important;min-width:173px!important;max-width:173px!important;height:39px!important;min-height:39px!important;max-height:39px!important;flex:0 0 173px!important;padding:3px!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a,html body.hg-welfare-page .hg-topbar .hg-nav>a{display:block!important;flex:0 0 calc((100% - 2px)/3)!important;width:calc((100% - 2px)/3)!important;min-width:0!important;height:31px!important;min-height:31px!important;max-height:31px!important;margin:0!important;padding:7px 2px!important;line-height:17px!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest),html body.hg-welfare-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest){display:flex!important;align-items:center!important;flex:0 0 86px!important;width:86px!important;min-width:86px!important;height:40px!important;min-height:40px!important;gap:6px!important;margin-left:auto!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge,html body.hg-welfare-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar,html body.hg-welfare-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;box-sizing:border-box!important;}
  /* Equal grid tracks remove flex rounding: the selected first, middle or
     last item now has exactly the same box.  The welfare item also receives
     the full primary active treatment rather than a secondary-link variant. */
  html body.hg-brush-page .hg-topbar .hg-nav,html body.hg-welfare-page .hg-topbar .hg-nav,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav{display:grid!important;grid-template-columns:repeat(3,54px)!important;justify-content:center!important;align-items:stretch!important;column-gap:1px!important;row-gap:0!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a,html body.hg-welfare-page .hg-topbar .hg-nav>a,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a{display:flex!important;width:54px!important;min-width:54px!important;max-width:54px!important;align-items:center!important;justify-content:center!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a.is-active,html body.hg-welfare-page .hg-topbar .hg-nav>a.hg-nav__benefits{background:#272c35!important;color:#f6f8fa!important;border:0!important;outline:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;filter:none!important;text-shadow:none!important;font-weight:800!important;}
  /* The older general-shell selector has four class-level components and was
     still winning over the welfare link's flex display.  Keep the final
     mobile rule at least as specific for every one of the three tabs, so the
     selected first, middle and last cells share one box model and one paint. */
  html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a,html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a{display:flex!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:31px!important;min-height:31px!important;max-height:31px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:7px 2px!important;line-height:17px!important;box-sizing:border-box!important;}
  html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a.is-active,html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a.hg-nav__benefits{background:#272c35!important;color:#f6f8fa!important;border:0!important;outline:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;filter:none!important;text-shadow:none!important;font-weight:800!important;}
  /* Welfare renders the shared header directly under body, outside .hg-app.
     Give that real DOM path the complete third-cell geometry too, rather than
     relying on a selector that only matches browse/library wrappers. */
  html body.hg-welfare-page .hg-topbar .hg-nav>a{border-radius:8px!important;}
  html body.hg-welfare-page .hg-topbar .hg-nav>a.hg-nav__benefits{display:flex!important;grid-column:3!important;grid-row:1!important;justify-self:stretch!important;align-self:stretch!important;flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:31px!important;min-height:31px!important;max-height:31px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:7px 2px!important;border:0!important;outline:0!important;line-height:17px!important;box-sizing:border-box!important;transform:none!important;filter:none!important;}
  html body.hg-welfare-page .hg-topbar .hg-nav>a.hg-nav__benefits:before,html body.hg-welfare-page .hg-topbar .hg-nav>a.hg-nav__benefits:after{display:none!important;content:none!important;}
  body.hg-welfare-page .hg-topbar .hg-search,body.hg-welfare-page .hg-topbar .hg-language-switch{display:none!important;}
  body.hg-welfare-page .hg-reel-account:not(.hg-reel-account--guest){display:flex!important;flex:0 0 86px!important;width:86px!important;min-width:86px!important;gap:6px!important;margin-left:auto!important;}
  body.hg-welfare-page .hg-reel-account--guest,body.hg-welfare-page .hg-reel-account__vip{display:none!important;}
  body.hg-welfare-page .hg-reel-account__recharge{display:inline-flex!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border-radius:14px!important;}
  body.hg-welfare-page .hg-reel-account__profile,body.hg-welfare-page .hg-reel-account__avatar{display:inline-flex!important;}
  body.hg-welfare-page .hg-reel-account__avatar{width:40px!important;height:40px!important;min-width:40px!important;}
  body.hg-welfare-page .hg-login{display:inline-flex!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;margin-left:auto!important;}
  body.hg-welfare-page .hg-welfare-shell{width:calc(100% - 32px)!important;margin:0 auto!important;padding:22px 0 40px!important;}
  body.hg-welfare-page .hg-welfare-top{padding:0 0 18px!important;}
  body.hg-welfare-page .hg-welfare-top h1{font-size:24px!important;}
  body.hg-welfare-page .hg-welfare-top p{font-size:13px!important;}
  body.hg-welfare-page .foot,body.hg-welfare-page #bottomNav,body.hg-welfare-page .foot_nav,body.hg-welfare-page .extra.extra-fab,body.hg-welfare-page .extra-fab{display:none!important;}

  /* Browse: video belongs to the viewport, never a detached portrait card. */
  .hg-app--reels{height:100dvh!important;min-height:0!important;overflow:hidden!important;}
  .hg-app--reels .hg-reel-main{height:calc(100dvh - var(--hg-mobile-header))!important;}
  .hg-app--reels .hg-reel{display:block!important;height:100%!important;min-height:100%!important;padding:0!important;}
  .hg-app--reels .hg-reel__stage{width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;aspect-ratio:auto!important;}
  .hg-app--reels .hg-reel__backdrop{inset:0!important;filter:none!important;opacity:1!important;transform:none!important;background-position:center!important;background-size:cover!important;}
  .hg-app--reels .hg-reel__player-wrap{left:0!important;top:0!important;width:100%!important;max-width:none!important;height:100%!important;transform:none!important;background:transparent!important;box-shadow:none!important;}
  .hg-app--reels .hg-reel__player,.hg-app--reels .hg-reel__player .dplayer{width:100%!important;height:100%!important;background:transparent!important;}
  .hg-app--reels .hg-reel__player video{object-fit:cover!important;}
  .hg-app--reels .hg-reel__shade{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 28%,transparent 50%,rgba(0,0,0,.90) 100%)!important;}
  .hg-app--reels .hg-reel__checkin{left:16px!important;top:15px!important;min-height:34px!important;padding:0 12px!important;border-radius:18px!important;font-size:11px!important;line-height:34px!important;}
  .hg-app--reels .hg-reel__nav{right:13px!important;top:15px!important;gap:8px!important;}
  .hg-app--reels .hg-reel__nav-btn{width:48px!important;height:48px!important;border-radius:15px!important;font-size:25px!important;}
  .hg-app--reels .hg-reel__hint{display:none!important;}
  .hg-app--reels .hg-reel__actions{right:12px!important;top:auto!important;bottom:152px!important;display:grid!important;width:auto!important;gap:10px!important;}
  .hg-app--reels .hg-reel__action{min-width:48px!important;gap:3px!important;color:#fff!important;font-size:9px!important;}
  .hg-app--reels .hg-reel__action b{width:43px!important;height:43px!important;border-color:rgba(255,255,255,.30)!important;background:rgba(10,12,16,.68)!important;font-size:20px!important;}
  .hg-app--reels .hg-reel__info{right:76px!important;bottom:82px!important;left:18px!important;max-width:none!important;padding:0!important;background:none!important;text-shadow:0 2px 12px #000!important;}
  .hg-app--reels .hg-reel__info h1{margin:0 0 8px!important;font-size:25px!important;line-height:1.17!important;}
  .hg-app--reels .hg-reel__info-line{margin-bottom:7px!important;}
  .hg-app--reels .hg-reel__info .hg-reel__tags{margin-bottom:6px!important;font-size:12px!important;}
  .hg-app--reels .hg-reel__info .hg-reel__desc{display:-webkit-box!important;overflow:hidden!important;font-size:12px!important;line-height:1.55!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
  .hg-app--reels .hg-reel__bottom{bottom:17px!important;left:18px!important;max-width:calc(100% - 36px)!important;transform:none!important;gap:9px!important;}
  .hg-app--reels .hg-reel__bottom-btn{min-height:47px!important;padding:0 16px!important;border-radius:14px!important;font-size:12px!important;}

  /* Library: a short, wide editorial hero followed by controls and rails. */
  .hg-app:not(.hg-app--reels) .hg-container{padding:20px var(--hg-mobile-pad) 44px!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero{min-height:330px!important;height:330px!important;margin:0 0 24px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:22px!important;background-position:61% center!important;box-shadow:0 18px 36px rgba(0,0,0,.30)!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero:before{background:linear-gradient(90deg,rgba(5,7,10,.88),rgba(5,7,10,.40) 62%,rgba(5,7,10,.07)),linear-gradient(0deg,rgba(5,7,10,.64),transparent 54%)!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero:after{right:23px!important;bottom:18px!important;font-size:8px!important;letter-spacing:3px!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__copy{min-height:330px!important;max-width:92%!important;padding:25px 24px 84px!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__kicker{padding:6px 10px!important;border-radius:16px!important;font-size:11px!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__copy h1{margin:15px 0 8px!important;font-size:30px!important;line-height:1.15!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__desc{margin:0 0 18px!important;font-size:13px!important;line-height:1.6!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__actions{display:flex!important;gap:10px!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__primary,.hg-app:not(.hg-app--reels) .hg-home-hero__secondary{min-height:50px!important;padding:0 16px!important;border-radius:14px!important;font-size:14px!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__primary{flex:1.1 1 0!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__secondary{flex:.9 1 0!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__poster-strip{display:none!important;}
  .hg-app:not(.hg-app--reels) .hg-filter-row{display:flex!important;gap:9px!important;overflow:visible!important;margin:0 0 16px!important;}
  .hg-app:not(.hg-app--reels) .hg-filter,.hg-app:not(.hg-app--reels) .hg-vip-filter-toggle{display:flex!important;width:auto!important;min-width:0!important;min-height:45px!important;flex:1 1 0!important;align-items:center!important;justify-content:center!important;padding:0 8px!important;border-radius:13px!important;font-size:12px!important;white-space:nowrap!important;}
  .hg-vip-filter-toggle__label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .hg-app:not(.hg-app--reels) .hg-section__head{padding:15px 0!important;}
  .hg-app:not(.hg-app--reels) .hg-section__head h2{font-size:23px!important;}
  .hg-app:not(.hg-app--reels) .hg-vip-grid{display:flex!important;gap:12px!important;overflow-x:auto!important;padding:0 0 10px!important;}
  .hg-app:not(.hg-app--reels) .hg-vip-grid .hg-library-card{flex:0 0 48%!important;}
  .hg-app:not(.hg-app--reels) .hg-library-grid{padding:0!important;}
  .hg-app:not(.hg-app--reels) .hg-collection-row{display:none!important;}
  .hg-app:not(.hg-app--reels) .hg-footer{padding:24px 16px!important;}
}

@media (max-width:370px){
  :root{--hg-mobile-pad:16px;}
  .hg-topbar .hg-logo,.hg-app--reels .hg-logo{flex-basis:51px!important;min-width:51px!important;width:51px!important;}
  .hg-topbar .hg-logo img,.hg-app--reels .hg-logo img{width:51px!important;}
  .hg-brush-page .hg-topbar .hg-logo{flex-basis:51px!important;min-width:51px!important;width:51px!important;}
  .hg-brush-page .hg-topbar .hg-logo img{width:51px!important;}
  .hg-topbar .hg-nav,.hg-app--reels .hg-nav{width:161px!important;max-width:161px!important;flex-basis:161px!important;}
  .hg-topbar .hg-login,.hg-app--reels .hg-login{flex-basis:43px!important;width:43px!important;min-width:43px!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest){flex-basis:82px!important;width:82px!important;min-width:82px!important;gap:5px!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;}
  .hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar{width:38px!important;height:38px!important;min-width:38px!important;}
  body.hg-welfare-page .hg-topbar .hg-logo{flex-basis:51px!important;width:51px!important;min-width:51px!important;}
  body.hg-welfare-page .hg-topbar .hg-logo img{width:51px!important;}
  body.hg-welfare-page .hg-topbar .hg-nav{flex-basis:161px!important;width:161px!important;max-width:161px!important;}
  html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav{min-width:161px!important;width:161px!important;max-width:161px!important;flex-basis:161px!important;}
  html body.hg-brush-page .hg-topbar .hg-nav,html body.hg-welfare-page .hg-topbar .hg-nav{min-width:161px!important;width:161px!important;max-width:161px!important;flex-basis:161px!important;}
  html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav{min-width:161px!important;width:161px!important;max-width:161px!important;flex-basis:161px!important;}
  html body.hg-brush-page .hg-topbar .hg-nav,html body.hg-welfare-page .hg-topbar .hg-nav,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav{grid-template-columns:repeat(3,50px)!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a,html body.hg-welfare-page .hg-topbar .hg-nav>a,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a{width:50px!important;min-width:50px!important;max-width:50px!important;}
  /* Match the high-specificity regular-width rule above.  Without this paired
     selector, the 54px tab width could survive at <=370px and overflow the
     intentionally narrower 161px capsule. */
  html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a,html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a{width:50px!important;min-width:50px!important;max-width:50px!important;}
  html body.hg-welfare-page .hg-topbar .hg-nav>a.hg-nav__benefits{flex-basis:50px!important;width:50px!important;min-width:50px!important;max-width:50px!important;}
  .hg-nav a,.hg-app--reels .hg-nav a{font-size:9px!important;}
  .hg-app--reels .hg-reel__actions{bottom:145px!important;grid-template-columns:repeat(2,43px)!important;column-gap:4px!important;row-gap:4px!important;}
  .hg-app--reels .hg-reel__info{right:104px!important;bottom:75px!important;}
  .hg-app--reels .hg-reel__info h1{font-size:20px!important;}
  .hg-app--reels .hg-reel__info .hg-reel__desc{-webkit-line-clamp:1!important;font-size:11px!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero,.hg-app:not(.hg-app--reels) .hg-home-hero__copy{height:310px!important;min-height:310px!important;}
  .hg-app:not(.hg-app--reels) .hg-home-hero__copy{padding:22px 19px 70px!important;}
}

@media (max-width:760px) and (max-height:620px){
  .hg-app--reels .hg-reel__checkin{top:9px!important;}
  .hg-app--reels .hg-reel__nav{top:9px!important;}
  .hg-app--reels .hg-reel__nav-btn{width:42px!important;height:42px!important;}
  .hg-app--reels .hg-reel__actions{bottom:138px!important;grid-template-columns:repeat(2,43px)!important;column-gap:4px!important;row-gap:4px!important;}
  .hg-app--reels .hg-reel__info{right:104px!important;bottom:66px!important;}
  .hg-app--reels .hg-reel__info h1{font-size:18px!important;}
  .hg-app--reels .hg-reel__info-line{margin-bottom:3px!important;}
  .hg-app--reels .hg-reel__info .hg-reel__tags{margin-bottom:2px!important;font-size:10px!important;}
  .hg-app--reels .hg-reel__info .hg-reel__desc{-webkit-line-clamp:1!important;font-size:10px!important;}
  .hg-app--reels .hg-reel__bottom{bottom:10px!important;}
  .hg-app--reels .hg-reel__bottom-btn{min-height:36px!important;padding:0 10px!important;font-size:10px!important;}
}

/* Final real-DOM parity.  Welfare places the shared header directly under
   body, while browse/library place it inside .hg-app.  Pin both paths here,
   at the end of the already published mobile sheet, so no page-specific
   legacy rule or stale secondary-link rule can change this header row. */
@media (max-width:760px){
  html body.hg-brush-page .hg-topbar{position:sticky!important;top:0!important;right:auto!important;left:auto!important;width:100%!important;height:59px!important;min-height:59px!important;max-height:59px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
  html body.hg-welfare-page.bstem[class]>header.hg-topbar{position:fixed!important;top:0!important;right:0!important;left:0!important;width:100%!important;height:59px!important;min-height:59px!important;max-height:59px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar__inner,html body.hg-welfare-page.bstem[class]>header.hg-topbar>.hg-topbar__inner{display:flex!important;align-items:center!important;width:100%!important;height:58px!important;min-height:58px!important;max-height:58px!important;margin:0!important;padding:0 14px!important;gap:7px!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar .hg-logo,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-logo{display:flex!important;flex:0 0 55px!important;width:55px!important;min-width:55px!important;height:30px!important;margin:0!important;padding:0!important;}
  html body.hg-brush-page .hg-topbar .hg-logo img,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-logo img{display:block!important;width:55px!important;height:30px!important;min-width:55px!important;object-fit:contain!important;}
  html body.hg-brush-page .hg-topbar .hg-nav,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav{display:grid!important;grid-template-columns:repeat(3,54px)!important;grid-template-rows:31px!important;justify-content:center!important;align-items:stretch!important;column-gap:1px!important;row-gap:0!important;flex:0 0 173px!important;width:173px!important;min-width:173px!important;max-width:173px!important;height:39px!important;min-height:39px!important;max-height:39px!important;margin:0!important;padding:3px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:#11151c!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a,html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a,html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a{display:none!important;grid-row:1!important;justify-self:stretch!important;align-self:stretch!important;align-items:center!important;justify-content:center!important;flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:31px!important;min-height:31px!important;max-height:31px!important;margin:0!important;padding:7px 2px!important;border:0!important;border-radius:8px!important;outline:0!important;line-height:17px!important;box-sizing:border-box!important;transform:none!important;filter:none!important;text-shadow:none!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a:nth-child(1),html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a:nth-child(1),html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a:nth-child(1),html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a:nth-child(1){display:flex!important;grid-column:1!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a:nth-child(2),html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a:nth-child(2),html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a:nth-child(2),html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a:nth-child(2){display:flex!important;grid-column:2!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a:nth-child(3),html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a:nth-child(3),html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a:nth-child(3),html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a:nth-child(3){display:flex!important;grid-column:3!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a.is-active,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a.hg-nav__benefits{background:#272c35!important;color:#f6f8fa!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;font-weight:800!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a,html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a,html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a{color:#aeb6c2!important;}
  html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a.is-active,html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a.is-active,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a.hg-nav__benefits{background:#272c35!important;color:#f6f8fa!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;font-weight:800!important;}
  html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a.hg-nav__benefits:before,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a.hg-nav__benefits:after{display:none!important;content:none!important;}
  html body.hg-welfare-page.bstem[class]>main.hg-welfare-shell{margin-top:59px!important;}
  html body.hg-brush-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest),html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-reel-account:not(.hg-reel-account--guest){display:flex!important;align-items:center!important;flex:0 0 86px!important;width:86px!important;min-width:86px!important;height:40px!important;min-height:40px!important;gap:6px!important;margin-left:auto!important;padding:0!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge{display:inline-flex!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border-radius:14px!important;box-sizing:border-box!important;}
  html body.hg-brush-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar{display:inline-flex!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;border-radius:14px!important;box-sizing:border-box!important;}
}
@media (max-width:370px){
  html body.hg-brush-page .hg-topbar .hg-logo,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-logo{flex-basis:51px!important;width:51px!important;min-width:51px!important;}
  html body.hg-brush-page .hg-topbar .hg-logo img,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-logo img{width:51px!important;min-width:51px!important;}
  html body.hg-brush-page .hg-topbar .hg-nav,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav{grid-template-columns:repeat(3,50px)!important;flex-basis:161px!important;width:161px!important;min-width:161px!important;max-width:161px!important;}
  html body.hg-brush-page .hg-topbar .hg-nav>a,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a{flex-basis:50px!important;width:50px!important;min-width:50px!important;max-width:50px!important;}
  html body.hg-brush-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest),html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-reel-account:not(.hg-reel-account--guest){flex-basis:82px!important;width:82px!important;min-width:82px!important;gap:5px!important;}
  html body.hg-brush-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-reel-account:not(.hg-reel-account--guest)>.hg-reel-account__recharge,html body.hg-brush-page .hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-reel-account:not(.hg-reel-account--guest) .hg-reel-account__avatar{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;}
}

/* The shared header is also used by every account page.  Keep its mobile
   navigation identical to browse, library and welfare instead of letting the
   older account-shell rule collapse it into two equal tabs. */
@media (max-width:760px){
  /* Guest entry is a fixed mobile control, not an inherited desktop link.
     This keeps the library route aligned with the other shared headers. */
  html body .hg-topbar .hg-login,html body .hg-app .hg-topbar .hg-login{display:inline-flex!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:40px!important;min-height:40px!important;align-items:center!important;justify-content:center!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;border-radius:14px!important;box-sizing:border-box!important;background:#34dda0!important;color:#07150f!important;font-size:0!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;}
  html body .hg-topbar .hg-login:after,html body .hg-app .hg-topbar .hg-login:after{display:block!important;content:'登录'!important;font-size:10px!important;line-height:1!important;}
  html body .hg-topbar .hg-nav{display:grid!important;grid-template-columns:repeat(3,54px)!important;grid-template-rows:31px!important;justify-content:center!important;align-items:stretch!important;column-gap:1px!important;row-gap:0!important;flex:0 0 173px!important;width:173px!important;min-width:173px!important;max-width:173px!important;height:39px!important;min-height:39px!important;max-height:39px!important;margin:0!important;padding:3px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:#11151c!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;box-sizing:border-box!important;}
  html body .hg-topbar .hg-nav>a{display:none!important;grid-row:1!important;justify-self:stretch!important;align-self:stretch!important;align-items:center!important;justify-content:center!important;flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:31px!important;min-height:31px!important;max-height:31px!important;margin:0!important;padding:7px 2px!important;border:0!important;border-radius:8px!important;outline:0!important;color:#aeb6c2!important;line-height:17px!important;box-sizing:border-box!important;transform:none!important;filter:none!important;text-shadow:none!important;}
  html body .hg-topbar .hg-nav>a:nth-child(1),html body .hg-topbar .hg-nav>a:nth-child(2),html body .hg-topbar .hg-nav>a:nth-child(3){display:flex!important;}
  html body .hg-topbar .hg-nav>a:nth-child(1){grid-column:1!important;}
  html body .hg-topbar .hg-nav>a:nth-child(2){grid-column:2!important;}
  html body .hg-topbar .hg-nav>a:nth-child(3){grid-column:3!important;}
  html body .hg-topbar .hg-nav>a.is-active,html body.hg-welfare-page .hg-topbar .hg-nav>a.hg-nav__benefits{background:#272c35!important;color:#f6f8fa!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;font-weight:800!important;}
  html body .hg-topbar .hg-nav>a.hg-nav__benefits:before,html body .hg-topbar .hg-nav>a.hg-nav__benefits:after{display:none!important;content:none!important;}
}
@media (max-width:370px){
  html body .hg-topbar .hg-nav{grid-template-columns:repeat(3,50px)!important;flex-basis:161px!important;width:161px!important;min-width:161px!important;max-width:161px!important;}
  html body .hg-topbar .hg-nav>a{flex-basis:50px!important;width:50px!important;min-width:50px!important;max-width:50px!important;}
}

/* Android download entry is injected only into the account-page mobile tools. */
@media (max-width:760px){
  .hg-account-mobile-tools .hg-account-mobile-tools__app-download{grid-column:1 / -1!important;display:grid!important;grid-template-columns:49px minmax(0,1fr) auto!important;align-items:center!important;justify-items:stretch!important;gap:11px!important;min-height:68px!important;padding:10px 12px!important;border:1px solid rgba(61,218,164,.35)!important;border-radius:16px!important;background:linear-gradient(110deg,rgba(31,144,102,.23),rgba(23,31,40,.88))!important;color:#eef3f8!important;text-align:left!important;}
  .hg-account-mobile-tools .hg-account-mobile-tools__app-download>span{display:grid!important;width:49px!important;height:49px!important;place-items:center!important;border-radius:16px!important;color:#55e1ad!important;background:rgba(38,146,103,.25)!important;}
  .hg-account-mobile-tools .hg-account-mobile-tools__app-download>b{overflow:visible!important;width:auto!important;color:#f3f7fb!important;font-size:14px!important;line-height:1.35!important;text-overflow:clip!important;white-space:normal!important;}
  .hg-account-mobile-tools .hg-account-mobile-tools__app-download>i{padding:7px 9px!important;border:1px solid rgba(78,221,166,.45)!important;border-radius:9px!important;color:#6be5b6!important;font-size:10px!important;font-style:normal!important;font-weight:800!important;white-space:nowrap!important;}
  .hg-app-download-prompt{position:fixed!important;z-index:2147483647!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:22px!important;background:rgba(3,7,12,.76)!important;backdrop-filter:blur(7px)!important;}
  .hg-app-download-prompt__panel{position:relative!important;width:min(340px,100%)!important;padding:30px 24px 23px!important;border:1px solid rgba(77,221,167,.42)!important;border-radius:22px!important;background:linear-gradient(145deg,#192720,#111821 72%)!important;box-shadow:0 22px 60px rgba(0,0,0,.52)!important;text-align:center!important;}
  .hg-app-download-prompt__close{position:absolute!important;top:10px!important;right:11px!important;width:32px!important;height:32px!important;border:0!important;background:transparent!important;color:#9ba8b9!important;font-size:25px!important;line-height:1!important;}
  .hg-app-download-prompt__icon{display:grid!important;width:56px!important;height:56px!important;place-items:center!important;margin:0 auto 13px!important;border-radius:18px!important;background:rgba(43,204,145,.18)!important;color:#5ce0ae!important;font-size:30px!important;font-weight:800!important;}
  .hg-app-download-prompt strong{display:block!important;color:#f5f8fb!important;font-size:20px!important;line-height:1.3!important;}
  .hg-app-download-prompt p{margin:11px 0 19px!important;color:#aebaca!important;font-size:13px!important;line-height:1.65!important;text-align:left!important;}
  .hg-app-download-prompt__confirm{width:100%!important;min-height:46px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#44d9a0,#2cbf88)!important;color:#102219!important;font-size:16px!important;font-weight:850!important;}
}

/* Mobile account actions are injected only when the signed-in account hub is
   present.  Keep language selection and sign-out together with account
   settings, without changing desktop account layouts or other pages. */
@media (max-width:760px){
  /* Preserve the locked 31px tab artwork, while giving each of the three
     destinations a 47px-high transparent hit target.  The extra area is
     vertical only, so adjacent tabs never steal each other's tap. */
  html body .hg-topbar .hg-nav,html body.hg-brush-page .hg-topbar .hg-nav,html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav,html body.hg-welfare-page .hg-topbar .hg-nav,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav,html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav{overflow:visible!important;}
  html body .hg-topbar .hg-nav>a{position:relative!important;z-index:1!important;touch-action:manipulation!important;}
  html body .hg-topbar .hg-nav>a::after{position:absolute!important;top:-8px!important;right:0!important;bottom:-8px!important;left:0!important;content:''!important;}
  html body.hg-brush-page[class] .hg-app .hg-topbar .hg-nav>a::after,html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a::after,html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a::after{display:block!important;position:absolute!important;top:-8px!important;right:0!important;bottom:-8px!important;left:0!important;content:''!important;}
  html body.hg-welfare-page.bstem[class]>header.hg-topbar .hg-nav>a.hg-nav__benefits::after,html body.hg-welfare-page.bstem[class] .hg-app .hg-topbar .hg-nav>a.hg-nav__benefits::after{display:block!important;position:absolute!important;top:-8px!important;right:0!important;bottom:-8px!important;left:0!important;content:''!important;}
  /* The same destination is already the first card in the mobile action group. */
  body.hg-account-page .hg-account__intro>.hg-account__outline-button{display:none!important;}
  .hg-account-mobile-profile-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 14px!important;padding:10px!important;border:1px solid #283341!important;border-radius:18px!important;background:#121821!important;box-shadow:0 12px 28px rgba(0,0,0,.14)!important;}
  .hg-account-mobile-profile-actions>a,.hg-account-mobile-profile-actions>button{display:grid!important;min-width:0!important;min-height:72px!important;align-content:center!important;justify-items:center!important;gap:7px!important;margin:0!important;padding:9px 5px!important;border:1px solid #303b49!important;border-radius:13px!important;background:#1a222e!important;color:#d9e2ee!important;text-decoration:none!important;font:inherit!important;cursor:pointer!important;}
  .hg-account-mobile-profile-actions>a>span,.hg-account-mobile-profile-actions>button>span{display:grid!important;width:24px!important;height:24px!important;place-items:center!important;color:#aebdce!important;font-size:21px!important;line-height:1!important;}
  .hg-account-mobile-profile-actions b{display:block!important;overflow:hidden!important;max-width:100%!important;color:inherit!important;font-size:12px!important;font-weight:780!important;line-height:1.25!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .hg-account-mobile-profile-actions__language{border-color:rgba(69,216,161,.34)!important;background:rgba(25,91,69,.22)!important;color:#67e6b4!important;}
  .hg-account-mobile-profile-actions__language>span{color:#67e6b4!important;}
  .hg-account-mobile-profile-actions__logout{border-color:rgba(218,132,132,.28)!important;background:rgba(101,44,46,.18)!important;color:#f0b2b2!important;}
  .hg-account-mobile-profile-actions__logout>span{color:#f0a6a6!important;}
  .hg-account-action-dialog{position:fixed!important;z-index:2147483647!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:22px!important;background:rgba(3,7,12,.78)!important;backdrop-filter:blur(7px)!important;}
  .hg-account-action-dialog__panel{position:relative!important;width:min(340px,100%)!important;padding:27px 22px 22px!important;border:1px solid rgba(70,220,163,.34)!important;border-radius:21px!important;background:linear-gradient(145deg,#18251f,#111821 72%)!important;box-shadow:0 22px 60px rgba(0,0,0,.56)!important;}
  .hg-account-action-dialog__close{position:absolute!important;top:9px!important;right:10px!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#9ba8b9!important;font-size:25px!important;line-height:1!important;cursor:pointer!important;}
  .hg-account-action-dialog__eyebrow{margin:0 0 7px!important;color:#65e2af!important;font-size:11px!important;font-weight:850!important;letter-spacing:.12em!important;}
  .hg-account-action-dialog h2{margin:0!important;color:#f3f7fb!important;font-size:21px!important;line-height:1.3!important;}
  .hg-account-language-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:18px!important;}
  .hg-account-language-list button{min-height:43px!important;margin:0!important;padding:0 8px!important;border:1px solid #2c3b43!important;border-radius:11px!important;background:#172027!important;color:#e4ecf4!important;font:inherit!important;font-size:13px!important;font-weight:750!important;cursor:pointer!important;}
  .hg-account-language-list button:first-child{border-color:rgba(72,221,164,.42)!important;background:rgba(34,140,101,.19)!important;color:#6ce4b4!important;}
  .hg-account-action-dialog__panel--logout{text-align:center!important;border-color:rgba(225,148,148,.34)!important;background:linear-gradient(145deg,#261d20,#121821 72%)!important;}
  .hg-account-action-dialog__warn{display:grid!important;width:49px!important;height:49px!important;place-items:center!important;margin:0 auto 11px!important;border-radius:16px!important;background:rgba(177,75,79,.2)!important;color:#f0a8a8!important;font-size:26px!important;font-weight:800!important;line-height:1!important;}
  .hg-account-action-dialog__panel--logout p{margin:10px 0 19px!important;color:#acb7c6!important;font-size:13px!important;line-height:1.65!important;text-align:left!important;}
  .hg-account-action-dialog__buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .hg-account-action-dialog__buttons button{min-height:44px!important;margin:0!important;padding:0 8px!important;border-radius:12px!important;font:inherit!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important;}
  .hg-account-action-dialog__cancel{border:1px solid #354150!important;background:#1b2430!important;color:#d4dce7!important;}
  .hg-account-action-dialog__logout{border:1px solid #dc7777!important;background:linear-gradient(135deg,#ed9a9a,#d76060)!important;color:#311214!important;}
}